/*
Theme Name: Elazığ Trend Coming Soon
Theme URI: https://example.com/
Author: OpenAI
Description: Elazığ Trend Oto Kiralama için premium tek sayfalık yakında yayındayız teması.
Version: 3.1.0
Text Domain: elazig-trend-comingsoon
*/
:root{--gold:#e7b84c;--gold2:#fff0a4;--bg:#050505;--text:#f7f3e9;--muted:#d5d2ca}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505}body{font-family:Arial,Helvetica,sans-serif;color:var(--text)}
a{text-decoration:none;color:inherit}.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3.2vh,40px) clamp(12px,2.2vw,20px);background:
radial-gradient(circle at 50% 0%,rgba(216,156,40,.14),transparent 27%),
radial-gradient(circle at 50% 88%,rgba(216,156,40,.12),transparent 35%),
linear-gradient(180deg,#111 0%,#050505 55%,#080603 100%)}
.hero:before{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(180deg,transparent,rgba(196,132,22,.06));pointer-events:none}
.edge{position:absolute;top:-8%;width:250px;height:118%;opacity:.72;border:1px solid rgba(231,184,76,.32);filter:drop-shadow(0 0 10px rgba(231,184,76,.12));transform:skewX(-22deg)}
.edge:after{content:"";position:absolute;inset:80px 54px;border-right:2px solid rgba(231,184,76,.55);box-shadow:0 0 20px rgba(231,184,76,.3)}
.edge-left{left:-170px}.edge-right{right:-170px;transform:skewX(22deg) scaleX(-1)}
.content{position:relative;z-index:2;width:min(1120px,100%);text-align:center;padding:clamp(4px,1vh,10px) clamp(8px,2vw,20px) clamp(14px,2.5vh,24px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.brand-block{margin:0 auto clamp(10px,2vh,20px)}.city{font-family:Georgia,serif;font-weight:800;letter-spacing:.16em;font-size:clamp(11px,1.45vh,16px);color:var(--gold2);margin-bottom:-8px;text-shadow:0 0 12px rgba(231,184,76,.3)}
.logo{display:block;margin:0 auto;width:clamp(150px,22vw,250px);max-height:26vh;object-fit:contain;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}.brand-name{margin-top:-8px;font-weight:800;font-size:clamp(10px,1.35vh,14px);letter-spacing:.16em;color:#f8dc87}
h1{margin:clamp(8px,1.5vh,14px) 0 clamp(7px,1.2vh,12px);font-size:clamp(38px,min(7.1vw,9.2vh),98px);line-height:.95;letter-spacing:.02em;font-weight:900;background:linear-gradient(180deg,#fff5b8 0%,#f5ca62 44%,#b9770f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 32px rgba(0,0,0,.45)}
.gold-line{width:min(720px,72%);height:2px;margin:clamp(10px,1.8vh,18px) auto clamp(12px,2.2vh,22px);background:linear-gradient(90deg,transparent,var(--gold),#fff1a8,var(--gold),transparent);box-shadow:0 0 16px rgba(231,184,76,.6)}
.subtitle{margin:0 auto clamp(14px,2.2vh,22px);color:#eee;line-height:1.55;font-size:clamp(10px,1.3vw,17px);letter-spacing:clamp(.16em,.38vw,.38em);font-weight:500}
.phone{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:min(440px,92vw);padding:clamp(10px,1.5vh,13px) clamp(18px,2.6vw,26px);border:2px solid #e9bd59;border-radius:999px;background:linear-gradient(180deg,rgba(26,24,19,.92),rgba(8,8,8,.96));box-shadow:0 0 0 1px rgba(255,231,162,.08) inset,0 8px 25px rgba(0,0,0,.45),0 0 22px rgba(231,184,76,.08);font-size:clamp(22px,min(3vw,4.2vh),38px);font-weight:800;letter-spacing:.06em;transition:.2s ease}.phone:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 28px rgba(231,184,76,.2)}.phone svg{width:clamp(24px,3vh,32px);height:clamp(24px,3vh,32px);fill:#f6c75f}.contact-note{margin:clamp(8px,1.3vh,12px) 0 clamp(20px,3.6vh,34px);font-size:clamp(9px,1.1vh,11px);letter-spacing:.3em;color:#efe8d6}
.features{display:flex;justify-content:center;align-items:center;gap:0;margin:0 auto clamp(28px,5vh,54px);max-width:760px}.feature{display:flex;align-items:center;gap:14px;justify-content:center;min-width:220px;padding:0 30px;border-right:1px solid rgba(231,184,76,.55);text-align:left;font-size:clamp(10px,1.2vh,12px);letter-spacing:.14em;line-height:1.55}.feature:last-child{border-right:0}.feature svg{width:clamp(34px,4.4vh,44px);height:clamp(34px,4.4vh,44px);fill:#eac05d;flex:0 0 auto}
.tagline{display:flex;align-items:center;justify-content:center;gap:18px;color:#c7c2b6;font-size:clamp(8px,1vh,10px);letter-spacing:.48em;font-style:italic;white-space:nowrap}.tagline span{display:block;width:140px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.tagline span:last-child{transform:scaleX(-1)}

/* Hareketli WhatsApp butonu */
.whatsapp-float{position:fixed;right:clamp(16px,2.2vw,28px);bottom:clamp(16px,2.2vw,28px);z-index:50;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .2s ease,box-shadow .2s ease;animation:wa-bob 2.1s ease-in-out infinite}
.whatsapp-float:before,.whatsapp-float:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(37,211,102,.55);animation:wa-pulse 2s ease-out infinite}.whatsapp-float:after{animation-delay:1s}.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 12px 34px rgba(0,0,0,.55),0 0 24px rgba(37,211,102,.4)}.whatsapp-float svg{width:34px;height:34px;fill:currentColor;position:relative;z-index:2}
@keyframes wa-pulse{0%{transform:scale(.78);opacity:.9}100%{transform:scale(1.55);opacity:0}}
@keyframes wa-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media(max-width:760px){.hero{padding:20px 10px}.edge{opacity:.35}.content{padding:0 6px 18px}.logo{width:clamp(145px,45vw,200px);max-height:23vh}.brand-name{font-size:10px}.city{font-size:12px}.subtitle{letter-spacing:.14em;line-height:1.45}.phone{min-width:0;width:92%;font-size:22px;padding:11px 16px}.features{gap:10px;flex-direction:column;margin-bottom:26px}.feature{border-right:0;border-bottom:1px solid rgba(231,184,76,.3);padding:8px 18px 14px;min-width:220px}.feature:last-child{border-bottom:0}.tagline{font-size:7.5px;letter-spacing:.2em;white-space:normal}.tagline span{width:30px}h1{font-size:clamp(38px,12vw,66px)}.whatsapp-float{width:58px;height:58px}.whatsapp-float svg{width:31px;height:31px}}

/* Kısa ekranlarda içeriğin taşmasını önlemek için yükseklik bazlı ölçekleme */
@media(max-height:760px) and (min-width:761px){.hero{padding-top:12px;padding-bottom:12px}.content{transform:scale(.88);transform-origin:center center;width:min(1220px,113%)}.logo{max-height:22vh}.features{margin-bottom:28px}}
@media(max-height:640px) and (min-width:761px){.content{transform:scale(.76);width:min(1360px,126%)}}

@media(prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-float:before,.whatsapp-float:after{animation:none!important}}