/*
Theme Name: BETC Studio
Theme URI: https://betc-communication.com/
Author: BETC Communication
Description: Thème bloc sur mesure de BETC Communication (direction « Studio noir »).
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPLv2 or later
Text Domain: betc-studio
*/

/* Base */
body{margin:0;background:#0b0b0b;color:#f4f4f2;-webkit-font-smoothing:antialiased}
a{color:#f4f4f2}
a:hover{color:#ff8a80}
.t-red{color:#c7322d}
img{max-width:100%}

/* Pages issues de la maquette */
.betc-refonte .betc-page h1,.betc-refonte .betc-page h2,.betc-refonte .betc-page h3,.betc-refonte .betc-page h4,.betc-refonte .betc-page p,.betc-refonte .betc-page figure,.betc-refonte .betc-page ol,.betc-refonte .betc-page ul{margin:0}
.betc-page .wp-block-button__link{font-size:inherit;line-height:inherit;font-family:inherit;transition:filter .15s}
.betc-page .wp-block-button__link:hover{filter:brightness(1.12)}
.betc-page details summary{list-style:revert}
.is-card-link{position:relative;transition:transform .15s}
.is-card-link:hover{transform:translateY(-3px)}
.is-card-link h3 a{color:inherit;text-decoration:none}
.is-card-link h3 a::after{content:"";position:absolute;inset:0}

/* En-tête */
.site-header{max-width:1200px;margin:0 auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.site-header .site-logo-img{margin:0}
.site-header .site-logo-img img{height:44px;width:auto;display:block}
.betc-nav{font-weight:500;font-size:15px;gap:24px}
.betc-nav a{text-decoration:none}
.betc-nav .nav-cta > a{background:#c7322d;color:#fff;padding:12px 20px;border-radius:999px;font-weight:600}
.betc-nav .nav-cta > a:hover{color:#fff;filter:brightness(1.12)}
.betc-nav .wp-block-navigation__responsive-container.is-menu-open{background:#0b0b0b;color:#f4f4f2;padding:32px 24px}
.betc-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:22px;font-size:20px}

/* Fil d'Ariane (Rank Math) */
.betc-crumbs{max-width:1200px;margin:0 auto;padding:0 24px;font-size:14px;color:#8f8f8a}
.betc-crumbs p{margin:0}
.betc-crumbs a{color:#8f8f8a}

/* Pied de page */
.site-footer{border-top:1px solid #262624}
.site-footer__in{max-width:1200px;margin:0 auto;padding:40px 24px;display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;color:#8f8f8a;font-size:14px}
.site-footer__in p{margin:0}
.site-footer a{color:#8f8f8a}

/* Articles et archives */
.betc-main{max-width:1200px;margin:0 auto;padding:40px 24px 96px}
.betc-article{max-width:760px;margin:0 auto;padding:24px 24px 96px}
.betc-article .wp-block-post-title{font-family:Unbounded,'Arial Black',sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,48px);line-height:1.1;margin:0 0 12px}
.betc-meta{color:#8f8f8a;font-size:14px;margin:0 0 28px}
.betc-article .wp-block-post-featured-image{margin:0 0 32px}
.betc-article .wp-block-post-featured-image img{border-radius:22px}
.betc-prose{font-size:18px;line-height:1.7;color:#dcdcd7}
.betc-prose > * + *{margin-block-start:1.1em}
.betc-prose h2,.betc-prose h3{font-family:Unbounded,'Arial Black',sans-serif;color:#f4f4f2;line-height:1.2;margin-block-start:1.8em}
.betc-prose h2{font-size:28px}.betc-prose h3{font-size:21px}
.betc-prose a{color:#ff8a80}
.betc-prose img{border-radius:14px;height:auto}
.betc-title{font-family:Unbounded,'Arial Black',sans-serif;font-weight:800;font-size:clamp(32px,4.6vw,56px);line-height:1.05;margin:0 0 40px}
.betc-cards .wp-block-post-template{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;list-style:none;padding:0;margin:0}
.betc-card{background:#161615;border-radius:22px;overflow:hidden;height:100%;position:relative}
.betc-card .wp-block-post-featured-image{margin:0}
.betc-card .wp-block-post-featured-image img{width:100%;height:190px;object-fit:cover;display:block}
.betc-card__in{padding:22px}
.betc-card .wp-block-post-title{font-family:Unbounded,'Arial Black',sans-serif;font-size:18px;line-height:1.3;margin:0 0 8px}
.betc-card .wp-block-post-title a{text-decoration:none;color:#f4f4f2}
.betc-card .wp-block-post-title a::after{content:"";position:absolute;inset:0}
.betc-card .wp-block-post-excerpt{color:#c9c9c4;font-size:15px;margin:0}
.betc-card .wp-block-post-excerpt p{margin:0}
.betc-pagination{margin-top:40px;gap:12px}
.betc-404{max-width:760px;margin:0 auto;padding:96px 24px;display:flex;flex-direction:column;gap:24px}
.betc-404 h1{font-family:Unbounded,'Arial Black',sans-serif;font-size:clamp(34px,5vw,60px);margin:0}
.betc-404 p{margin:0;color:#c9c9c4}
.betc-btn > .wp-block-button__link{background:#c7322d;color:#fff;border-radius:999px;padding:16px 26px;font-weight:600;font-size:17px}

/* WPForms sur fond sombre */
.betc-form .wpforms-container{margin:0}
.betc-form .wpforms-field-label,.betc-form .wpforms-field-sublabel{color:#f4f4f2 !important}
.betc-form input,.betc-form select,.betc-form textarea{background:#0b0b0b !important;color:#f4f4f2 !important;border:1px solid #3a3a37 !important;border-radius:12px !important}
.betc-form button[type=submit]{background:#c7322d !important;color:#fff !important;border:0 !important;border-radius:999px !important;padding:14px 26px !important;font-weight:600 !important;height:auto !important}

/* Pages légales */
.betc-legal{max-width:820px;margin:0 auto;padding:24px 24px 96px;color:#dcdcd7;line-height:1.7}
.betc-legal > * + *{margin-block-start:1em}
.betc-refonte .betc-legal h1{font-family:Unbounded,'Arial Black',sans-serif;font-weight:800;font-size:clamp(32px,4.2vw,48px);line-height:1.1;color:#f4f4f2;margin-bottom:.2em}
.betc-refonte .betc-legal h2{font-family:Unbounded,'Arial Black',sans-serif;font-weight:700;font-size:20px;color:#f4f4f2;margin-block-start:2em}
.betc-legal ul{padding-left:1.2em}
.betc-legal li + li{margin-top:.5em}
.betc-legal a{color:#ff8a80}

/* Tableaux */
.betc-page table{width:100%;border-collapse:collapse;font-size:16px}
.betc-page td,.betc-page th{text-align:left !important;vertical-align:top;padding:10px 14px 10px 0 !important;border:0;border-bottom:1px solid #262624}
.betc-page td:first-child{color:#8f8f8a;width:38%}
.betc-page .wp-block-table{margin:0}

/* Anciens contenus (pages et articles d'avant la refonte) */
body:not(.betc-refonte) .betc-page{max-width:860px;margin:0 auto;padding:24px 24px 96px;line-height:1.7;color:#dcdcd7}
body:not(.betc-refonte) .betc-page > * + *{margin-block-start:1em}
body:not(.betc-refonte) .betc-page h1,body:not(.betc-refonte) .betc-page h2,body:not(.betc-refonte) .betc-page h3{font-family:Unbounded,'Arial Black',sans-serif;color:#f4f4f2;line-height:1.2}
body:not(.betc-refonte) .betc-page img{height:auto;border-radius:14px}
body:not(.betc-refonte) .betc-page a{color:#ff8a80}
.betc-legacy-img{margin:1.5em 0}

/* Labels et avis, pied de page */
.site-badges{max-width:1200px;margin:0 auto;padding:40px 24px 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.site-badges .site-badge{margin:0;background:#161615;border:1px solid #262624;border-radius:18px;padding:18px 22px;display:flex;flex-direction:column;gap:4px}
.site-badge__k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8f8f8a;font-weight:600}
.site-badge__v{font-family:Unbounded,'Arial Black',sans-serif;font-weight:700;font-size:16px;color:#f4f4f2}
.site-badge__v a{color:inherit;text-decoration:none}
.site-badge__v a:hover{color:#ff8a80}
.site-badge__stars{color:#c7322d;letter-spacing:1px;margin-right:6px}

/* Formulaire de contact WPForms (pleine largeur) */
.betc-form .wpforms-field-container{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}
.betc-form .wpforms-field{padding:10px 0!important}
.betc-form .wpforms-field-text,.betc-form .wpforms-field-name,.betc-form .wpforms-field-radio,.betc-form .wpforms-field-textarea,.betc-form .wpforms-field-file-upload,.betc-form .wpforms-field-captcha{grid-column:1/-1}
.betc-form div.wpforms-container-full .wpforms-form input.wpforms-field-medium,.betc-form div.wpforms-container-full .wpforms-form input.wpforms-field-small,.betc-form div.wpforms-container-full .wpforms-form textarea,.betc-form div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:100%!important;width:100%!important}
.betc-form ul.wpforms-image-choices{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;margin:0!important;padding:0!important}
.betc-form ul.wpforms-image-choices>li{width:auto!important;margin:0!important;padding:0!important;float:none!important}
.betc-form .wpforms-image-choices-modern label{background:#0b0b0b!important;border:1px solid #3a3a37!important;border-radius:16px!important;box-shadow:none!important;padding:12px!important;width:100%!important;box-sizing:border-box}
.betc-form .wpforms-image-choices-modern li.wpforms-selected label,.betc-form .wpforms-image-choices-modern label:hover{border-color:#c7322d!important}
.betc-form .wpforms-image-choices-image img{border-radius:10px;width:100%;height:auto;max-width:100%!important}
.betc-form .wpforms-image-choices-label{color:#f4f4f2!important;font-weight:600;font-size:15px!important;margin-top:10px!important}
.betc-form div.wpforms-container-full .wpforms-form .wpforms-uploader{background:#0b0b0b!important;border:1px dashed #3a3a37!important;border-radius:12px!important}
.betc-form div.wpforms-container-full .wpforms-form .wpforms-uploader *{color:#c9c9c4!important}
@media(max-width:640px){.betc-form .wpforms-field-container{grid-template-columns:1fr}}

/* Liens des réalisations */
.betc-page figure a{color:inherit;text-decoration:none}
.betc-page figure a:hover{color:#c7322d}
.betc-page figure > a img{transition:opacity .15s}
.betc-page figure > a:hover img{opacity:.9}

/* Labels sur l'accueil, au-dessus des chiffres */
.betc-page .site-badges{padding:0 24px 48px}
.home .site-footer .site-badges{display:none}
