/*
Theme Name: Ömer & Derya Davetiyesi
Description: Ömer Erekli ve Derya Yılmaz için özel düğün davetiyesi.
Version: 1.5
*/
:root{--forest:#123127;--gold:#c8a76b;--paper:#f8f5ee;--paper-deep:#ede5d6;--muted:#66736a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--forest);font-family:Georgia,"Times New Roman",serif}a{color:inherit}.hero{min-height:100svh;position:relative;display:grid;place-items:center;color:#fffdf8;background:#1c342b url("assets/garden-evening.png") center/cover no-repeat;isolation:isolate}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgb(8 23 18/.48),rgb(11 30 22/.7));z-index:-1}.hero-content{width:min(92%,760px);padding:5rem 1.25rem;text-align:center;text-shadow:0 2px 20px rgb(0 0 0/.32)}.eyebrow,.section-kicker,.family-role{margin:0;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero .second{margin-top:.45rem}.hero h1{margin:1.5rem 0 .9rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35em .45em;font-size:clamp(3.4rem,11vw,7.3rem);font-weight:400;line-height:.88;letter-spacing:-.065em}.hero h1 i{color:#e8cd99;font-size:.62em;font-style:italic;font-weight:400}.hero-rule{display:flex;align-items:center;gap:.7rem;justify-content:center;color:#ead5a9;font-size:1.25rem}.hero-rule:before,.hero-rule:after{content:"";height:1px;width:clamp(2.5rem,10vw,5rem);background:currentColor}.date-line{margin:1.5rem 0 .2rem;font-size:clamp(1.35rem,3vw,1.8rem)}.time-line{margin:0;font-family:Arial,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.2em}.hero-link{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;margin-top:2.4rem;min-width:220px;padding:1rem 1.35rem;border:1px solid #f3d895;border-radius:999px;background:linear-gradient(135deg,#e8c778,#b8863e);box-shadow:0 12px 28px rgb(0 0 0/.28),0 0 0 5px rgb(244 220 160/.15);color:#183128;font-family:Arial,sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.13em;text-decoration:none;text-shadow:none;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.hero-link:after{content:"↓";font-size:1.1rem;line-height:0}.hero-link:hover,.hero-link:focus-visible{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 17px 32px rgb(0 0 0/.34),0 0 0 7px rgb(244 220 160/.2)}.section{margin:0 auto;padding:clamp(4.5rem,12vw,8rem) 1.5rem;max-width:1100px;text-align:center}.section-kicker{color:#8b7048}.intro h2,.convoy h2{margin:1rem auto 1.5rem;max-width:700px;color:var(--forest);font-size:clamp(2.2rem,5.5vw,4rem);font-weight:400;line-height:1.06;letter-spacing:-.045em}.intro-copy{margin:0 auto;max-width:540px;color:var(--muted);font-size:1.1rem;line-height:1.75}.ornament{margin-top:2.5rem;color:var(--gold);font-size:1.65rem}.details{display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem;padding-top:0}.detail-card{min-height:270px;display:flex;flex-direction:column;justify-content:center;padding:2rem;background:var(--paper-deep)}.venue-card{background:var(--forest);color:#fbf8ef}.venue-card .section-kicker{color:#d9bd88}.detail-card h3{margin:.8rem 0 .35rem;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:400;line-height:1.1}.detail-card p{margin:0;color:#667067;font-size:1rem;line-height:1.55}.venue-card p{color:#d5ddd3}.venue-card a{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;margin:1.65rem auto 0;min-width:210px;padding:.92rem 1.15rem;border:1px solid #f2d38f;border-radius:999px;background:#f4d48e;box-shadow:0 8px 18px rgb(0 0 0/.25),0 0 0 4px rgb(245 229 195/.12);color:#173127;font-family:Arial,sans-serif;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.venue-card a:after{content:"↗";font-size:1.05rem;line-height:0}.venue-card a:hover,.venue-card a:focus-visible{transform:translateY(-3px);background:#ffe1a2;box-shadow:0 13px 22px rgb(0 0 0/.32),0 0 0 6px rgb(245 229 195/.16)}.convoy{max-width:720px}.convoy h2{color:var(--gold);font-size:clamp(3.4rem,8vw,5.8rem)}.convoy>p:last-child{margin:0 auto;max-width:600px;color:var(--muted);font-size:1.05rem;line-height:1.75}.contact-section{padding:0 1.5rem 5rem;text-align:center}.contact-card{margin:0 auto;max-width:580px;padding:3rem 1.5rem;border:1px solid #ddc18a;background:linear-gradient(145deg,#fffaf0,#efe0be);box-shadow:0 20px 45px rgb(18 49 39/.13)}.contact-card h2{margin:.75rem 0 1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:400}.call-button{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55rem 1rem;min-width:min(100%,330px);padding:1rem 1.35rem;border-radius:999px;background:linear-gradient(135deg,#1e5341,#123127);box-shadow:0 12px 25px rgb(18 49 39/.28),0 0 0 5px rgb(200 167 107/.27);color:#fffaf0;font-family:Arial,sans-serif;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.call-button:before{content:"☎";font-size:1.2rem}.call-button span{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.call-button strong{font-size:1.08rem;letter-spacing:.05em}.call-button:hover,.call-button:focus-visible{transform:translateY(-3px);box-shadow:0 17px 30px rgb(18 49 39/.35),0 0 0 7px rgb(200 167 107/.34)}.families{border-top:1px solid #ddd1bd}.family-grid{margin:2rem auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1.2rem,5vw,4rem);max-width:760px}.family-grid article h3{margin:.45rem 0 .55rem;font-size:1.45rem;font-weight:400}.family-grid article>p:last-child{margin:0;color:var(--muted);line-height:1.7}.family-divider{color:var(--gold);font-size:1.35rem}footer{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:2.25rem 1.5rem;background:#10281f;color:#f7f2e8;font-family:Arial,sans-serif;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}footer p,footer span{margin:0}footer span{color:#caa66b}@media(max-width:640px){.details{grid-template-columns:1fr;padding-left:1rem;padding-right:1rem}.detail-card{min-height:220px}.family-grid{grid-template-columns:1fr;gap:1.5rem}.family-divider{transform:rotate(90deg)}.hero-link,.venue-card a{min-width:min(100%,280px)}.contact-section{padding-bottom:3rem}.contact-card{padding:2.5rem 1rem}.call-button{min-width:100%}footer{flex-wrap:wrap}}.hero-link:after,.venue-card a:after,.call-button:before{content:none}.hero-rule .lucide{width:1.15rem;height:1.15rem;stroke-width:1.5}.ornament .lucide{width:1.6rem;height:1.6rem;stroke-width:1.35}.hero-link .lucide,.venue-card a .lucide,.call-button .lucide{width:1.05rem;height:1.05rem;stroke-width:2.2}.family-divider .lucide{width:1.25rem;height:1.25rem;stroke-width:1.6}.call-button .lucide{flex:0 0 auto}
