/*
Theme Name: Cleanil’s Auto V6.6 — Photo immersive
Theme URI: https://cleanilsauto.com
Author: Cleanil's Auto
Description: Thème premium noir et or avec gestion des véhicules, descriptions indépendantes, galeries synchronisées et pages individuelles.
Version: 6.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cleanils-auto
*/
:root{--gold:#d6b56d;--gold-light:#f1dca3;--bg:#090909;--panel:#151515;--muted:#bdb8ae;--line:#34312b;--white:#f7f5f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:var(--gold);text-decoration:none}a:hover{opacity:.9}.wrap{width:min(1120px,92%);margin:auto}.site-header{border-bottom:1px solid var(--line);padding:18px 0;background:#090909}.headrow{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.25rem;font-weight:850;letter-spacing:.08em;color:#fff}.brand span{color:var(--gold)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:#eee;font-size:.95rem}.hero{padding:86px 0 74px;background:radial-gradient(ellipse at 75% 15%,#2c2414 0,transparent 38%),linear-gradient(135deg,#101010,#070707);border-bottom:1px solid #191919}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:750}.hero h1{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.05;max-width:820px;margin:16px 0}.hero p{max-width:690px;color:#d1cdc4;font-size:1.12rem}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#111;font-weight:800;padding:13px 20px;border-radius:9px;border:1px solid var(--gold);margin:8px 8px 0 0;transition:transform .18s,background .18s}.btn:hover{background:var(--gold-light);color:#111;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--gold)}section{padding:58px 0}.section-title{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 10px}.lead{color:var(--muted);max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.card{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.car-placeholder{height:175px;background:linear-gradient(135deg,#29251d,#101010);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.card-body{padding:20px}.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:0}.service{border:1px solid var(--line);padding:24px;border-radius:14px;background:var(--panel)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.service .num{color:var(--gold);font-weight:800;letter-spacing:.1em}.form-panel{background:#111;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,4vw,36px);margin-top:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-weight:700;font-size:.94rem}input,select,textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:10px;border:1px solid #514b3e;background:#0a0a0a;color:var(--white);font:inherit;accent-color:var(--gold);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d6b56d22}select{appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23d6b56d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}input[type=range]{padding:0;min-height:30px;border:0;background:transparent;box-shadow:none}.budget-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.budget-value{font-size:1.3rem;font-weight:850;color:var(--gold-light);font-variant-numeric:tabular-nums}.budget-track{padding:10px 0}.range-labels{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.82rem}.hint{font-size:.84rem;color:var(--muted);margin:2px 0 0}.social-strip{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border-block:1px solid var(--line);padding:24px 0;margin-top:30px}.social-link{display:flex;gap:10px;align-items:center;background:#151515;border:1px solid #3b352a;border-radius:11px;padding:12px 16px;color:#fff;min-height:52px;transition:border-color .2s,background .2s}.social-link:hover{border-color:var(--gold);background:#1b1915;color:#fff}.social-icon{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--gold);color:#111;font-weight:900;flex-shrink:0}.social-label{font-weight:750}.social-sub{display:block;color:var(--muted);font-size:.75rem;font-weight:400}.insta-icon{background:linear-gradient(135deg,#f8cb68,#d84d93 52%,#7849be);color:#fff}.tiktok-icon{background:#080808;color:#fff;border:1px solid #555}.whatsapp-icon{background:#21c665;color:#fff}.imports-cta{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#17140d,#101010);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.imports-cta p{margin:4px 0 0;color:var(--muted)}.site-footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.small{font-size:.88rem;color:var(--muted)}.notice{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#151515;margin:18px 0}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto;min-height:auto}
@media(max-width:760px){.headrow{align-items:flex-start;flex-direction:column}nav{gap:12px}.cards,.service-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero{padding:60px 0 50px}.imports-cta .btn{width:100%;margin-right:0}.social-link{flex:1 1 100%}}

.car-gallery{position:relative;height:225px;overflow:hidden;background:#171717;isolation:isolate}.car-gallery::before{content:"";position:absolute;inset:-18px;background-image:var(--gallery-image,none);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(16px) brightness(.58);transform:scale(1.08);z-index:0}.car-gallery .car-photo{position:relative;z-index:1;display:none;width:100%;height:100%;object-fit:contain;object-position:center center;border:0;background:transparent}.car-gallery .car-photo.is-active{display:block}.car-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:38px;height:42px;border:1px solid #ffffff55;border-radius:9px;background:#17171755;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#fff;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 2px 10px #0005}.car-gallery-arrow:hover,.car-gallery-arrow:focus-visible{background:var(--gold);border-color:var(--gold);color:#111;outline:2px solid #fff;outline-offset:2px}.car-gallery-prev{left:10px}.car-gallery-next{right:10px}.car-gallery-counter{position:absolute;right:10px;bottom:10px;z-index:2;padding:4px 9px;border-radius:20px;background:#080808c9;color:#fff;font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums}.car-placeholder{height:225px;padding:18px;text-align:center;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#29251d,#101010);color:var(--gold);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:760px){.car-gallery,.car-placeholder{height:205px}.car-gallery-arrow{width:34px;height:38px}}

/* V5.8 vehicle management */
.vehicle-summary{margin:0 0 14px!important}.vehicle-card-link{display:inline-flex;margin-top:12px;font-weight:800}.vehicle-detail{padding:54px 0}.vehicle-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;align-items:stretch}.vehicle-detail-grid>div:first-child{display:flex;min-width:0}.vehicle-detail .car-gallery{height:100%;min-height:500px;flex:1;border-radius:14px}.vehicle-description{color:#ddd;white-space:normal}.vehicle-description p{margin:0 0 1em}.vehicle-admin-gallery{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.vehicle-admin-gallery img{width:90px;height:70px;object-fit:contain;object-position:center;background:#111;border-radius:6px}.vehicle-meta-field{margin:14px 0}.vehicle-meta-field label{display:block;margin-bottom:6px}.vehicle-meta-field input[type=text],.vehicle-meta-field textarea{width:100%;max-width:850px}.vehicle-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}@media(max-width:760px){.vehicle-detail-grid{grid-template-columns:1fr}.vehicle-detail-grid>div:first-child{display:block}.vehicle-detail .car-gallery{height:clamp(260px,72vw,380px);min-height:0}}


/* V5.9 responsive navigation and mobile polish */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--gold);color:#111;padding:10px 14px;border-radius:8px}.skip-link:focus{left:10px}
.site-header{position:relative;z-index:50}.headrow{position:relative;min-height:48px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 14px;border:1px solid #6b5a35;border-radius:10px;background:#15130f;color:var(--gold-light);font:inherit;font-weight:800;cursor:pointer}.menu-toggle:hover,.menu-toggle:focus-visible{background:var(--gold);color:#111;outline:2px solid #fff;outline-offset:2px}.menu-toggle-lines{display:grid;gap:4px;width:18px}.menu-toggle-lines i{display:block;height:2px;width:18px;border-radius:2px;background:currentColor}.primary-navigation{display:none;position:absolute;top:calc(100% + 10px);right:0;z-index:100;min-width:260px;max-width:min(360px,92vw);padding:8px;border:1px solid #4b402a;border-radius:14px;background:#10100f;box-shadow:0 18px 45px #000a;flex-direction:column;gap:4px}.primary-navigation.is-open{display:flex}.primary-navigation a{display:flex;align-items:center;min-height:46px;padding:11px 14px;border-radius:9px;color:#f7f5f0;font-weight:650}.primary-navigation a:hover,.primary-navigation a:focus-visible{background:#242016;color:var(--gold-light);outline:none}
.cards{align-items:stretch}.card{min-width:0}.card-body{overflow-wrap:anywhere}.car-gallery{width:100%;height:clamp(190px,23vw,280px)}.car-gallery .car-photo{object-fit:contain;object-position:center center;background:transparent}.hero .wrap{max-width:1120px}.hero h1{overflow-wrap:break-word}.form-panel,.service,.imports-cta{min-width:0}
@media(max-width:760px){.site-header{padding:12px 0}.headrow{align-items:center;flex-direction:row;gap:12px}.brand{font-size:1.08rem;line-height:1.2}.menu-toggle{margin-left:auto;flex-shrink:0}.primary-navigation{right:0;left:0;max-width:none;width:100%;top:calc(100% + 8px)}.hero{padding:48px 0 42px}.hero h1{font-size:clamp(2rem,9vw,3rem);line-height:1.08}.hero p{font-size:1rem}.wrap{width:min(100% - 32px,1120px)}section{padding:42px 0}.cards,.service-grid{grid-template-columns:minmax(0,1fr);gap:14px}.card{border-radius:12px}.car-gallery,.car-placeholder{height:clamp(210px,62vw,320px)}.card-body{padding:16px}.vehicle-detail{padding:36px 0}.vehicle-detail .car-gallery{height:clamp(260px,72vw,380px);min-height:0}.vehicle-detail-grid{gap:20px}.form-panel{padding:18px 14px;border-radius:13px}.form-grid{gap:14px}.field input,.field select,.field textarea{font-size:16px}.budget-value{font-size:1.15rem}.range-labels{font-size:.74rem}.social-strip{align-items:stretch}.social-link{flex:1 1 100%;min-width:0}.imports-cta{padding:18px;gap:12px}.imports-cta .btn,.form-panel .btn{width:100%;margin:8px 0 0}.footer-row{align-items:flex-start;flex-direction:column;gap:8px}}
@media(min-width:761px){.headrow{flex-wrap:wrap}.primary-navigation{right:0;top:calc(100% + 10px)}}

/* V6.3 — mobile homepage shortened and conversion-focused */
.mobile-only-cta{display:none}
@media(max-width:760px){
  .mobile-only-cta{display:inline-flex;width:100%;margin:12px 0 0;min-height:48px}
  .hero{padding:34px 0 30px}
  .hero .eyebrow{font-size:.68rem;letter-spacing:.12em}
  .hero h1{font-size:clamp(1.8rem,8vw,2.4rem);margin:10px 0;line-height:1.06}
  .hero p{font-size:.94rem;line-height:1.5;margin:10px 0 14px}
  .hero .btn{width:100%;margin:6px 0 0;min-height:48px}
  section{padding:28px 0}
  .section-title{font-size:1.55rem;line-height:1.15;margin-bottom:8px}
  .lead{font-size:.92rem;line-height:1.45;margin:8px 0 12px}
  .home-vehicle-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
  .home-vehicle-cards .card:nth-child(n+5){display:none}
  .home-vehicle-cards .card{border-radius:10px}
  .home-vehicle-cards .car-gallery,.home-vehicle-cards .car-placeholder{height:125px;min-height:125px;font-size:.62rem;letter-spacing:.02em;padding:8px}
  .home-vehicle-cards .car-gallery-arrow{width:28px;height:30px;font-size:22px;border-radius:7px}
  .home-vehicle-cards .car-gallery-prev{left:5px}.home-vehicle-cards .car-gallery-next{right:5px}
  .home-vehicle-cards .card-body{padding:10px}
  .home-vehicle-cards .card h3{font-size:.88rem;line-height:1.25;margin:0 0 5px}
  .home-vehicle-cards .card p{font-size:.78rem;line-height:1.35}
  .home-vehicle-cards .vehicle-card-link{font-size:.76rem;line-height:1.25;margin-top:8px}
  .home-vehicles-section .imports-cta{display:none}
  .home-services-section{padding-top:24px}
  .home-service-grid{display:none}
  .home-services-section .small{font-size:.82rem;line-height:1.4;margin-top:12px}
  .home-quote-section .form-panel{display:none}
  .home-quote-section{padding-bottom:26px}
  .social-strip{margin-top:16px;padding:14px 0;gap:8px}
  .social-link{padding:10px 12px;min-height:46px}
  .site-footer{padding:20px 0}
}


/* V6.8 FIX: gallery fills the full description column on desktop */
@media (min-width: 761px) {
  .vehicle-detail .vehicle-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
  }
  .vehicle-detail .vehicle-detail-grid > div:first-child {
    display: flex !important;
    align-self: stretch !important;
    min-width: 0 !important;
    min-height: 100% !important;
  }
  .vehicle-detail .vehicle-detail-grid > div:first-child > .car-gallery {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 520px !important;
    align-self: stretch !important;
  }
  .vehicle-detail .vehicle-detail-grid > div:first-child > .car-gallery .car-photo {
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}
@media (max-width: 760px) {
  .vehicle-detail .vehicle-detail-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .vehicle-detail .vehicle-detail-grid > div:first-child > .car-gallery {
    height: clamp(280px, 78vw, 420px) !important;
    min-height: 0 !important;
  }
}