/* Shared visual system. Loaded after each page's layout stylesheet. */
:root{--page-accent:#936000;--page-soft:#fff8e5;--page-box:#ffe9a5;--page-border:#efdeb1;--shadow-soft:0 8px 26px #233b5510;--shadow-raised:0 14px 32px #233b5519}
body[data-page-accent="blue"]{--page-accent:#245da6;--page-soft:#eef5ff;--page-box:#d9e8ff;--page-border:#cdddf2}
body[data-page-accent="mint"]{--page-accent:#146653;--page-soft:#edf8f2;--page-box:#cfebde;--page-border:#c8e2d5}
body[data-page-accent="peach"]{--page-accent:#9c4935;--page-soft:#fff2eb;--page-box:#ffdfce;--page-border:#efd6c8}
body[data-page-accent="violet"]{--page-accent:#6850a4;--page-soft:#f5f0ff;--page-box:#e6dcfa;--page-border:#ded3ef}
body{background:radial-gradient(ellipse 75% 440px at 95% 110px,var(--page-soft),transparent 85%),#fff}
.header{background:rgba(255,255,255,.94);box-shadow:0 3px 20px #233b5506;border-bottom-color:#e8e9ed}
.brand-number{color:#957b00}
.navigation a{position:relative;padding-block:8px;transition:color .2s}
.navigation a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--page-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.navigation a:is([aria-current="page"],[aria-current="true"]){color:var(--page-accent)}
.navigation a:is([aria-current="page"],[aria-current="true"]):after{transform:scaleX(1)}
.mobile-menu a:is([aria-current="page"],[aria-current="true"]){color:var(--page-accent);background:var(--page-soft);border-left:3px solid var(--page-accent);border-radius:10px;padding-inline:14px;font-weight:700}
.account-button svg{color:var(--page-accent)}
.breadcrumb a{transition:color .2s}
.breadcrumb a:hover{color:var(--page-accent)}
.eyebrow{color:var(--page-accent)}
.hero h1,.rental-intro h1,.vehicle-page-title h1,.services-hero h1,.owners-hero h1,.offers-intro h1,.jobs-hero h1,.contacts-hero h1,.business-hero h1,.feedback-hero h1,.news-hero h1,.account-heading h1{color:#202a36}
:is(.services-hero,.owners-hero,.offers-intro,.jobs-hero,.contacts-hero,.business-hero,.feedback-hero,.news-hero,.account-heading) h1 span{color:var(--page-accent)}
.button{transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}
.button-dark{background:linear-gradient(135deg,#253447,#1f2937);box-shadow:0 4px 12px #25344710}
.button-yellow{background:linear-gradient(135deg,#ffe765,var(--yellow));box-shadow:0 4px 12px #b28a0012}
.button-outline{border-color:var(--page-border);background:#ffffffea}
.button-outline-light{background:#ffffff06}
.text-action{transition:color .2s,text-decoration-color .2s;text-decoration-thickness:1px}
.text-action:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--page-accent);outline-offset:4px}
.button:focus-visible{box-shadow:0 0 0 6px var(--page-box)}
/* Intentional card accents are assigned by topic, rather than position. */
.theme-card[data-accent]{background:linear-gradient(145deg,#ffffffb8,var(--accent-soft) 75%);border:1px solid var(--accent-border);border-top:3px solid var(--accent);color:var(--ink);box-shadow:0 3px 12px #233b5505;transition:transform .22s,box-shadow .22s,border-color .22s}
.theme-card[data-accent]>p,.theme-card[data-accent]>ul{color:#5b6470}
.theme-card[data-accent] :is(.text-action,.card-meta,.job-meta,.eyebrow,.direction-art>span,.vehicle-topline>span){color:var(--accent)}
.theme-card[data-accent] :is(.job-tags>span,.bonus-tags>span,.model-pills>span){background:#ffffffc9;border:1px solid var(--accent-border);color:var(--accent)}
.theme-card[data-accent] .news-origin{color:#5b6470;border-color:var(--accent-border)}
.theme-card[data-accent] :is(.job-meta,.card-meta)>svg,.theme-card[data-accent]>svg{box-sizing:content-box;width:25px;height:25px;padding:12px;background:var(--accent-box);color:var(--accent);border-radius:13px}
.theme-card[data-accent] .icon-box{background:var(--accent-box);color:var(--accent)}
.theme-card[data-accent] :is(.vehicle-bottom,.direction-card .vehicle-bottom){border-color:var(--accent-border)}
.theme-card[data-accent] .direction-symbol{color:var(--accent);opacity:.6}
.theme-card[data-accent] .vehicle-photo .pill{background:var(--accent-box);color:var(--accent)}
.theme-card[data-accent] .account-empty-heading>svg{color:var(--accent)}
.theme-card[data-accent] .contacts-direction>svg{color:var(--accent)}
.theme-card[data-accent].vehicle-card{background:linear-gradient(180deg,#fff 45%,var(--accent-soft))}
.theme-card[data-accent].direction-card{background:linear-gradient(145deg,#ffffff99,var(--accent-soft))}
.theme-card[data-accent].job-card-dark .job-tags>span{background:#fff;color:var(--accent)}
.theme-card[data-accent].account-action:hover{background:var(--accent-soft)}
.theme-card[data-accent].feedback-platform:hover{background:var(--accent-soft)}
.theme-card[data-accent].business-chain-item>span,.theme-card[data-accent].feedback-platform>span:first-child{color:var(--accent)}
.theme-card[data-accent].business-audience-card>span{display:inline-block;align-self:flex-start;color:var(--accent);background:var(--accent-box);padding:8px 10px;border-radius:8px}
.theme-card[data-accent].document-card h2{color:#202a36}
.theme-card[data-accent].park-team-card .park-team-copy{border-top:1px solid var(--accent-border)}
.theme-card[data-accent].park-team-card .park-team-copy p{color:var(--accent)}
.theme-card[data-accent].driver-award-card>p{color:var(--accent);border-top:1px solid var(--accent-border)}
.theme-card[data-accent].offer-bonus .gift-symbol{color:var(--accent)}
.benefit-strip>div>svg{box-sizing:content-box;padding:9px;border-radius:11px;background:#fff1bc;color:#936000}
.benefit-strip>div:nth-child(2)>svg{background:#d9e8ff;color:#245da6}
.benefit-strip>div:nth-child(3)>svg{background:#cfebde;color:#146653}
.benefit-strip>div:nth-child(4)>svg{background:#e6dcfa;color:#6850a4}
/* Large panels supply depth while the surrounding pages remain light. */
.owner-section,.owner-protection,.rental-summary,.office-visit,.contact-section{background:radial-gradient(ellipse at 100% 0,#276b654d,transparent 65%),linear-gradient(135deg,#26384b,#1e2b3b);box-shadow:var(--shadow-soft)}
.business-orbit,.account-current-nemubi,.service-visual-dark{background:radial-gradient(ellipse at 90% 5%,#8562b452,transparent 65%),linear-gradient(135deg,#2e2b48,#202b3d);box-shadow:var(--shadow-soft)}
.feedback-art,.offer-support,.service-parts,.news-media{background:radial-gradient(ellipse at 100% 0,#37778b55,transparent 65%),linear-gradient(135deg,#243b4c,#202b3d);box-shadow:var(--shadow-soft)}
:is(.owner-section,.owner-protection,.rental-summary,.office-visit,.contact-section,.business-orbit,.account-current-nemubi,.service-visual-dark,.feedback-art,.offer-support,.service-parts,.news-media) .eyebrow{color:#ffe76b}
.rental-summary dd>small{color:#c6cfd9}
.owner-tags span{background:#ffffff08;border-color:#ffffff35}
.business-orbit-grid>span{background:#ffffff09;border-color:#ffffff24}
.business-orbit-grid>span:nth-child(2)>svg{color:#9fe1c0}
.business-orbit-grid>span:nth-child(3)>svg{color:#b7cff6}
.business-orbit-grid>span:nth-child(4)>svg{color:#e1c9ff}
.business-orbit:after{border-color:#c1a0f633}
.owner-protection .protection-list>div:nth-child(2) svg{color:#a8d5fa}
.owner-protection .protection-list>div:nth-child(3) svg{color:#a9e4c5}
.app-section,.services-app,.reviews-section,.feedback-public{background:linear-gradient(125deg,#f4f8fd,#eef6f3)}
/* Supplied brand artwork stays uncropped and keeps its original colours. */
.app-brand-signature{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.app-brand-signature>img{display:block;width:96px;height:96px;flex-shrink:0;border-radius:18px;box-shadow:0 5px 18px #14665318}
.app-brand-signature>span{display:flex;flex-direction:column;gap:6px;min-width:0}
.app-brand-signature strong{font-size:20px;letter-spacing:.4px;color:#202a36}
.app-brand-signature small{font-size:12px;line-height:1.5;color:#5b6470}
.driver-brand-art{min-width:0;margin:0;background:#030403;border:1px solid #273b3b;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)}
.driver-brand-art>img{display:block;width:100%;height:auto}
.driver-brand-art>figcaption{padding:15px 20px;border-top:1px solid #ffffff20;color:#d6e4e3;font-size:12px;line-height:1.5;text-align:center}
@media(max-width:700px){.app-brand-signature{gap:14px;margin-bottom:22px}.app-brand-signature>img{width:80px;height:80px;border-radius:15px}.app-brand-signature strong{font-size:18px}}
.industry-section,.news-rss{background:linear-gradient(125deg,#f2f5fd,#f5f1fa)}
.inquiry-section,.owner-inquiry,.jobs-request,.service-request{background:linear-gradient(125deg,var(--page-soft),#f3f6fa)}
.inquiry-form,.owner-form,.jobs-form,.service-request-form{border-top:3px solid var(--page-accent);border-color:var(--page-border);border-top-color:var(--page-accent);box-shadow:var(--shadow-soft)}
:is(.inquiry-form,.owner-form,.jobs-form,.service-request-form,#dialog-body) :is(input:not([type=radio]):not([type=checkbox]),select,textarea){transition:border-color .2s,box-shadow .2s;background:#fcfdff}
:is(.inquiry-form,.owner-form,.jobs-form,.service-request-form,#dialog-body) :is(input:not([type=radio]):not([type=checkbox]),select,textarea):focus-visible{border-color:var(--page-accent);outline:2px solid var(--page-accent);outline-offset:2px;box-shadow:0 0 0 5px var(--page-box)}
.inquiry-message,.owner-result textarea,.jobs-result textarea,.service-request-result textarea{background:var(--page-soft);border-color:var(--page-border)}
.faq-list details{transition:background .2s;border-color:var(--page-border)}
.faq-list details[open]{background:var(--page-soft);border-radius:12px;padding-inline:16px}
.faq-list summary:after{color:var(--page-accent)}
.service-step>b,.owners-step-grid span,.next-steps li:before,.offer-rules li:before{background:var(--page-box);color:var(--page-accent);box-shadow:inset 0 0 0 1px var(--page-border)}
.services-related,.owners-service-card,.jobs-logistics,.office-summary,.owners-hero-art,.contacts-platforms,.account-sidebar,.account-support,.related-link,.business-line,.fleet-offer-note{background:linear-gradient(135deg,#fff,var(--page-soft));border:1px solid var(--page-border)}
.owners-service-card:last-child{background:linear-gradient(135deg,#fff,#fff8e5);border-color:#efdeb1}
.owners-service-card:first-child{background:linear-gradient(135deg,#fff,#edf8f2);border-color:#c8e2d5}
.owners-service-card:first-child .eyebrow{color:#146653}
.owners-service-card:last-child .eyebrow{color:#936000}
.service-visual:not(.service-visual-dark),.jobs-visual,.news-featured,.offer-rental,.offers-teaser,.services-contact,.rental-help,.contacts-question,.business-pilot,.account-current:not(.account-current-nemubi){background:linear-gradient(130deg,#fff2aa,#ffe36c);border:1px solid #ecd274;box-shadow:0 8px 24px #b28a000c}
.service-visual-photo:not(.service-visual-dark){background:linear-gradient(135deg,#edf8f2,#f8fcfa);border-color:#c8e2d5}
.service-visual .visual-route>svg,.jobs-visual>div>svg{color:#936000}
.service-visual-dark .visual-route>svg{color:#ffe76b}
.jobs-hero>*{min-width:0}
.account-role{border-color:var(--page-border)}
.account-role[aria-selected=true]{background:var(--page-box);border-color:var(--page-accent);color:var(--page-accent)}
.account-role:nth-child(2)>svg{color:#9c4935}
.account-role:nth-child(3)>svg{color:#6850a4}
.account-empty-message{background:#ffffffb5;border-color:var(--accent-border,var(--page-border))}
.account-empty-message p{color:#5b6470}
.account-empty-message>strong{color:#202a36}
.account-sidebar-note,.account-preview{border-color:var(--page-border)}
.rating-board{border:1px solid #c8e2d5;box-shadow:var(--shadow-soft)}
.rating-board .rating-source{color:#245da6}
.feedback-empty{background:#fff;border-color:#c8e2d5}
.feedback-empty>svg{background:#cfebde;color:#146653;padding:10px;box-sizing:content-box;border-radius:12px}
.contact-channel[href^="mailto:"]{background:linear-gradient(145deg,#fff,#f5f0ff);border-color:#ded3ef}
.contact-channel[href^="mailto:"]>svg,.contact-channel[href^="mailto:"]>.text-action{color:#6850a4}
.feedback-reactions .feedback-option:nth-child(1)>span{background:#edf8f2;border-color:#c8e2d5}
.feedback-reactions .feedback-option:nth-child(2)>span{background:#fff8e5;border-color:#efdeb1}
.feedback-reactions .feedback-option:nth-child(3)>span{background:#fff2eb;border-color:#efd6c8}
.feedback-reactions .feedback-option:nth-child(1) input:checked+span{background:#cfebde;border-color:#146653}
.feedback-reactions .feedback-option:nth-child(2) input:checked+span{background:#ffe9a5;border-color:#936000}
.feedback-reactions .feedback-option:nth-child(3) input:checked+span{background:#ffdfce;border-color:#9c4935}
.news-ad{background:linear-gradient(135deg,#fff,#fff2eb);border-color:#dba78e}
.news-ad .eyebrow{color:#9c4935}
.gallery-stage{background:linear-gradient(135deg,#f1f5f9,var(--page-soft));box-shadow:var(--shadow-soft);border:1px solid var(--page-border)}
.gallery-position{box-shadow:0 3px 12px #233b5520;color:var(--page-accent)}
.gallery-thumbnails button{background:var(--page-soft);border-color:var(--page-border);transition:border-color .2s,box-shadow .2s}
.gallery-thumbnails [aria-pressed=true]{border-color:var(--page-accent);box-shadow:0 0 0 2px var(--page-box)}
.rental-filters button,.fleet-filters button,.news-filters>button,.jobs-filters>button,.feedback-modes button{border-color:var(--page-border);background:#fff;transition:background .2s,border-color .2s,color .2s}
:is(.rental-filters,.fleet-filters,.news-filters,.jobs-filters,.feedback-modes) button[aria-pressed=true]{background:var(--page-box);border-color:var(--page-accent);color:var(--page-accent)}
.carousel-controls button{border-color:var(--page-border)}
.carousel-controls button:hover:not(:disabled){background:var(--page-soft)}
.news-carousel .carousel-track{scrollbar-color:var(--page-border) transparent}
.news-carousel .carousel-track::-webkit-scrollbar-thumb{background:var(--page-border)}
.footer{position:relative;border-top:1px solid var(--page-border)}
.footer:before{content:"";position:absolute;top:-1px;left:0;width:80px;height:3px;background:linear-gradient(90deg,var(--yellow),var(--page-accent));border-radius:3px}
.footer-links a:hover,.footer-links button:hover{color:var(--page-accent);text-decoration:underline;text-underline-offset:4px}
.floating-button{background:linear-gradient(135deg,#ffe765,var(--yellow));box-shadow:0 7px 24px #ac890025}
.back-to-top{border-color:var(--page-border);color:var(--page-accent)}
.back-to-top:hover{background:var(--page-soft)}
dialog{background:linear-gradient(145deg,#fff,var(--page-soft));border:1px solid var(--page-border)}
.dialog-close{background:var(--page-box);color:var(--page-accent)}
/* Brand communication colours remain exact on every surface. */
.communication-channel.channel-whatsapp{background:#25d366;border-color:#25d366;color:#09351b}
.communication-channel.channel-telegram{background:#2aabee;border-color:#2aabee;color:#082b40}
.communication-channel.channel-call{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.communication-channel:hover{filter:brightness(.96)}
@media(hover:hover) and (pointer:fine){
 .navigation a:hover:after{transform:scaleX(1)}
 .theme-card[data-accent]:is(a,:has(a),:has(button)):hover{transform:translateY(-4px);box-shadow:var(--shadow-raised);border-color:var(--accent)}
 .button-dark:hover{background:linear-gradient(135deg,#314961,#26384b);box-shadow:0 8px 22px #26384b22}
 .button-yellow:hover{background:linear-gradient(135deg,#ffe357,#f4cf00);box-shadow:0 8px 22px #b28a0022}
 .button-outline:hover{background:var(--page-soft);border-color:var(--page-accent)}
 .gallery-thumbnails button:hover{border-color:var(--page-accent);box-shadow:0 3px 12px #233b5518}
 .related-link:hover{border-color:var(--page-accent);box-shadow:var(--shadow-soft)}
}
@media(max-width:700px){
 .benefit-strip>div>svg{padding:7px}
 .theme-card[data-accent]>svg,.theme-card[data-accent] :is(.card-meta,.job-meta)>svg{padding:10px}
 .faq-list details[open]{padding-inline:12px}
}
@media(max-width:360px){.jobs-visual>strong{font-size:30px}.jobs-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .theme-card[data-accent],.button,.navigation a,.navigation a:after,.gallery-thumbnails button,.faq-list details,.text-action,.back-to-top,.vehicle-photo img{transition:none}
 .theme-card[data-accent]:hover,.button:hover,.back-to-top:hover{transform:none}
}
