/* Los Santos / crew. Stijl voor openbare website, ledenomgeving en beheer. */
body.public-modern{--black:#080909;--charcoal:#101112;--red:#c60024;--red-bright:#ef002d;--steel:#929599;--steel-light:#c4c6c8;--off-white:#f4f4f1;--crew-art:url('crew/los-santos-hero.png');background:#080909;color:var(--off-white);font-family:'Oswald','Arial Narrow',Arial,sans-serif;font-size:16px;line-height:1.55;background-image:radial-gradient(ellipse at 80% 0,#63102016,transparent 45%)}
.public-modern h1,.public-modern h2,.public-modern h3,.public-modern .brand-name{font-family:'Anton','Impact','Arial Narrow',sans-serif;text-transform:none;font-weight:400;letter-spacing:0}
.public-modern .site-header{position:relative;background:#080909;padding:13px 4%;border-bottom:1px solid #ffffff30;gap:28px;min-height:92px}
.public-modern .site-header:after{display:none}
.public-modern .brand-logo{height:70px;width:auto;margin:0;filter:none}
.public-modern .brand-name{font-size:1.9rem;letter-spacing:-.02em;line-height:1.2}
.crew-brand-sub{display:block;letter-spacing:.48em;font-family:Arial,sans-serif;font-size:.57rem;color:#b4b4b4;margin-top:5px}
.public-modern .site-header nav ul{gap:30px}
.public-modern .site-header nav a{font-family:inherit;font-size:.95rem;letter-spacing:0;text-transform:none;color:#eee;gap:8px}
.public-modern .site-header nav a[aria-current=page]{border-bottom:3px solid var(--red-bright);padding-bottom:9px}
.public-modern .site-header nav .nav-label-text{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal}
.public-modern .site-header nav .nav-icon,.public-modern .site-header nav .nav-icon-img{display:none}
.public-modern main{padding:0 4% 60px;max-width:1600px;width:100%;align-self:center}
.crew-more{position:relative}.crew-more>summary{cursor:pointer;list-style:none;font-size:.95rem;color:#eee}.crew-more-menu{position:absolute;right:0;top:35px;min-width:230px;max-height:70vh;overflow:auto;background:#111;border:1px solid #ffffff40;border-radius:5px;padding:8px;box-shadow:0 15px 45px #000;z-index:200}.crew-more-menu a{display:flex!important;justify-content:flex-start!important;padding:10px 14px!important;border:0!important;border-radius:3px}.crew-more-menu a:hover{background:#ef002d;color:#fff!important}
.public-modern .public-hero{display:flex;align-items:flex-end;position:relative;isolation:isolate;max-width:none;min-height:610px;padding:80px 4% 70px;margin:0 -4.35% 24px;overflow:hidden}
.crew-hero-image{position:absolute;inset:0;z-index:-2;object-fit:cover;width:100%;height:100%;object-position:center}
.public-modern .public-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000b 0%,#0003 60%,transparent),linear-gradient(0deg,#080909 0%,transparent 45%)}
.public-modern .public-hero-copy{max-width:680px}.public-modern .public-hero h1{font-size:clamp(3.2rem,5.2vw,5.1rem);text-transform:uppercase;line-height:1.06;letter-spacing:-.025em;margin-bottom:18px;text-shadow:0 2px 18px #0006}
.public-modern .public-intro{font-family:Arial,sans-serif;font-size:1.1rem;line-height:1.6;color:#eee;max-width:530px;margin-bottom:25px}
.public-modern .public-crest{display:none}.public-modern .public-eyebrow{font-family:Arial,sans-serif;font-size:.66rem;letter-spacing:.19em;color:#d1d1d1}
.public-modern .public-hero-note{font-size:.75rem;color:#c2c2c2;max-width:470px}.public-modern .btn{font-family:inherit;font-size:.98rem;font-weight:400;letter-spacing:0;text-transform:none;clip-path:none;border-radius:5px;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:12px 24px;transition:background .2s;border:1px solid #ffffff70;cursor:pointer}
.public-modern .btn-primary{background:var(--red-bright);border-color:var(--red-bright);color:#fff}.public-modern .btn-primary:hover{background:#c90026}.public-modern .btn-ghost{background:#0909099c;color:#eee}.public-modern .btn-ghost:hover{background:#ffffff10;border-color:#eee}
.public-modern .public-discover,.public-modern .public-latest{max-width:none;margin-bottom:35px}.public-modern .public-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.public-modern .public-section-title{margin-top:32px;margin-bottom:18px}.public-modern .public-section-title h2{font-size:2rem}.public-modern .public-section-note{display:none}
.public-modern .public-card{border:1px solid #ffffff40;border-radius:6px;background:#101112;padding:24px;min-height:150px;overflow:hidden}.public-modern .crew-tile{position:relative;isolation:isolate}.public-modern .crew-tile:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#080909 5%,#080909aa 60%,#08090944),var(--crew-art);background-size:cover;background-position:80% 50%;opacity:.75}.public-modern .crew-tile-dealers:before{background-image:linear-gradient(90deg,#080909 5%,#08090977),url('dealer-map/losantos-kaart.png');background-position:65% 70%}.public-modern .public-card:nth-child(3n):before{background-position:90% 30%}.public-modern .public-card h3{font-size:1.55rem;line-height:1.2;letter-spacing:0;margin-bottom:8px}.public-modern .public-card p{font-family:Arial,sans-serif;line-height:1.6;font-size:.86rem;color:#d6d6d6;max-width:65%}.public-modern .public-card-top{margin-bottom:18px}.public-modern .public-card-arrow{font-size:1.6rem}.public-modern .public-card:hover{border-color:var(--red-bright);transform:none}
.public-modern .public-map-teaser{max-width:none;border:1px solid #ffffff35;border-radius:6px;margin-bottom:35px;background:#0e0f10}.public-modern .public-map-copy h2{font-size:2.8rem}.public-modern .public-news-row{border:1px solid #ffffff35;border-radius:5px;margin-bottom:12px;padding:24px;background:#101112}.public-modern .public-news-row h3{font-size:1.35rem}.public-modern .public-news-row time{font-size:.8rem}
.public-modern .section-head{padding-top:30px;margin-bottom:22px;text-align:left}.public-modern .section-head h2{font-size:2.3rem;line-height:1.2}.public-modern .section-eyebrow{font-family:Arial,sans-serif;font-size:.68rem;letter-spacing:.18em;color:var(--red-bright)}
.public-modern .dash-panel,.public-modern .news-card,.public-modern .page-body,.public-modern .agenda-card,.public-modern .dealer-location-card{clip-path:none;border-radius:6px;border:1px solid #ffffff35;background:#101112}.public-modern .dash-panel summary h3{font-size:1.25rem}.public-modern .dash-form{gap:17px}.public-modern .dash-form label{font-family:inherit;letter-spacing:0;text-transform:none;font-size:.9rem}.public-modern .dash-form input,.public-modern .dash-form textarea,.public-modern .dash-form select{background:#080909;border:1px solid #ffffff40;border-radius:5px;color:#eee;padding:11px;font-family:Arial,sans-serif;font-size:.88rem}.public-modern .dash-form input[type=checkbox]{padding:0;accent-color:var(--red-bright)}
.public-modern .site-footer{border-top:1px solid #ffffff40;padding:35px 4%;background:#080909;font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:0;color:#a7a7a7}.public-modern .cookie-banner{font-family:Arial,sans-serif;background:#121212;border:1px solid #555;border-radius:6px}.public-modern :focus-visible{outline:3px solid #f4c5cd;outline-offset:4px}.public-modern [hidden]{display:none!important}
.crew-page-banner{height:210px;position:relative;margin:0 -4.35%;overflow:hidden}.crew-page-banner img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.crew-page-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08090955,transparent)}
.public-modern .crew-dealers-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:20px;align-items:start}.public-modern .dealer-map-panel{padding:12px;margin:0}.crew-map{position:relative;overflow:hidden;border:1px solid #ffffff35;border-radius:5px;background:#101314}.crew-map-scroll{max-height:780px;overflow:auto;aspect-ratio:1/1.12}.crew-map img{display:block;width:100%;height:auto;max-width:none}.crew-map-controls{position:absolute;top:12px;right:12px;z-index:2;display:flex;flex-direction:column;border:1px solid #777;border-radius:5px;background:#090909e6;overflow:hidden}.crew-map-controls button{font:24px Arial;line-height:1;border:0;border-bottom:1px solid #666;background:none;color:#fff;width:38px;height:38px;cursor:pointer}.crew-map-controls button:last-child{border:0;font-size:18px}.crew-map-controls button:hover{background:#e00029}.crew-map:fullscreen,.crew-map-expanded{position:fixed;inset:0;z-index:500;width:100vw;height:100vh}.crew-map:fullscreen .crew-map-scroll,.crew-map-expanded .crew-map-scroll{height:100vh;max-height:none;aspect-ratio:auto}
.public-modern .crew-dealers-layout .dealer-location-grid{display:flex;flex-direction:column;gap:14px}.public-modern .dealer-location-card{padding:16px;text-align:left}.public-modern .dealer-location-card.is-selected{border-color:var(--red-bright);box-shadow:0 0 0 1px var(--red-bright)}.crew-dealer-title{display:flex;gap:12px;align-items:center;margin-bottom:13px}.crew-dealer-title h3{font-size:1.35rem}.public-modern .dealer-location-number{position:static;margin:0;width:32px;height:32px;font-size:1.1rem;background:var(--red-bright);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.crew-dealer-body{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;align-items:center}.crew-location-art{display:block;width:100%;aspect-ratio:1.7;object-fit:cover;object-position:85% 50%;border-radius:5px}.crew-dealer-body small{font-size:.76rem;color:#aaa}.crew-dealer-body strong{display:block;font-size:1rem;margin-top:4px}.crew-dealer-body button{background:none;border:0;color:#ddd;padding:12px 0 0;cursor:pointer;font:inherit;font-size:.8rem}.crew-dealer-body button:hover{color:var(--red-bright)}.crew-dealer-notice{font-size:.78rem;color:#aaa;margin:16px 0}.crew-map-actions{margin:15px 0 0}.crew-map-actions a{width:100%}.public-modern .dealer-live-row{margin-bottom:20px;gap:15px;flex-wrap:wrap}.public-modern .dealer-live-badge{background:#1e2920;color:#b8dbbb}
/* Beheer: bestaande formulieren en acties blijven de bron van waarheid. */
.crew-admin .site-header{display:none}.crew-admin .crew-sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:linear-gradient(#080909ed,#080909ee),url('dealer-map/losantos-kaart.png') center/cover;border-right:1px solid #ffffff40;z-index:220;overflow:auto}.crew-sidebar-brand{display:flex;flex-direction:column;align-items:center;padding:18px}.crew-sidebar-brand img{width:130px;height:auto}.crew-sidebar-brand strong{font-family:'Anton',Impact,sans-serif;font-size:1.7rem;font-weight:400}.crew-sidebar-brand strong span{color:var(--red-bright)}.crew-sidebar-brand small{font-family:Arial,sans-serif;letter-spacing:.25em;color:#bbb;font-size:.65rem;margin-top:12px}.crew-sidebar nav{padding:8px 12px 20px}.crew-sidebar nav>a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:4px;color:#eee;font-size:.92rem}.crew-sidebar nav>a:hover{background:#cf0026}.crew-sidebar nav>small{display:block;margin:20px 12px 6px;color:#aaa;font-family:Arial,sans-serif;font-size:.6rem;letter-spacing:.08em}.crew-sidebar nav .nav-icon{width:20px;height:20px}.crew-sidebar .crew-back{margin-top:22px;border-top:1px solid #555;border-radius:0;padding-top:20px}.public-modern.crew-admin main{max-width:none;width:calc(100% - 225px);margin-left:225px;padding:0 20px 45px}.crew-admin-top{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:20px}.crew-admin-top h1{font-size:2.4rem}.crew-admin-top>div{display:flex;gap:18px;align-items:center}.crew-role{border:1px solid #555;border-radius:4px;font-size:.74rem;padding:5px 12px;color:#d4dce1}.crew-admin-toggle{display:none;background:none;color:#eee;border:1px solid #555;border-radius:4px;padding:7px 10px;font-size:23px;cursor:pointer}.crew-admin-banner{position:relative;height:270px;overflow:hidden;border:1px solid #444;border-radius:5px;margin-bottom:20px}.crew-admin-banner img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}.crew-admin-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 75%)}.crew-admin-banner>div{position:absolute;left:25px;bottom:20px;z-index:1}.crew-admin-banner h2{font-size:2.5rem;font-style:italic;text-transform:uppercase;border-bottom:3px solid var(--red-bright)}.crew-admin-banner p{font-size:.95rem;margin-top:5px}.crew-admin .dashboard>.section-head{display:none}.crew-admin .dashboard{max-width:none;margin:0}.crew-admin-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px;align-items:start;margin-bottom:20px}.crew-admin-grid .dash-panel{margin:0;padding:20px}.crew-home-editor{scroll-margin-top:20px}.crew-home-editor>h3,.crew-shortcuts>h3{font-size:1.5rem;display:flex;gap:10px;align-items:center;padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid #444}.crew-home-preview{width:100%;height:190px;object-fit:cover;object-position:70% 55%;border:1px solid #555;border-radius:5px;margin-top:7px}.crew-shortcuts>a{display:flex;align-items:center;gap:14px;padding:18px 14px;margin-bottom:13px;border:1px solid #444;border-radius:5px}.crew-shortcuts>a>span{flex:1}.crew-shortcuts strong{display:block;font-size:1.05rem}.crew-shortcuts small{font-family:Arial,sans-serif;font-size:.72rem;color:#aaa}.crew-shortcuts>a:hover{border-color:var(--red-bright)}.crew-admin .dash-home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.crew-admin .dash-home-card{padding:18px;clip-path:none;border:1px solid #444;border-radius:5px;background:#101112}.crew-admin .dash-home-card h3{font-size:1.1rem}.crew-admin .dash-home-card p{font-size:.8rem}.crew-admin .site-footer{margin-left:225px}.crew-admin #website-mode{scroll-margin-top:20px}
@media(max-width:1050px){.public-modern .site-header nav ul{gap:20px}.crew-admin .crew-sidebar{width:190px}.public-modern.crew-admin main{width:calc(100% - 190px);margin-left:190px}.crew-admin .site-footer{margin-left:190px}.crew-admin-grid{grid-template-columns:1fr}.crew-admin .dash-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crew-shortcuts h3{grid-column:1/-1}.crew-shortcuts>a{margin:0}.crew-admin-top h1{font-size:2rem}}
@media(max-width:800px){.public-modern .public-hero{min-height:570px;padding-bottom:38px}.public-modern .crew-dealers-layout{grid-template-columns:1fr}.crew-map-scroll{aspect-ratio:1/1.12;max-height:650px}.crew-page-banner{height:170px}.public-modern .public-card p{max-width:90%}.crew-admin .crew-sidebar{transform:translateX(-100%);width:230px;transition:transform .2s}.crew-admin.crew-sidebar-open .crew-sidebar{transform:translateX(0);box-shadow:10px 0 50px #000b}.public-modern.crew-admin main{width:100%;margin:0;padding:0 14px 40px}.crew-admin .site-footer{margin-left:0}.crew-admin-toggle{display:block}.crew-admin-top{padding:16px 0;flex-wrap:wrap}.crew-admin-top h1{font-size:1.8rem}.crew-admin-top>div{gap:12px}.crew-admin-banner{height:210px}.crew-admin-banner h2{font-size:2rem}.crew-home-preview{height:175px}}
@media(max-width:600px){.public-modern .site-header{padding:10px 4%;min-height:80px;gap:0}.public-modern .brand-logo{height:58px}.public-modern .brand-name{font-size:1.55rem}.crew-brand-sub{font-size:.48rem}.public-modern .nav-mobile-toggle{position:absolute;top:24px;right:4%;width:34px;height:30px;border:0}.public-modern .nav-mobile-toggle-arrow{width:28px;height:28px}.public-modern .site-header nav{flex-basis:100%}.public-modern .site-header nav ul{gap:0}.public-modern .site-header nav a{padding:12px;font-size:1rem}.crew-more-menu{position:static;box-shadow:none;max-height:none;border:0;min-width:0;padding:0 0 0 12px}.crew-more summary{padding:12px}.public-modern main{padding-left:4%;padding-right:4%}.public-modern .public-hero{min-height:590px;padding:190px 4% 28px;margin-bottom:8px}.crew-hero-image{object-position:68% center}.public-modern .public-hero:after{background:linear-gradient(0deg,#080909 0%,#08090944 52%,#0001)}.public-modern .public-hero h1{font-size:clamp(2.65rem,10.5vw,4rem)}.public-modern .public-intro{font-size:1rem}.public-modern .public-hero-note{display:none}.public-modern .public-hero .public-eyebrow{display:none}.public-modern .public-actions{gap:10px}.public-modern .public-actions .btn{width:auto;padding:11px 18px}.public-modern .public-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-modern .public-card{padding:16px;min-height:155px}.public-modern .public-card h3{font-size:1.22rem;line-height:1.25;overflow-wrap:anywhere;padding-right:0}.public-modern .public-card p{font-size:.75rem;line-height:1.5;max-width:100%;padding-right:12px}.public-modern .public-card-arrow{bottom:11px;right:12px;font-size:1.2rem}.public-modern .public-card-top{margin-bottom:16px}.public-modern .public-section-title{margin-top:22px;gap:10px}.public-modern .public-section-title h2{font-size:1.7rem}.public-modern .public-discover>.public-section-title{display:none}.public-modern .public-map-teaser{display:none}.public-modern .public-latest .public-news-row{padding:18px}.public-modern .public-news-row h3{font-size:1.2rem}.crew-page-banner{height:145px}.public-modern .section-head h2{font-size:1.9rem}.public-modern .dealer-live-row{font-size:.7rem;gap:8px}.crew-dealer-body{grid-template-columns:1fr 1fr;gap:12px}.public-modern .dealer-location-card{padding:12px}.crew-dealer-title h3{font-size:1.25rem}.crew-dealer-title{margin-bottom:10px}.crew-admin-top{gap:10px}.crew-admin-top>div{width:100%;justify-content:space-between}.crew-admin-top .btn{font-size:.8rem;padding:9px 12px}.crew-admin-top h1{font-size:1.9rem}.crew-admin-grid .dash-panel{padding:14px}.crew-shortcuts{display:block}.crew-shortcuts>a{margin-bottom:10px}.crew-admin .dash-home-grid{grid-template-columns:1fr 1fr}.crew-admin .public-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.public-modern *, .public-modern *:before{scroll-behavior:auto!important;transition:none!important}}
.crew-banner-fields{border:1px solid #ffffff35;border-radius:5px;padding:14px}.crew-banner-fields>summary{cursor:pointer;font-size:1rem}.crew-banner-fields[open]>summary{margin-bottom:16px}.crew-banner-fields fieldset{margin:12px 0}.crew-banner-fields .crew-home-preview{height:135px}

.public-modern .crew-dealers{max-width:none}