/*
Theme Name: CIM Cars
Theme URI: https://www.cimcars.com
Author: ICT Ready
Description: WordPress-thema op basis van Bootstrap 5 en Bootstrap Icons voor CIM Cars — verkoop van exclusieve auto's. Met Custom Post Type 'auto' en ACF Pro-velden.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cimcars
*/

/* ==== CIM Cars huisstijl (bovenop Bootstrap 5) ==== */
:root{--cim-rood:#C00713;--cim-rood-donker:#8F050D;--cim-donker:#15171C;--cim-donker-2:#1B1E24;--cim-grijs:#F4F4F5;--cim-tekst:#2B2E33}
body{font-family:"Barlow",system-ui,sans-serif;color:var(--cim-tekst);background:#fff}
h1,h2,h3,h4,h5,h6{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.02em}
a{color:var(--cim-rood);text-decoration:none}
a:hover{color:var(--cim-rood-donker)}

/* Knoppen */
.btn-cim{background:var(--cim-rood);border:none;color:#fff;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:500;border-radius:2px;padding:.6rem 1.5rem}
.btn-cim:hover,.btn-cim:focus{background:var(--cim-rood-donker);color:#fff}
.btn-wit-omlijnd{border:2px solid #fff;color:#fff;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:500;border-radius:2px;padding:.5rem 1.4rem}
.btn-wit-omlijnd:hover{background:#fff;color:var(--cim-donker)}

/* Topbar + navigatie */
.cim-topbar{background:var(--cim-donker);color:#cfd2d8;font-size:.85rem}
.cim-topbar a{color:#cfd2d8}
.cim-topbar a:hover{color:#fff}
.navbar-cim{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.navbar-cim .nav-link{font-family:"Oswald",sans-serif;text-transform:uppercase;font-weight:500;letter-spacing:.06em;color:var(--cim-donker);padding:.9rem 1rem}
.navbar-cim .nav-link:hover,.navbar-cim .nav-link.active,.navbar-cim .current-menu-item>.nav-link{color:var(--cim-rood)}
.navbar-brand-tekst{font-family:"Oswald",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cim-rood);font-size:1.6rem}
.navbar-brand-tekst:hover{color:var(--cim-rood-donker)}
/* Custom logo (Customizer) op vaste hoogte, ongeacht uploadformaat */
.navbar-cim .custom-logo-link{display:inline-flex;align-items:center;padding:0}
.navbar-cim img.custom-logo{height:42px !important;width:auto !important;max-width:none}

/* Hero + paginakoppen */
.cim-hero,.cim-hero .carousel,.cim-hero .carousel-inner,.cim-hero .carousel-item{height:72vh;min-height:540px}
.cim-hero .carousel-item img.cim-hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cim-overlay{background:linear-gradient(90deg,rgba(9,10,13,.85) 0%,rgba(9,10,13,.5) 55%,rgba(9,10,13,.18) 100%);position:absolute;inset:0}
.cim-paginakop{position:relative;background:var(--cim-donker);color:#fff;overflow:hidden}
.cim-paginakop .cim-kop-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cim-kruimel{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#d8dade}

/* Autokaarten */
.cim-kaart{transition:box-shadow .2s ease,transform .2s ease}
.cim-kaart:hover{box-shadow:0 .75rem 1.5rem rgba(15,17,21,.16);transform:translateY(-3px)}
.cim-foto{overflow:hidden;display:block}
.cim-foto img{transition:transform .35s ease;width:100%;height:100%;object-fit:cover}
.cim-kaart:hover .cim-foto img{transform:scale(1.05)}
.cim-spec{font-size:.82rem;color:#5a5e66}
.cim-spec i{color:var(--cim-rood)}
.cim-prijs{font-family:"Oswald",sans-serif;font-weight:600;color:var(--cim-rood)}
.badge-verkocht{background:var(--cim-rood);font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-weight:500;border-radius:2px}

/* Lijstlinks (recente auto's, mobiel menu) */
.cim-lijstlink{border-top:1px solid #e6e7ea;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.03em;font-weight:500;color:var(--cim-donker);display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem .5rem}
.cim-lijstlink:hover{color:var(--cim-rood);background:var(--cim-grijs)}

/* Galerij-placeholder */
.cim-plaats{background:#e9eaec;color:#9aa0a8}

/* Footer */
.cim-footer{background:var(--cim-donker);color:#b9bdc6}
.cim-footer a{color:#b9bdc6}
.cim-footer a:hover{color:#fff}
.cim-footer h5{color:#fff;font-size:1rem}
.cim-footer .onderbalk{border-top:1px solid rgba(255,255,255,.12);font-size:.85rem}

/* Formulieren */
.form-control:focus{border-color:var(--cim-rood);box-shadow:0 0 0 .2rem rgba(192,7,19,.12)}
.form-label{font-weight:600;font-size:.9rem}

/* WordPress basis */
.wp-post-image{height:auto}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}