/* ==========================================================================
   VCB — identité visuelle bleu et orange (bureau du 10 novembre 2026)
   et reprise des retouches faites en 2017 dans le thème Spacious.
   Chargé par l'extension VCB Interclubs : une mise à jour du thème ne l'efface pas.
   Couleurs : bleu nuit #111D46, bleu profond #0B1433, orange #F26A21,
   orange clair #FF9A5C, gris bleuté clair #D3D9EA.
   ========================================================================== */

@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url(polices/bebas-neue-regular.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(polices/work-sans-variable.woff2) format('woff2')}

/* ---------- Fond et texte ---------- */
body,body.custom-background{background:#111D46 !important}
body,button,input,select,textarea,p,li,td,th,dd,dt,blockquote,label,h1,h2,h3,h4,h5,h6{font-family:'Work Sans',sans-serif}
#page{background:#FFFFFF}
.entry-content,.entry-content p,.entry-content li{color:#2E3A52}
.entry-content a{color:#B4430F}
.entry-content a:hover{color:#111D46}
/* Les blocs à fond foncé (accueil et pages d'essai, classe .vx) gardent leurs propres couleurs */
.entry-content .vx p,.entry-content .vx li,.entry-content .vx a,.entry-content .vx span,.entry-content .vx small{color:inherit}

/* ---------- En-tête ---------- */
#masthead,#header-text-nav-container{background:#111D46}
#header-text-nav-container{border-bottom:4px solid #F26A21}
#header-text-nav-wrap{position:relative;padding-top:14px;padding-bottom:10px}

/* Logo blanc du club (logo du site depuis le 11/11/2026, média 1895) */
#header-logo-image img,#header-logo-image .custom-logo{display:block;width:auto;height:auto;max-height:96px;max-width:120px}

/* Disposition de l'en-tête sur ordinateur : logo à gauche sur deux lignes, titre puis menu à droite du logo */
@media (min-width:769px){
  #header-text-nav-wrap{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:22px;align-items:center}
  #header-text-nav-wrap::before,#header-text-nav-wrap::after{display:none !important}
  #header-left-section{display:contents}
  #header-logo-image{grid-column:1;grid-row:1 / 3;float:none;padding:0;margin:0;position:static}
  #header-text{grid-column:2;grid-row:1;float:none;margin:0 !important;padding:4px 210px 0 0 !important}
  #header-right-section{grid-column:2;grid-row:2;float:none;width:auto;margin:0}
  #site-navigation{float:none}
  .main-navigation .menu-primary-container>ul{display:flex;flex-wrap:wrap;gap:2px 22px;margin:0}
  .main-navigation .menu-primary-container>ul>li{float:none;margin:0}
  .main-navigation .menu-primary-container>ul>li>a{padding-top:8px;padding-bottom:8px}
  .main-navigation li.menu-item-has-children>a{padding-right:14px}
}

/* Titre en texte (l'ancienne image-titre « Vic Comte Badminton » n'est plus affichée) */
#header-text > div:first-child{display:none}
#site-title,#site-description{position:static !important;clip:auto !important;width:auto !important;height:auto !important;margin:0 !important;overflow:visible !important;padding:0 !important}
#site-title a{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:42px;line-height:1.05;letter-spacing:.03em;color:#FFFFFF !important}
#site-title a:hover{color:#FF9A5C !important}
#site-description{font-size:15px;margin-top:2px !important;color:#D3D9EA !important}

/* Menu */
.main-navigation a{font-family:'Work Sans',sans-serif;font-weight:600;font-size:14px;letter-spacing:-.01em;color:#FFFFFF}
.main-navigation li{margin-left:14px}
.main-navigation a:hover,.main-navigation li:hover>a,
.main-navigation li.current-menu-item>a,.main-navigation li.current-menu-ancestor>a,
.main-navigation li.current_page_item>a,.main-navigation li.current_page_ancestor>a{color:#FF9A5C !important}
.main-navigation ul li ul{background:#111D46;border-top:3px solid #F26A21}
.main-navigation ul li ul li a{color:#FFFFFF;font-weight:500}
.main-navigation ul li ul li a:hover,.main-navigation ul li ul li.current-menu-item>a{color:#FF9A5C;background:#0B1433}
.menu-toggle,.main-small-navigation .menu-toggle{background:#F26A21;color:#111D46}
.main-small-navigation ul,.main-small-navigation li{background:#111D46}
.main-small-navigation a{color:#FFFFFF}
.main-navigation .sub-toggle,.main-navigation .sub-toggle .fa{color:#D3D9EA}
.main-navigation li:hover>.sub-toggle,.main-navigation li:hover>.sub-toggle .fa{color:#FF9A5C}

/* Bandeau du titre de page */
.header-post-title-container{background:#EEF1F8;border-bottom:1px solid #D3D9EA}
.header-post-title-class{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:32px;letter-spacing:.02em;color:#111D46}

/* Titres d'articles sur l'accueil */
.entry-title,.entry-title a{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.02em;color:#111D46 !important}
.entry-title a:hover{color:#B4430F !important}

/* Boutons du thème (Lire la suite, pagination) */
.read-more-link a,.read-more-link .read-more,.default-wp-page a,input[type="submit"],button[type="submit"]{background:#F26A21 !important;color:#111D46 !important;border-radius:999px;font-weight:700;border:0}
.read-more-link a:hover,.default-wp-page a:hover{background:#111D46 !important;color:#FFFFFF !important}
.entry-content a.read-more{background:none !important;color:#B4430F !important;padding:0;border-radius:0;font-weight:600}

/* ---------- Bas de page ---------- */
.footer-widgets-wrapper{background:#0B1433;border-top:4px solid #F26A21}
.footer-widgets-area,.footer-widgets-area p,.footer-widgets-area a{color:#D3D9EA}
.footer-widgets-area a:hover{color:#FF9A5C}
.footer-widgets-area .widget-title{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.03em;color:#FFFFFF}
.footer-widgets-area .widget-title span{border-bottom-color:#F26A21}
/* Bande « thème Spacious / WordPress » masquée (retouche de 2017) */
.footer-socket-wrapper{display:none}
#scroll-up{background-color:#F26A21}

/* ---------- Écrans de 768 px et moins ---------- */
@media (max-width:768px){
  #header-text{float:none;text-align:center;margin:0 !important;padding:6px 0 0 !important}
  #header-logo-image{position:static !important;float:none !important;width:auto !important;height:auto !important;margin:0 !important;padding:6px 0 0 !important}
  #header-logo-image img,#header-logo-image .custom-logo{max-height:70px;margin:0 auto}
  #site-title a{font-size:30px}
  #site-description{font-size:13px}
}

/* ==========================================================================
   Retouches de 2017 reprises du thème (style.css) : tableaux et cadres
   utilisés par les pages Créneaux, Tarifs et Accès.
   ========================================================================== */
.responstable{margin:1em 0;width:100%;background:#FFF;border-radius:10px;border:none;overflow:hidden}
.responstable tr{border-top:none;border-bottom:none}
.responstable tr.lineWithBorder{border-bottom:2px solid #575757}
.responstable tr.smallLine{font-size:80%;font-style:italic}
.responstable tr:nth-child(odd){background-color:#e8e8e8}
.responstable th{display:none;border:1px solid #FFF;background-color:#575757;color:#FFF}
.responstable td{display:block}
.responstable td.enTete,.orangeBold{color:#e74f1e;font-weight:bold}
.responstable td:before{content:attr(data-th) ": ";font-weight:bold;width:8em;display:inline-block}
@media (min-width:480px){.responstable td:before{display:none}.responstable td{border:none}}
.responstable th,.responstable td{text-align:center;vertical-align:middle;margin:.5em 1em}
@media (min-width:480px){
  .responstable th,.responstable td{display:table-cell;padding-top:.5em;padding-bottom:.5em}
  .responstable th:first-child,.responstable td:first-child{text-align:center;vertical-align:middle}
}
.cadreCentre{margin:auto;width:95%}
.cadreAlineaDroite{padding-top:20px;padding-left:20%}
.cadreAlineaDroite a{color:#e74f1e;text-decoration:underline}
.cadreAlineaDroiteLeger{padding-top:20px;padding-left:5%}

/* ===== Accueil « piste B » (shortcode [vcb_accueil]) ===== */
body.vcb-accueil .header-post-title-container{display:none}
body.vcb-accueil #main{padding-top:0}
body.vcb-accueil #primary{width:100%;float:none}
body.vcb-accueil #secondary{display:none}
body.vcb-accueil article{padding-bottom:0}
.vx{margin:0 -30px;font-size:17px;line-height:1.6;font-family:'Work Sans',sans-serif;color:#EEF1F8;background:#111D46}
.vx *{box-sizing:border-box}
:where(.vx) :where(p,li,a,span,strong,em,b,ul,h1,h2,h3){font-family:inherit}
.vx p{margin:0}
.vx h1,.vx h2,.vx h3{margin:0;padding:0}
.vx section{padding:56px 40px}
.vx-h1,.vx-h2,.vx-card h3,.vx-score,.vx-chiffres b{font-family:'Bebas Neue',sans-serif!important;font-weight:400!important}
.vx-hero{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:32px;min-height:480px;overflow:hidden;background:#111D46;color:#FFFFFF}
.vx-hero-in{position:relative;width:100%;max-width:48%;min-width:0;display:flex;flex-direction:column;gap:18px;z-index:2}
.vx-media{position:absolute;width:44%;top:32px;bottom:32px;right:40px;z-index:0;border:6px solid #F26A21;border-radius:20px;overflow:hidden}
.vx-media img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;display:block;max-width:none}
.vx-eyebrow{font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#FF9A5C!important}
.vx .vx-h1{font-size:84px;line-height:.92;max-width:9em;color:#FFFFFF!important}
.vx-lead{font-size:19px;max-width:30em;text-align:justify;hyphens:auto;-webkit-hyphens:auto;color:#D3D9EA!important}
.vx-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.vx .vx-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;text-decoration:none;font-weight:700;border-radius:999px;font-size:17px}
.vx .vx-btn1{background:#F26A21;color:#111D46!important}
.vx .vx-btn2{background:#FFFFFF;color:#111D46!important}
.vx-match{position:relative;z-index:2;width:100%;max-width:48%;padding:22px 24px;background:#0B1433;border:2px solid #2B3A6B;border-radius:16px}
.vx-k{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.vx-match .vx-k{color:#FF9A5C!important}
.vx .vx-score{font-size:44px;line-height:1.1;margin:10px 0 6px!important;color:#FFFFFF!important}
.vx-score span{color:#F26A21!important}
.vx-meta{color:#D3D9EA!important}
.vx-meta a{color:inherit!important;text-decoration:underline}
.vx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;background:#FFFFFF}
.vx-card{padding:22px;display:flex;flex-direction:column;gap:8px;border-radius:16px;background:#EEF1F8;color:#111D46!important}
.vx-card:first-child{background:#FFF1E8}
.vx-card .vx-k{color:#A3400B!important}
.vx .vx-card h3{font-size:34px;line-height:1.15;color:#111D46!important}
.vx .vx-card p,.vx .vx-card li,.vx .vx-card span{color:#111D46}
.vx .vx-card a{color:#111D46!important;font-weight:700}
.vx-card > p:last-child{margin-top:auto!important}
.vx-list{list-style:none;margin:4px 0 6px!important;padding:0!important}
.vx-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:5px 0;margin:0!important;border-bottom:1px solid rgba(127,127,127,.25)}
.vx-list small{display:block;font-size:13px;opacity:.8}
.vx-list strong,.vx-list em{white-space:nowrap;font-style:normal;font-weight:700;font-size:15px}
.vx .vx-list .vx-w,.vx .vx-list .vx-l{color:#FFFFFF!important;padding:1px 8px;border-radius:3px}
.vx-list .vx-w{background:#1F7A35}
.vx-list .vx-l{background:#B3261E}
.vx-chiffres{background:#F26A21}
.vx .vx-chiffres-t{text-align:center;font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#111D46!important;margin:0 0 22px!important}
.vx-chiffres-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;text-align:center}
.vx .vx-chiffres b{display:block;font-size:60px;line-height:1;color:#111D46!important}
.vx .vx-chiffres span{display:block;margin-top:8px;font-size:15px;font-weight:600;color:#111D46!important}
.vx .vx-h2{font-size:44px;line-height:1.1;margin-bottom:18px!important;color:#FFFFFF!important}
.vx-news{margin:0!important;padding:0!important;background:transparent!important}
.vx .vx-art{padding:0!important;overflow:hidden}
.vx-art img{display:block;width:100%;height:160px;object-fit:cover;max-width:none}
.vx-art-in{padding:16px 20px 20px;display:flex;flex-direction:column;gap:6px}
.vx .vx-art h3{font-size:24px;line-height:1.2}
.vx .vx-art h3 a{text-decoration:none;font-weight:400}
.vx-plus{margin-top:24px!important;text-align:center}
.vx-rdv ul{list-style:none;margin:0!important;padding:0!important}
.vx-rdv li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:14px 0;margin:0!important;border-bottom:1px solid #2B3A6B}
.vx .vx-rdv li,.vx .vx-rdv span{color:#FFFFFF!important}
.vx .vx-rdv em{font-style:normal;font-weight:700;color:#FF9A5C!important}
.vx-part{background:#0B1433}
.vx .vx-part .vx-h2{font-size:32px}
.vx-part-l{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vx .vx-pc{display:flex;flex-direction:column;background:#FFFFFF;border-radius:12px;overflow:hidden;text-decoration:none;border:2px solid transparent;transition:border-color .15s}
.vx .vx-pc:hover,.vx .vx-pc:focus{border-color:#F26A21}
.vx-pc-i{display:flex;align-items:center;justify-content:center;height:84px;padding:8px;overflow:hidden}
.vx-pc-i img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;display:block}
.vx .vx-pc-n{display:block;padding:8px 10px 0;font-weight:700;font-size:14px;line-height:1.25;color:#111D46!important;text-align:center}
.vx .vx-pc-a{display:block;padding:2px 10px 10px;font-size:12px;line-height:1.3;color:#3D4A63!important;text-align:center}
@media (max-width:768px){
.vx{margin:0 -15px}
.vx section{padding:40px 20px}
.vx-hero{min-height:0}
.vx-media{position:relative;width:100%;height:240px;top:auto;right:auto;bottom:auto;order:-1}
.vx-hero-in,.vx-match{max-width:none}
.vx .vx-h1{font-size:56px}
.vx-lead{text-align:left}
.vx .vx-score{font-size:30px}
.vx-part-l{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:480px){.vx-part-l{grid-template-columns:repeat(2,1fr)}}