/*
Theme Name: Core Child
Theme URI: https://www.huruguen.fr/
Description: Thème enfant pour Core (photographie)
Author: Sebastien Huruguen
Author URI: https://www.huruguen.fr/
Template: core
Version: 1.0
*/

/* === Vos personnalisations CSS ci-dessous === */
#footer { font-size: 10px; }
.nav li ul li a { font-size: 12px; text-transform: capitalize !important; }
.nav li a { color: #B8860B; }
.nav li.current-menu-item > a { color: #B8860B; }
.social_wrapper { opacity: 0.3; }
.gallery-caption { visibility: hidden !important; }
#gallery-2 img { border: hidden !important; }
.wp-caption-text { display: none !important; }
.wp-caption-text gallery-caption { visibility: hidden !important; }

.post_header .post_detail, .recent_post_detail { visibility: hidden !important; }

#page_content_wrapper .inner .sidebar_content .post_wrapper .post_header {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.page-id-38 #page_content_wrapper .inner .sidebar_content { width: 67%; }
#page_content_wrapper .inner .sidebar_content { width: 100%; }

.post_img { margin: 0 auto; display: block; text-align: center; }
.post_img img.frame { width: 100% !important; }

.page-id-35 h3, .page-id-266 h3, .page-id-2884 h3 { color: #B8860B; }

#page_content_wrapper .inner .sidebar_content .post_wrapper .post_header .h3.cufon .a {
    font-size: 40px !important;
}

#thumb-list, #thumb-tray { visibility: hidden !important; }
#prevslide, #nextslide { visibility: visible !important; }

.blog .img { max-width: 960px !important; }
#page_content_wrapper .inner .sidebar_content img { max-width: 100%; height: auto; }

/* Media queries */
@media only screen and (max-width: 960px) and (min-width: 768px) {
    .page_caption h1 { font-size: 30px !important; }
    #page_content_wrapper .inner .sidebar_content { max-width: 800px !important; }
    .sidebar_content.full_width { margin: 0 auto; text-align: center; display: block; }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .page_caption h1 { font-size: 25px !important; }
    #footer { display: block !important; }
}

@media only screen and (max-width: 479px) { 
    .page_caption h1 { font-size: 25px !important; }
    #footer { display: block !important; }
    .sidebar_content.full_width { margin: 0 auto; display: block; text-align: center; }
}

.yarpp-related h3 { font-size: 40px !important; }

/* === Correction menu mobile masqué par le bandeau blanc === */
@media only screen and (max-width: 767px) {
  #top_bar,
  .top_bar_wrapper {
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
  }

  #menu_border_wrapper,
  #menu_wrapper,
  .mobile_menu_wrapper {
    position: relative !important;
    z-index: 9999 !important;
  }

  /* Supprime les marges ou fonds parasites autour du menu mobile */
  #menu_border_wrapper {
    background: none !important;
    margin-top: 0 !important;
  }
}
/* === Correction menu mobile et bandeau transparent === */
@media only screen and (max-width: 767px) {

  /* Bandeau transparent et derrière le contenu */
  #top_bar,
  .top_bar_wrapper {
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* Menu mobile devant le reste */
  #menu_border_wrapper,
  #menu_wrapper,
  .mobile_menu_wrapper {
    position: relative !important;
    z-index: 9999 !important;
  }

  /* Menu déroulant : initialement caché, affiché par le toggle JS */
  #menu_border_wrapper .nav ul {
    display: none;           /* toujours caché tant que JS n’est pas cliqué */
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #fff !important;  /* fond blanc pour lisibilité */
    width: 100% !important;
    z-index: 9999 !important;
  }

  /* Menu visible quand le parent a la classe "mobile_active" ajoutée par JS */
  #menu_border_wrapper .nav.mobile_active ul {
    display: block !important;
  }

  /* Liens menu mobile */
  #menu_border_wrapper .nav ul li a {
    color: #B8860B !important;  /* adapte selon ton design */
    text-transform: capitalize !important;
    padding: 10px 15px;
    display: block;
  }
}