/*
Theme Name: Divi Enfant
Description: Theme enfant de Divi. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: Yannick Couillin
Author URI: https://www.neurotopia.fr
Template: Divi
Version: 1.0
*/

/* Variables globales */
:root {
  --color-background-dark: #0A0A1F;
  --color-title: #6E00FF;
  --color-hover: #00F0FF;
  --color-highlight: #f49a2a;
  --font-title: 'Orbitron', sans-serif;
  --font-body: 'Raleway', sans-serif;
}

/* Typographie globale */
body {
  font-family: var(--font-body);
}

.entry-title,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-title);
  color: var(--color-title);
}

/* Liens */
a:not(.wp-element-button) {
  text-decoration: none;
}

/* Header principal */
#main-header {
  background-color: var(--color-background-dark);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  transition: background-color 0.3s ease;
}

body.home #main-header {
  background-color: transparent !important;
}

body:not(.home) #main-header {
  background-color: var(--color-background-dark) !important;
}

/*Logo*/
.site-logo img {
  max-height: 60px;
}

/*Menu principal (Desktop)*/
.primary-menu .et-menu-nav > li > a {
  font-family: var(--font-title);
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  padding: 1em 1.2em;
  transition: color 0.3s;
}

.primary-menu .et-menu-nav > li > a:hover {
  color: var(--color-hover);
}

.primary-menu .current-menu-item > a {
  color: var(--color-title);
}

body.home .primary-menu .et-menu-nav > li > a {
  color: #FFFFFF !important;
}

body.home .primary-menu .et-menu-nav > li.current-menu-item > a {
  color: var(--color-title) !important;
}

body:not(.home) .primary-menu .et-menu-nav > li > a {
  color: var(--color-title) !important;
}

body:not(.home) .primary-menu .et-menu-nav > li.current-menu-item > a {
  color: var(--color-hover) !important;
}

/*Menu mobile (Hamburger)*/
@media (max-width: 980px) {
  .mobile_menu_bar {
    background-color: transparent !important;
  }

  .mobile_menu_bar:after {
    color: #FFFFFF;
    font-size: 24px;
  }

  .et_mobile_menu {
    background-color: var(--color-background-dark);
  }

  .et_mobile_menu li a {
    padding: 0.8em 1em;
  }

  body.home .et_mobile_menu li a {
    color: #FFFFFF !important;
  }

  body.home .et_mobile_menu li.current-menu-item a {
    color: var(--color-title) !important;
  }

  body:not(.home) .et_mobile_menu li a {
    color: var(--color-title) !important;
  }

  body:not(.home) .et_mobile_menu li.current-menu-item a {
    color: var(--color-hover) !important;
  }
}

/*Menu avancé*/
#menu-menu-principal {
  height: 50px;
}

.menu-item-has-children > a::after {
  display: none;
}

.mega-menu a:hover,
.menu-item a:hover {
  text-decoration: underline;
  text-decoration-color: var(--color-highlight);
}

/*Actualités & Blog*/
.wplp_container.default .title {
  text-align: left !important;
}

.wplp_container.default .wpcu-front-box.top .title {
  margin-top: 10px;
  font-size: 1.5em;
  font-weight: normal;
  color: var(--color-highlight) !important;
}

.et_pb_salvattore_content {
  display: flex;
  justify-content: space-around;
}

.et_pb_image_container {
  margin: 0;
}

.entry-title {
  font-size: 1.5em;
  color: var(--color-highlight);
}

/*Blog – Page d’accueil*/
.home .et_pb_blog_grid .et_pb_post {
  width: auto;
  margin: 1%;
  box-sizing: border-box;
  min-height: 400px;
  justify-content: center;
}

.home .et_pb_blog_grid .et_pb_post img {
  width: auto;
  height: auto;
  object-fit: cover;
}

/* Responsive – Mobile / Tablette*/
@media (max-width: 1024px) {
  .logo-container {
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 768px) {
  .home .et_pb_blog_grid .et_pb_post {
    width: 100%;
    margin: 0;
  }

  .et_pb_salvattore_content {
    justify-content: center;
  }

  .logo-container {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 480px) {
  .logo-container {
    width: 80px;
    height: 80px;
  }
}

/* Autres styles */
@font-face {
  font-family: 'NomDeVotrePolice';
  src: url('https://www.votresite.com/wp-content/uploads/fonts/nomdelapolice.woff2') format('woff2');
  font-display: swap;
}

/*Police personnalisée*/
@font-face {
  font-family: 'NomDeVotrePolice';
  src: url('https://www.votresite.com/wp-content/uploads/fonts/nomdelapolice.woff2') format('woff2');
  font-display: swap;
}