/*
Theme Name: Zenith Detailing
Description: Elementor website for Zenith Detailing, Budapest.
Version: 1.0.0
Requires at least: 6.8
Requires PHP: 7.4
Text Domain: zenith-detailing
*/
:root{color-scheme:dark;--zd-black:#0b0b0e;--zd-panel:#141318;--zd-line:#2a2831;--zd-white:#f7f6f9;--zd-text:#bbb8c4;--zd-purple:#8335dc}
*{box-sizing:border-box}
body{margin:0;background:var(--zd-black);color:var(--zd-white);font:16px/1.65 Inter,Arial,sans-serif}
a{color:#c39bff} a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #d9beff;outline-offset:4px}
main:focus{outline:none}
.zd-skip{position:absolute;left:12px;top:-100px;padding:8px;background:black;z-index:100}.zd-skip:focus{top:12px}
.zd-shell,.zd-header,.zd-footer,.zd-hero-copy,.zd-quick{width:min(100% - 72px,1320px)!important;margin-inline:auto!important}
.zd-shell{padding:64px 0!important}
.zd-header{padding:12px 0!important;min-height:76px;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:15px!important}
header{background:#050506;border-bottom:1px solid var(--zd-line)}
.zd-brand img{width:270px;max-width:100%;height:auto}
.zd-nav .elementor-widget-container,.zd-quick{display:flex;gap:clamp(16px,3vw,42px);align-items:center;justify-content:center;flex-wrap:wrap}
.zd-nav .elementor-widget-container{font-weight:650}
.zd-nav a,.zd-quick a{color:var(--zd-white);text-decoration:none}
.zd-nav a:hover,.zd-nav a[aria-current=page],.zd-quick a:hover{color:#c39bff}
.zd-nav .elementor-widget-container p{margin:0}
.zd-hero{min-height:clamp(540px,51vw,850px);position:relative;display:flex!important;justify-content:center!important;overflow:hidden;padding:0!important}
.zd-hero-photo{position:absolute!important;inset:0;width:100%!important;height:100%;pointer-events:none}
.zd-hero-photo .elementor-widget-container{height:100%}
.zd-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.zd-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,7,12,.72) 0%,rgba(8,7,12,.5) 30%,transparent 64%),linear-gradient(0deg,rgba(8,7,12,.25),transparent 35%)}
.zd-hero-copy{position:relative;z-index:2;align-items:flex-start!important;padding:70px 0!important;gap:19px!important}
.zd-hero-copy .elementor-widget-text-editor{max-width:375px}
.elementor .zd-hero-copy h1.elementor-heading-title{font-size:clamp(54px,6.1vw,110px);text-transform:uppercase;letter-spacing:-.058em;line-height:.91;font-weight:900}
.elementor .zd-title h1.elementor-heading-title{font-size:clamp(44px,6vw,86px);letter-spacing:-.055em;line-height:.97;font-weight:850}
.elementor .elementor-heading-title{color:var(--zd-white);font-family:Inter,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;line-height:1.12}
.elementor .elementor-widget-text-editor{color:var(--zd-text);font-family:Inter,Arial,sans-serif}
.elementor .elementor-widget-text-editor p:last-child{margin-bottom:0}
.elementor .elementor-button{background:#6b20bc;color:white;border:1px solid #9346eb;border-radius:3px;font:700 15px/1.25 Inter,Arial,sans-serif;padding:13px 20px}
.elementor .elementor-button:hover{background:#8440cf;color:white}
.elementor .zd-outline .elementor-button{background:transparent}
.zd-quick{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:14px!important;margin-block:24px!important;border-block:1px solid #434049;padding:10px 0!important}
.zd-quick>.elementor-widget{width:auto!important}
.zd-quick .elementor-button{background:none;border:0;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(12px,1.3vw,17px)}
.zd-quick .elementor-button:hover{background:#21152b}
.zd-quick .elementor-button-text::after{content:" →";color:#b265ff;margin-left:8px}
.zd-grid,.zd-two,.zd-four{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}
.zd-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.zd-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.zd-card,.zd-note{background:var(--zd-panel);border:1px solid var(--zd-line);padding:21px!important;gap:10px!important}
.zd-note{border-left:3px solid var(--zd-purple)}
.zd-card h3.elementor-heading-title{font-size:20px}
.zd-card .elementor-widget-text-editor{font-size:14px}
.zd-photo-card{padding:0 0 16px!important;gap:9px!important;overflow:hidden}
.zd-photo-card .elementor-widget-heading,.zd-photo-card .elementor-widget-text-editor{width:auto!important;margin-inline:15px}
.zd-photo-card .elementor-widget-image img,.zd-placeholder img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.zd-photo-card .elementor-widget-image a{display:block}
.zd-photo-card img{transition:filter .2s}.zd-photo-card a:hover img{filter:brightness(1.15)}
.zd-bio .elementor-widget-text-editor{max-width:790px;font-size:18px}
.zd-section{padding:26px 0!important}
.zd-footer{padding:26px 0!important}.zd-footer .zd-brand img{width:220px}
footer{border-top:1px solid var(--zd-line);background:#070709}
.zd-map iframe{width:100%;min-height:390px;border:0}
@media(max-width:1024px){.zd-grid,.zd-four{grid-template-columns:repeat(2,minmax(0,1fr))}.zd-header{justify-content:center!important}.zd-header .zd-brand,.zd-header .zd-nav{width:auto!important}}
@media(max-width:680px){.zd-shell,.zd-header,.zd-footer,.zd-hero-copy,.zd-quick{width:calc(100% - 36px)!important}.zd-shell{padding:42px 0!important}.zd-grid,.zd-two{grid-template-columns:1fr}.zd-four{gap:10px!important}.zd-header{gap:8px!important;text-align:center}.zd-brand img{width:220px}.zd-header .zd-outline{display:none}.zd-nav .elementor-widget-container{font-size:13px;gap:12px}.zd-hero{min-height:570px;justify-content:flex-end!important}.zd-hero-photo img{object-position:68% center}.zd-hero:after{background:linear-gradient(0deg,#09080d 0%,rgba(9,8,13,.9) 18%,transparent 68%)}.zd-hero-copy{padding:28px 0!important}.elementor .zd-hero-copy h1.elementor-heading-title{font-size:clamp(43px,11vw,70px)}.zd-quick{gap:0!important;justify-content:center!important}.zd-quick .elementor-button{padding:10px 8px}.zd-map iframe{min-height:320px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.zd-header>.elementor-widget,.zd-header>.zd-nav-wrap{width:auto!important;flex:0 0 auto!important}
.zd-nav-wrap{padding:0!important}
.zd-section{scroll-margin-top:20px}
.zd-map{min-width:0}
.zd-nav .elementor-widget-container p{display:contents}
.zd-languages{display:inline-flex;border:1px solid #453951;border-radius:3px;gap:0;align-items:center;white-space:nowrap;font-size:12px}
.zd-languages a{padding:4px 6px}
.zd-languages a[aria-current=page]{background:#312043;color:#ead8ff}
html[lang^=hu] .zd-hero-copy h1.elementor-heading-title{font-size:clamp(44px,5.3vw,94px)}
@media(max-width:680px){html[lang^=hu] .zd-hero-copy h1.elementor-heading-title{font-size:clamp(36px,8.5vw,56px)}}
