/*
Theme Name: Opticar Nova Brand V2
Theme URI: https://opticar-securite.com
Author: Opticar
Description: Thème vitrine léger conçu à neuf pour Opticar, éditable avec les blocs natifs WordPress.
Version: 1.3.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: opticar-nova
*/
:root{--bg:#05070c;--bg2:#0c1118;--panel:#121922;--border:#273241;--text:#f5f7fb;--muted:#aab6c5;--orange:#ff6600;--orange2:#ff8d3a;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}@font-face{font-family:"Robodron";src:url("assets/robodron-medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.68 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit}a:hover{color:var(--orange2)}.oc-container{width:min(calc(100% - 48px),var(--max));margin:auto}.oc-header{position:sticky;top:0;z-index:25;border-bottom:1px solid #ffffff17;background:rgba(7,10,16,.94);backdrop-filter:blur(16px)}.oc-bar{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.oc-logo{text-decoration:none;font-size:33px;letter-spacing:.02em;font-weight:500;line-height:1;color:#ffffff;font-family:"Robodron",Arial,sans-serif;display:inline-block}.oc-logo .oc-logo-opti{color:var(--orange)}.oc-logo .oc-logo-car{color:#ffffff}.oc-logo .oc-logo-dot{color:var(--orange)}.oc-logo small{display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:9px;letter-spacing:.42em;color:#bfc9d6;margin-top:8px}.oc-nav{display:flex;align-items:center;gap:23px}.oc-nav a{text-decoration:none;color:#cbd3dd;font-size:13px;font-weight:650}.oc-nav a:hover{color:var(--orange)}.oc-nav .oc-nav-cta{color:#080b10;background:var(--orange);padding:11px 17px;border-radius:4px;font-weight:800}.oc-main{min-height:70vh}.oc-main .wp-block-group{max-width:none}.oc-hero{position:relative;min-height:680px;overflow:hidden;padding:118px max(24px,calc((100vw - var(--max))/2)) 98px!important;background:radial-gradient(circle at 74% 36%,#30435f66,transparent 35%),linear-gradient(130deg,#0c111d,#070a10 72%);border-bottom:1px solid var(--border);isolation:isolate}.oc-hero:before{content:"";background:linear-gradient(90deg,#05070cf7 8%,#05070cee 35%,#05070cbf 50%,#05070c00 72%),url('assets/hero-car-brand.png') 78% center/contain no-repeat;position:absolute;inset:0;z-index:-1;opacity:.96;filter:saturate(1.02) contrast(1.02)}.oc-hero:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--orange),transparent 60%)}.oc-hero-inner{min-height:535px;padding-top:110px!important;padding-bottom:95px!important}.oc-hero-inner:before{opacity:.64}.oc-hero h1{max-width:760px;font-size:clamp(43px,6vw,78px);letter-spacing:-.055em;line-height:1.02;margin:15px 0 24px;font-weight:850}.oc-hero h1 em{font-style:normal;color:var(--orange)}.oc-lead{max-width:620px;font-size:19px;color:#c9d1dc;line-height:1.75}.oc-eyebrow{font-size:12px!important;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--orange);margin:0 0 11px}.oc-subnote{color:#aab5c2;font-size:12px;margin-top:35px}.oc-section{padding:84px max(24px,calc((100vw - var(--max))/2)) 24px!important}.oc-section h2,.oc-cta h2{font-size:clamp(30px,4.1vw,51px);line-height:1.1;letter-spacing:-.04em;margin:0 0 19px}.oc-section-lead{color:var(--muted);max-width:800px;font-size:18px}.oc-section>.wp-block-columns{margin-top:22px}.oc-columns{padding:30px max(24px,calc((100vw - var(--max))/2)) 45px!important;gap:19px!important}.oc-columns .wp-block-column{min-width:0}.oc-card{height:100%;padding:32px!important;border:1px solid var(--border);background:linear-gradient(145deg,#192231,#0e151f);border-radius:10px;box-shadow:0 14px 45px #0002}.oc-card h3{font-size:22px;line-height:1.23;margin:0 0 16px;letter-spacing:-.02em}.oc-card p{color:var(--muted);font-size:15px}.oc-card .wp-block-buttons{margin-top:20px}.oc-btn .wp-block-button__link{background:var(--orange)!important;color:#080a10!important;font-weight:800;font-size:13px;padding:15px 24px;border-radius:4px!important;text-transform:uppercase;letter-spacing:.03em}.oc-btn-alt .wp-block-button__link{background:none!important;border:1px solid var(--orange)!important;color:var(--text)!important}.oc-hero .wp-block-buttons{margin-top:30px}.oc-band{margin:30px 0 0!important;background:linear-gradient(110deg,#1a2637,#0d1119);border-top:1px solid #334156;border-bottom:1px solid #334156;padding-bottom:80px!important}.oc-band p{max-width:720px;color:var(--muted)}.oc-note{margin:22px auto;padding:22px!important;max-width:1180px!important;border-left:3px solid var(--orange);background:#181d29;color:#bdc7d4}.oc-note p{margin:0}.oc-faq h3{color:#fff;margin-top:32px}.oc-faq p{color:var(--muted);max-width:900px}.oc-cta{margin-top:70px;padding:75px max(24px,calc((100vw - var(--max))/2))!important;background:linear-gradient(110deg,#182231,#0b1119);border-top:1px solid #293444}.oc-cta p{color:#b8c3d2;max-width:700px}.oc-cta .wp-block-buttons{margin-top:27px}.oc-form-wrap{padding-top:15px!important}.oc-form{max-width:820px;background:#141c29;border:1px solid #293647;border-radius:10px;padding:32px}.oc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.oc-form label{font-weight:700;font-size:13px;display:block;margin-bottom:15px}.oc-form input,.oc-form select,.oc-form textarea{display:block;width:100%;margin-top:6px;background:#0b111a;border:1px solid #364457;border-radius:5px;color:#fff;padding:12px;font:inherit}.oc-form textarea{min-height:130px}.oc-form input:focus,.oc-form textarea:focus{outline:2px solid var(--orange)}.oc-form button{border:0;cursor:pointer;background:var(--orange);font-weight:800;padding:13px 21px;border-radius:4px}.oc-form .oc-check{font-weight:400;color:var(--muted)}.oc-form .oc-check input{width:auto;display:inline}.oc-form-feedback{padding:12px;margin:18px 0;background:#1d3440;border-left:3px solid var(--orange)}.oc-footer{border-top:1px solid var(--border);background:#090d14;padding:55px 0 22px}.oc-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.oc-footer p,.oc-footer a{color:#acb8c7;font-size:13px}.oc-footer a{text-decoration:none;display:block;margin-bottom:9px}.oc-footer strong{font-size:14px}.oc-copyright{border-top:1px solid #263244;margin-top:30px;padding-top:18px;color:#8593a5;font-size:12px}.oc-article{width:min(900px,calc(100% - 44px));margin:70px auto}.oc-article h1{font-size:clamp(32px,6vw,60px)}.oc-footer a:hover{color:var(--orange)}.screen-reader-text{position:absolute;left:-10000px}.oc-menu-label{display:none}@media(max-width:900px){.oc-bar{flex-wrap:wrap;padding:18px 0}.oc-nav{overflow-x:auto;width:100%;justify-content:flex-start;padding-bottom:8px;white-space:nowrap}.oc-hero{min-height:540px;padding-top:90px!important}.oc-hero:before{opacity:.42;background-position:center,70% center;background-size:auto,cover}.oc-columns{flex-direction:column!important}.oc-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.oc-container{width:min(calc(100% - 34px),var(--max))}.oc-footer-grid,.oc-form-grid{grid-template-columns:1fr}.oc-hero{padding-top:76px!important;padding-bottom:70px!important}.oc-hero h1{font-size:44px}.oc-lead{font-size:16px}.oc-section{padding-top:65px!important}.oc-columns{padding-top:15px!important}.oc-card{padding:23px!important}}
.oc-price{display:inline-block;margin:24px 0 0;padding:12px 16px;border:1px solid #ff66004f;border-radius:8px;background:linear-gradient(135deg,#20140d,#111826);color:#fff;font-weight:800;font-size:18px}.oc-price small{display:block;font-size:12px;font-weight:600;color:#c9d3df;margin-top:4px}.oc-card .oc-price{margin-top:18px;font-size:24px;padding:10px 14px}.oc-card .oc-price small{margin-top:2px}.oc-note-price{margin-top:14px;color:#ffd0b2;font-size:13px}.oc-hero .oc-btn .wp-block-button__link{box-shadow:0 12px 30px #ff660032}.oc-section h2,.oc-cta h2{max-width:860px}.oc-card h3{font-size:24px}.oc-header{border-bottom:1px solid #ffffff12;background:rgba(4,6,10,.86)}