/*
Theme Name:   MusiConseil Scène
Theme URI:    https://musiconseil.com
Description:  Thème enfant de Kadence — blog pro de la musique : papier chaud, encre du logo, ambre « projecteur de scène ».
Author:       Fabien Pusset
Template:     kadence
Version:      1.0.0
Text Domain:  musiconseil-scene
*/

/* ==========================================================================
   1. Polices (hébergées en local, pas d'appel à Google Fonts) — Lato, comme le logo
   ========================================================================== */
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Lato-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/Lato-400i.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Lato-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:900;font-display:swap;src:url(fonts/Lato-900.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ==========================================================================
   2. Jetons de design — redéfinis sur body pour battre les variables Kadence (:root)
   ========================================================================== */
body{
  --mc-bg:#f7f4ee;
  --mc-surface:#ffffff;
  --mc-ink:#1b1b1f;          /* encre du logo */
  --mc-text:#34343b;
  --mc-muted:#6a6a72;
  --mc-line:#e3ddd2;
  --mc-accent:#f0a81c;       /* ambre projecteur : aplats, filets */
  --mc-accent-deep:#9a5a00;  /* ambre foncé : texte et liens (contraste AA sur le papier) */
  --mc-accent-hi:#ffbd3d;
  --mc-font:'Lato',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  --global-palette1:#9a5a00;
  --global-palette2:#f0a81c;
  --global-palette3:#1b1b1f;
  --global-palette4:#34343b;
  --global-palette5:#6a6a72;
  --global-palette6:#e3ddd2;
  --global-palette7:#efe9de;
  --global-palette8:#f7f4ee;
  --global-palette9:#ffffff;
  --global-palette-highlight:#9a5a00;
  --global-palette-highlight-alt:#f0a81c;
  --global-palette-highlight-alt2:#1b1b1f;
  --global-palette-btn-bg:#f0a81c;
  --global-palette-btn-bg-hover:#ffbd3d;
  --global-palette-btn:#1b1b1f;
  --global-palette-btn-hover:#1b1b1f;
  --global-body-font-family:var(--mc-font);
  --global-heading-font-family:var(--mc-font);
}

/* ==========================================================================
   3. Base
   ========================================================================== */
html{background:var(--mc-bg)}
body,
body.custom-background,
.site,
.content-bg,
#wrapper{background-color:var(--mc-bg)!important;color:var(--mc-text)}
body{font-family:var(--mc-font);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--mc-accent);color:var(--mc-ink)}

h1,h2,h3,h4,h5,h6,
.entry-title,
.wp-block-heading{font-family:var(--mc-font);color:var(--mc-ink);font-weight:900;letter-spacing:-.015em;line-height:1.15}

a{color:var(--mc-accent-deep);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .15s ease}
a:hover,a:focus{color:var(--mc-ink)}
hr,.wp-block-separator{border-color:var(--mc-line);opacity:1}

input,textarea,select{background:var(--mc-surface)!important;color:var(--mc-ink)!important;border:1px solid var(--mc-line)!important;border-radius:6px;font-family:var(--mc-font)}
input:focus,textarea:focus,select:focus{border-color:var(--mc-accent)!important;outline:none;box-shadow:0 0 0 3px rgba(240,168,28,.25)}
.button,button,input[type=submit],.wp-block-button__link,.kb-button,.kt-button{
  background:var(--mc-accent)!important;color:var(--mc-ink)!important;border-radius:6px;border:0;
  font-family:var(--mc-font);font-weight:700;letter-spacing:.02em;box-shadow:none}
.button:hover,button:hover,input[type=submit]:hover,.wp-block-button__link:hover,.kb-button:hover,.kt-button:hover{background:var(--mc-accent-hi)!important;color:var(--mc-ink)!important}

/* ==========================================================================
   4. En-tête et navigation
   ========================================================================== */
#masthead,
#main-header .site-header-row-container-inner,
.site-header-wrap,
.site-header-row-container-inner,
.site-main-header-wrap .site-header-row-container-inner{background:var(--mc-surface)!important}
#masthead{border-bottom:1px solid var(--mc-line);position:relative}
#masthead::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--mc-accent)}
.site-branding .custom-logo,.site-branding a.brand img{width:250px!important;max-width:250px!important;max-height:none!important;height:auto!important}
.site-branding a.brand{padding:.5rem 0}

#main-header .header-navigation,
.primary-menu-container,
#site-navigation,
.main-navigation .primary-menu-container > ul > li.menu-item > a{background:transparent!important}
.main-navigation .primary-menu-container > ul > li.menu-item > a{
  color:var(--mc-ink);font-family:var(--mc-font);font-size:.94rem;font-weight:700;
  padding:.6em .75em;position:relative;white-space:nowrap}
.main-navigation .primary-menu-container > ul > li.menu-item > a::after{
  content:"";position:absolute;left:.75em;right:.75em;bottom:.15em;height:3px;border-radius:2px;background:var(--mc-accent);
  transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.main-navigation .primary-menu-container > ul > li.menu-item:hover > a::after,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
.main-navigation .primary-menu-container > ul > li.current-menu-ancestor > a::after{transform:scaleX(1)}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{color:var(--mc-ink)}
.header-navigation .header-menu-container ul ul.sub-menu{background:var(--mc-surface)!important;border:1px solid var(--mc-line);box-shadow:0 14px 34px rgba(27,27,31,.14);border-radius:6px}
.header-navigation .header-menu-container ul ul li.menu-item > a{color:var(--mc-text);font-size:.95rem;border-bottom:1px solid var(--mc-line)}
.header-navigation .header-menu-container ul ul li.menu-item > a:hover{background:var(--mc-bg)!important;color:var(--mc-ink)}
.mobile-toggle-open-container .menu-toggle-open{color:var(--mc-ink)}
#mobile-drawer .drawer-inner{background:var(--mc-surface)}
#mobile-drawer a{color:var(--mc-ink)}

/* ==========================================================================
   5. Fil d'ariane
   ========================================================================== */
.kadence-breadcrumbs,
.yoast-breadcrumb,
#breadcrumbs,
.entry-hero .kadence-breadcrumbs{font-size:.82rem;color:var(--mc-muted)!important}
.kadence-breadcrumbs a,.yoast-breadcrumb a,#breadcrumbs a{color:var(--mc-muted);text-decoration:none}
.kadence-breadcrumbs a:hover,.yoast-breadcrumb a:hover{color:var(--mc-ink);text-decoration:underline}
.kadence-breadcrumbs .kadence-bread-sep,.kadence-breadcrumbs .bc-delimiter{color:var(--mc-accent);margin:0 .5em}
.kadence-breadcrumbs .kadence-bread-current,.kadence-breadcrumbs [aria-current]{color:var(--mc-ink)}

/* ==========================================================================
   6. Bandeau de titre des archives (catégories)
   ========================================================================== */
.entry-hero .entry-hero-container-inner,
.entry-hero-container-inner{background:transparent!important}
.entry-hero{border-bottom:1px solid var(--mc-line);margin-bottom:2.5rem}
.archive .entry-hero .hero-section-overlay{background:transparent!important}
.archive .entry-hero .entry-header{text-align:left;padding:2.4rem 0 1.8rem;min-height:0}
.archive .entry-hero .page-title,
.archive .entry-title{font-size:clamp(2.1rem,4.6vw,3.3rem);font-weight:900;line-height:1.05;margin:.4rem 0 .6rem;color:var(--mc-ink)}
.archive .entry-hero .page-title::before{content:"Rubrique";display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mc-ink);background:var(--mc-accent);padding:.25rem .6rem;border-radius:4px;margin-bottom:.9rem}
.archive .archive-description,
.archive .entry-hero .archive-description{font-size:1.1rem;color:var(--mc-muted);max-width:42em;margin-top:.8rem}

/* ==========================================================================
   7. Cartes d'articles (archives, résultats de recherche, blocs « Articles »)
   ========================================================================== */
.kadence-posts-list{gap:2rem}
.loop-entry,
.kb-post-list-item .kb-post-list-item-inner,
.wp-block-kadence-posts .kb-post-list-item{
  background:var(--mc-surface)!important;border:1px solid var(--mc-line);border-radius:10px;
  box-shadow:0 1px 2px rgba(27,27,31,.04)!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.loop-entry:hover{border-color:var(--mc-accent);transform:translateY(-3px);box-shadow:0 12px 28px rgba(27,27,31,.10)!important}
.loop-entry .post-thumbnail{overflow:hidden;margin:0}
.loop-entry .post-thumbnail img{transition:transform .5s ease}
.loop-entry:hover .post-thumbnail img{transform:scale(1.04)}
.loop-entry .entry-content-wrap{padding:1.3rem 1.4rem 1.5rem;background:transparent!important}
.loop-entry .entry-taxonomies,
.loop-entry .entry-taxonomies a{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--mc-accent-deep)!important;text-decoration:none}
.loop-entry .entry-title,
.loop-entry h2.entry-title{font-size:1.3rem;line-height:1.22;margin:.5rem 0 .6rem}
.loop-entry .entry-title a{color:var(--mc-ink)}
.loop-entry .entry-title a:hover{color:var(--mc-accent-deep)}
.loop-entry .entry-summary,
.loop-entry .entry-summary p{color:var(--mc-text);font-size:.98rem;line-height:1.6}
.loop-entry .entry-meta,
.loop-entry .entry-meta a{font-size:.78rem;color:var(--mc-muted)}
.loop-entry .more-link-wrap{display:none}

/* Premier article d'une rubrique : grande une pleine largeur (hors pagination) */
.kadence-posts-list > .entry-list-item{display:flex}
.kadence-posts-list > .entry-list-item > .loop-entry{width:100%}
@media (min-width:900px){
  body.archive:not(.paged) .kadence-posts-list > .entry-list-item:first-child{grid-column:1/-1}
  body.archive:not(.paged) .kadence-posts-list > .entry-list-item:first-child > .loop-entry{
    display:grid;grid-template-columns:1.3fr 1fr;align-items:stretch}
  body.archive:not(.paged) .kadence-posts-list > .entry-list-item:first-child .post-thumbnail{height:100%;min-height:360px}
  body.archive:not(.paged) .kadence-posts-list > .entry-list-item:first-child .post-thumbnail-inner,
  body.archive:not(.paged) .kadence-posts-list > .entry-list-item:first-child .post-thumbnail img{height:100%;width:100%;object-fit:cover}
  body.archive:not(.paged) .kadence-posts-list > .entry-list-item:first-child .entry-content-wrap{
    display:flex;flex-direction:column;justify-content:center;padding:2.2rem 2.4rem}
  body.archive:not(.paged) .kadence-posts-list > .entry-list-item:first-child .entry-title{font-size:2.1rem;line-height:1.1}
  body.archive:not(.paged) .kadence-posts-list > .entry-list-item:first-child .entry-summary p{font-size:1.08rem}
}

/* Carte de l'article : blanc, sans chevauchement sur l'image */
.single-entry.content-bg{background:var(--mc-surface)!important;border:1px solid var(--mc-line);border-radius:10px;box-shadow:none}
.single-post .article-post-thumbnail{margin-bottom:0}
.single-post .entry-content-wrap{margin-top:0!important}
.single-post.content-style-boxed .entry-content-wrap{padding-top:1.6rem}

/* Pagination */
.pagination .nav-links{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{font-size:.9rem;padding:.55rem .95rem;background:var(--mc-surface);
  border:1px solid var(--mc-line);color:var(--mc-text);border-radius:6px}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--mc-accent);color:var(--mc-ink);border-color:var(--mc-accent)}

/* ==========================================================================
   8. Article
   ========================================================================== */
.single-post .entry-header,.single-post .entry-header.title-align-right{text-align:left!important;padding:1.8rem 0 1rem}
.single-post .entry-header .entry-taxonomies,.single-post .entry-header .entry-meta{justify-content:flex-start}
.single-post .article-post-thumbnail .post-thumbnail-inner{max-height:520px;overflow:hidden;border-radius:10px}
.single-post .article-post-thumbnail img{width:100%;height:520px;max-height:520px;object-fit:cover}
.single-post .kadence-breadcrumbs{margin-bottom:.8rem}
.single-post .entry-title{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:900;line-height:1.1;margin:.5rem 0 1rem}
.single-post .entry-meta,
.single-post .entry-meta a{font-size:.85rem;color:var(--mc-muted)}
.single-post .entry-taxonomies a,
.single-post .category-links a{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  color:var(--mc-ink);background:var(--mc-accent);padding:.2rem .55rem;border-radius:4px;text-decoration:none}

.single-content{font-size:1.15rem;line-height:1.78;color:var(--mc-text)}
.single-content h2{font-size:1.85rem;margin:2.6rem 0 1rem;padding-left:1rem;border-left:5px solid var(--mc-accent)}
.single-content h3{font-size:1.4rem;margin:2rem 0 .7rem}
.single-content strong{color:inherit}
.single-content a{color:var(--mc-accent-deep);text-decoration:underline;text-decoration-color:rgba(154,90,0,.4)}
.single-content a:hover{color:var(--mc-ink);text-decoration-color:var(--mc-accent)}
.single-content blockquote,
.wp-block-quote{margin:2rem 0;padding:.6rem 0 .6rem 1.6rem;border-left:5px solid var(--mc-accent);
  font-size:1.25rem;line-height:1.5;font-weight:700;color:var(--mc-ink);background:transparent}
.single-content blockquote cite,.wp-block-quote cite{font-size:.85rem;font-style:normal;font-weight:400;color:var(--mc-muted)}
.single-content figure figcaption,.wp-element-caption{font-size:.85rem;color:var(--mc-muted);text-align:left;margin-top:.5rem}
.single-content img{border-radius:8px}
.single-content table{border-collapse:collapse;font-size:.95rem}
.single-content table th,.single-content table td{border:1px solid var(--mc-line);padding:.6rem .8rem}
.single-content table th{background:var(--mc-ink);color:#fff}

.entry-tags .tags-links a,.post-tags a{background:var(--mc-surface);color:var(--mc-text);font-size:.8rem;
  border:1px solid var(--mc-line);padding:.3rem .7rem;border-radius:999px;text-decoration:none}
.entry-tags .tags-links a:hover{border-color:var(--mc-accent);color:var(--mc-ink)}

.entry-author-box,.author-box,.entry-related,.post-navigation,.comments-area{background:transparent}
.entry-author .entry-author-profile,.author-box{background:var(--mc-surface);border:1px solid var(--mc-line);padding:1.5rem;border-radius:10px}
.entry-related-title,.comments-title,.comment-reply-title,.entry-author-profile .entry-author-name{
  font-size:1.3rem;font-weight:900;color:var(--mc-ink)}
.post-navigation .post-navigation-sub,.post-navigation a{color:var(--mc-text)}
.post-navigation .nav-links{border-top:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line)}

/* ==========================================================================
   9. Barre latérale
   ========================================================================== */
.primary-sidebar .widget,
.sidebar-inner-wrap .widget{background:transparent;border:0;padding:0;margin-bottom:1.4rem}
.sidebar-inner-wrap{background:var(--mc-surface);border:1px solid var(--mc-line);border-radius:10px;padding:1.6rem}
.widget-title,.widget .widget-title,.widgettitle,
.primary-sidebar h2,.primary-sidebar .wp-block-heading{
  font-size:1.15rem!important;font-weight:900;color:var(--mc-ink)!important;padding-bottom:.6rem;margin:0 0 1rem;
  border-bottom:3px solid var(--mc-accent);display:inline-block}
.primary-sidebar a{color:var(--mc-text)}
.primary-sidebar a:hover{color:var(--mc-accent-deep)}

/* ==========================================================================
   10. Page d'accueil
   ========================================================================== */
.home .entry-content > .wp-block-group{margin-bottom:3rem}
.home .entry-content h1.wp-block-heading,
.home .entry-content > .wp-block-group:first-child > h1{
  font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:900;color:var(--mc-ink);margin:0 0 1.8rem}
.home .entry-content h2.wp-block-heading{
  display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:900;color:var(--mc-ink);margin:0 0 1.4rem}
.home .entry-content h2.wp-block-heading::before{content:"";width:.5rem;height:1.5rem;border-radius:2px;background:var(--mc-accent);flex:none}
.wp-block-kadence-posts .kb-posts{gap:2rem}
.wp-block-kadence-posts .kb-post-list-item:hover{border-color:var(--mc-accent)}
.wp-block-kadence-posts .entry-content-wrap,
.wp-block-kadence-posts .kb-post-list-item .entry-content{padding:1.2rem 1.3rem 1.4rem;background:transparent!important}
.wp-block-kadence-posts .entry-title,
.wp-block-kadence-posts h3{font-size:1.2rem;line-height:1.25}
.wp-block-kadence-posts .entry-title a{color:var(--mc-ink)}
.wp-block-kadence-posts .entry-title a:hover{color:var(--mc-accent-deep)}
.wp-block-kadence-posts .entry-meta,.wp-block-kadence-posts .entry-meta a{font-size:.78rem;color:var(--mc-muted)}

/* ==========================================================================
   11. Pied de page — encre du logo, titres ambre
   ========================================================================== */
#colophon,.site-footer-wrap .site-footer-row-container-inner,
.site-top-footer-wrap .site-footer-row-container-inner,
.site-middle-footer-wrap .site-footer-row-container-inner,
.site-bottom-footer-wrap .site-footer-row-container-inner{background:var(--mc-ink)!important;color:#c9c6bd}
#colophon{border-top:4px solid var(--mc-accent)}
#colophon a{color:#f1ede3}
#colophon .custom-logo,#colophon .site-footer-wrap img{filter:brightness(0) invert(1)}
#colophon a:hover{color:var(--mc-accent-hi)}
#colophon .widget-title{color:var(--mc-accent)!important;border-bottom-color:rgba(240,168,28,.5)}
.site-footer .footer-html,.footer-html-inner{font-size:.85rem;color:#a8a59c}

/* ==========================================================================
   12. Divers
   ========================================================================== */
#kt-scroll-up,#kt-scroll-up-reader{background:var(--mc-accent)!important;color:var(--mc-ink)!important;border-radius:6px}
.search-form .search-submit{background:var(--mc-accent)!important;color:var(--mc-ink)!important}

@media (max-width:768px){
  body{font-size:17px}
  .single-content{font-size:1.05rem}
  .single-content h2{font-size:1.5rem}
  .site-branding .custom-logo,.site-branding a.brand img{width:190px!important;max-width:190px!important}
}

/* Accueil : les aplats colorés hérités de l'ancien thème (olive…) passent en cartes claires à filet ambre */
.home .entry-content .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col{
  border-radius:10px}