/*
Theme Name: DJ az Esküvőn
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dj-az-eskuvon
License: GPLv2 or later
*/

:root{--ink:#0b1220;--navy:#101b2d;--champagne:#e9c989;--cream:#f7f3ea;--paper:#fffdf8;--muted:#6f746f;--line:#d9d5ca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans),sans-serif;font-size:16px}a{color:inherit;text-decoration:none}
.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,82px);color:#fff;border-bottom:1px solid #ffffff33}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border:1px solid var(--champagne);display:grid;place-items:center;border-radius:50%;color:var(--champagne)}
nav{display:flex;gap:34px;font-size:.875rem}nav a{opacity:.78;transition:.2s}nav a:hover{opacity:1}.nav-cta{display:flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid #ffffff73;border-radius:99px;font-size:.875rem}
.hero{min-height:760px;height:100svh;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#060d19f0 0%,#060d19c2 34%,#060d192e 72%,#060d1975 100%),linear-gradient(0deg,#060d198c,transparent 45%)}
.hero-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#ffffff26 1px,transparent 1px),linear-gradient(90deg,#ffffff26 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.hero-content{z-index:2;width:min(720px,calc(100% - 48px));margin-left:clamp(24px,8vw,132px);padding-top:60px}.eyebrow{display:flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.eyebrow span{display:block;width:34px;height:1px;background:var(--champagne)}
h1,h2{font-family:var(--font-display),serif;margin:0;font-weight:600;line-height:.92;letter-spacing:-.045em}h1{font-size:clamp(4rem,7.8vw,8.2rem);margin:28px 0 30px}h1 em,h2 em{color:var(--champagne);font-weight:500}.hero-copy{max-width:585px;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7;color:#ffffffc9}
.hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.button{min-height:52px;padding:0 23px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:.9rem;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--champagne);color:var(--ink)}.button-ghost{border:1px solid #ffffff66;color:#fff}
.hero-note{position:absolute;z-index:2;right:clamp(24px,6vw,100px);bottom:92px;display:flex;align-items:center;gap:14px}.note-number{font:600 3rem/1 var(--font-display),serif;color:var(--champagne)}.note-text{padding-left:14px;border-left:1px solid #ffffff59;font-size:.72rem;line-height:1.5;text-transform:uppercase;letter-spacing:.12em}
.scroll-cue{position:absolute;z-index:2;left:clamp(24px,5vw,82px);bottom:28px;display:flex;gap:10px;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;opacity:.7}
.section{padding:clamp(80px,10vw,150px) clamp(24px,8vw,132px)}.section-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#9a7a3e}
.intro{display:grid;grid-template-columns:.55fr 2.1fr 1.1fr;gap:clamp(30px,5vw,90px);align-items:start}.intro-copy h2,.services h2,.video-copy h2,.packages h2{font-size:clamp(3rem,5.5vw,6.1rem)}.intro-copy h2 span,.services h2 span{color:#a27e3a;font-style:italic;font-weight:500}
.lead{margin:38px 0;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.55;max-width:770px}.body-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;color:var(--muted);line-height:1.8}.portrait-wrap{position:relative;min-height:510px;margin-top:80px;overflow:hidden}.portrait-wrap img{object-fit:cover;filter:saturate(.72) contrast(1.02)}.portrait-label{position:absolute;left:0;bottom:0;right:0;display:flex;gap:10px;align-items:center;padding:18px;background:#0c1422e6;color:#fff;font-size:.82rem}
.section-dark{background:var(--navy);color:#fff;padding:clamp(80px,10vw,150px) clamp(24px,8vw,132px)}.section-kicker.light{color:var(--champagne)}.services-head{display:grid;grid-template-columns:1.5fr .7fr;gap:60px;align-items:end;margin:30px 0 70px}.services-head p{color:#aeb4bc;line-height:1.75}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29}.service-grid article{position:relative;padding:42px 30px 48px 0;border-right:1px solid #ffffff29}.service-grid article:not(:first-child){padding-left:30px}.service-grid article:last-child{border:0}.service-grid svg{color:var(--champagne);width:26px;height:26px}.service-grid article>span{position:absolute;right:24px;top:44px;color:#78808c;font-size:.75rem}.service-grid h3{margin:70px 0 18px;font:600 1.7rem var(--font-display),serif}.service-grid p{color:#aeb4bc;line-height:1.7;font-size:.92rem}
.video-section{display:grid;grid-template-columns:.5fr 1fr 1.9fr;gap:clamp(30px,5vw,80px);align-items:center;background:var(--cream)}.video-copy p{color:var(--muted);line-height:1.75;max-width:420px;margin-top:28px}.video-frame{aspect-ratio:16/9;box-shadow:0 30px 80px #0d14202e;background:#060b13}.video-frame iframe{width:100%;height:100%;border:0}
.packages-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:28px 0 58px}.packages-head p{max-width:500px;color:var(--muted);line-height:1.7}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.package-card{position:relative;border:1px solid var(--line);padding:30px 24px 26px;min-height:470px;display:flex;flex-direction:column;background:#fff}.package-card.featured{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-12px);box-shadow:0 25px 55px #0e18282e}.popular{position:absolute;top:0;right:0;background:var(--champagne);color:var(--ink);padding:7px 12px;font-size:.63rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.package-top{padding-bottom:25px;border-bottom:1px solid var(--line)}.featured .package-top{border-color:#ffffff2e}.package-top h3{font:600 2rem var(--font-display),serif;margin:0 0 10px}.package-top p{font-size:1.35rem;font-weight:700;margin:0}.package-card ul{padding:20px 0;margin:0;list-style:none;display:grid;gap:13px;font-size:.85rem;color:var(--muted)}.featured ul{color:#c5c9cf}.package-card li{display:flex;gap:9px;align-items:flex-start}.package-card li svg{color:#aa8238;flex:0 0 auto;margin-top:2px}.package-card>a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);font-size:.85rem;font-weight:700}.featured>a{border-color:#ffffff2e;color:var(--champagne)}.fine-print{font-size:.75rem;color:#8b8f8a;margin:25px 0 0}
.cta-section{text-align:center;background:#09111e;color:#fff;padding:clamp(90px,11vw,160px) 24px;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;width:650px;height:650px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#e9c98921,transparent 65%)}.cta-section>*{position:relative;z-index:1}.cta-spark{color:var(--champagne);margin-bottom:25px}.cta-section .eyebrow{justify-content:center}.cta-section h2{font-size:clamp(4rem,8vw,8.4rem);margin:32px 0}.cta-section>p:not(.eyebrow){max-width:620px;margin:0 auto 35px;color:#adb3bc;line-height:1.75}
footer{min-height:120px;padding:30px clamp(24px,5vw,82px);background:#070d17;color:#fff;border-top:1px solid #ffffff1f;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>a:last-child{color:#8f97a2;font-size:.78rem}
@media(max-width:1050px){nav{display:none}.intro{grid-template-columns:.4fr 1.6fr}.portrait-wrap{grid-column:2;min-height:580px;margin-top:0;max-width:430px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(2){border-right:0}.service-grid article:nth-child(-n+2){border-bottom:1px solid #ffffff29}.video-section{grid-template-columns:.35fr 1.3fr}.video-frame{grid-column:2}.package-grid{grid-template-columns:1fr 1fr}.featured{transform:none}.packages-head{align-items:start;flex-direction:column}}
@media(max-width:680px){.topbar{height:74px}.brand{font-size:.9rem}.nav-cta{padding:9px 12px}.hero{min-height:720px}.hero-content{padding-top:20px}.hero-note{display:none}.hero-copy{font-size:1rem}.section{padding:82px 24px}.intro{grid-template-columns:1fr}.section-kicker{margin-bottom:28px}.portrait-wrap{grid-column:1;min-height:520px}.body-columns{grid-template-columns:1fr}.services-head{grid-template-columns:1fr;margin-bottom:45px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:not(:first-child){padding:32px 0}.service-grid article{border-right:0!important;border-bottom:1px solid #ffffff29!important}.service-grid article:last-child{border-bottom:0!important}.service-grid h3{margin-top:35px}.video-section{grid-template-columns:1fr}.video-frame{grid-column:1}.package-grid{grid-template-columns:1fr}.package-card{min-height:auto}.packages-head{margin-bottom:38px}footer{flex-direction:column;text-align:center;padding:40px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.quote-form{max-width:760px;margin:40px auto 0;text-align:left;padding:32px;border:1px solid #ffffff30;border-radius:16px;background:#111d2e}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.quote-fields label{display:grid;gap:9px;font-size:1rem}.quote-fields input,.quote-fields textarea,.quote-fields select{background:#fcfaf5;color:#101b2d;border:1px solid #d9d5ca;border-radius:7px;width:100%;font-size:1rem;padding:12px;min-height:48px}.quote-fields textarea{height:auto}.quote-fields [data-slot=native-select-wrapper]{width:100%}.quote-fields :focus-visible{outline:3px solid #e9c989;outline-offset:3px}.quote-wide{grid-column:1/-1}.quote-note{font-size:.875rem;color:#c5c9cf;line-height:1.7;margin:0 0 24px}.quote-fields+.quote-note{margin-top:24px}.quote-error{color:#ffd1c9;margin-bottom:20px}.quote-form button:disabled{opacity:.65;cursor:wait}.quote-success{max-width:760px;margin:36px auto;padding:32px;border:1px solid #e9c989;border-radius:16px}.quote-success h3{font-size:1.5rem}.quote-success p{line-height:1.7}@media(max-width:680px){.quote-form{padding:22px 16px}.quote-fields{grid-template-columns:1fr}.quote-form button{width:100%}}

:root{--font-display:Georgia,"Times New Roman",serif;--font-sans:Arial,Helvetica,sans-serif}p{margin:0 0 1em}img{max-width:100%}.hero-image{position:absolute;inset:0;width:100%;height:100%}.portrait-wrap>img{position:absolute;inset:0;width:100%;height:100%}.brand-mark:empty:before{content:"♫"}.cta-section button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #e9c989;outline-offset:4px}h1,h2{line-height:1.04;overflow-wrap:break-word}.intro>*{min-width:0}.quote-fields input,.quote-fields textarea,.quote-fields select{box-sizing:border-box}.admin-bar .topbar{top:32px}@media(max-width:782px){.admin-bar .topbar{top:46px}}