/*
Theme Name: Organizasyon Multi Domain
Theme URI: https://example.com/ys-event
Author: Organizasyon
Description: 7 domain için otomatik ilçe/firma adı değiştiren, gerçek sahne görselleriyle gelen organizasyon teması.
Version: 2.4.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ys-event
Tags: event, organization, engagement, henna-night, responsive
*/

:root{
  --dark:#120d0b;
  --dark2:#1d1511;
  --card:#261b15;
  --cream:#fff8ef;
  --muted:#d8caba;
  --gold:#d8aa58;
  --gold2:#f1cf8a;
  --line:rgba(255,248,239,.15);
  --line-gold:rgba(216,170,88,.34);
  --shadow:0 28px 90px rgba(0,0,0,.42);
  --radius:30px;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif;
  background:
    radial-gradient(circle at 12% 10%, rgba(216,170,88,.14), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(217,166,161,.12), transparent 29%),
    linear-gradient(180deg,#120d0b 0%,#1b130f 46%,#120d0b 100%);
  color:var(--cream);
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 38px));margin-inline:auto}
.section{padding:96px 0}
.section-soft{background:rgba(255,248,239,.035);border-block:1px solid var(--line)}
.section-tight{padding:48px 0}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',serif;letter-spacing:-.025em}
p{line-height:1.75}
.muted{color:var(--muted)}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border-radius:999px;
  border:1px solid var(--line-gold);background:rgba(216,170,88,.09);color:var(--gold2);
  font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 22px rgba(241,207,138,.9)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:38px}
.section-head h2{margin-top:16px;max-width:790px;font-size:clamp(38px,5vw,70px);line-height:.98}
.section-head p{max-width:470px;color:var(--muted);font-size:16px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;
  border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:850;transition:.25s ease;white-space:nowrap;
}
.btn-primary{color:#1a1009;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 18px 48px rgba(216,170,88,.25)}
.btn-primary:hover{transform:translateY(-4px);box-shadow:0 24px 64px rgba(216,170,88,.36)}
.btn-ghost{color:var(--cream);border-color:rgba(255,248,239,.20);background:rgba(255,248,239,.06)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold2);transform:translateY(-4px)}
.btn-instagram{color:#fff;border-color:rgba(255,255,255,.18);background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);box-shadow:0 18px 48px rgba(253,29,29,.16)}
.btn-instagram:hover{transform:translateY(-4px);box-shadow:0 24px 64px rgba(253,29,29,.26)}

.topbar{position:fixed;inset:0 0 auto;z-index:100;padding:18px 0;transition:.25s ease}
.topbar.scrolled{padding:10px 0;background:rgba(18,13,11,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}
.logo-mark{
  width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:#1b1108;
  background:radial-gradient(circle at 32% 20%,#fff8,transparent 28%),linear-gradient(135deg,var(--gold2),var(--gold));
  font-family:'Cormorant Garamond',serif;font-weight:700;font-size:25px;box-shadow:0 16px 42px rgba(216,170,88,.25);
}
.logo small{display:block;color:var(--muted);font-size:10px;letter-spacing:.20em;margin-top:2px;font-weight:800}
.menu{display:flex;align-items:center;gap:4px;padding:8px;border:1px solid rgba(255,248,239,.13);border-radius:999px;background:rgba(255,248,239,.055)}
.menu a{padding:10px 13px;border-radius:999px;color:rgba(255,248,239,.82);font-size:13px;font-weight:800;transition:.2s ease}
.menu a:hover,.menu a.active{background:var(--gold2);color:#1b1108}
.nav-actions{display:flex;align-items:center;gap:10px}
.instagram-mini{
  width:50px;height:50px;border-radius:17px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border:1px solid rgba(255,255,255,.18);font-weight:950;
  box-shadow:0 14px 42px rgba(253,29,29,.18);
}
.hamburger{display:none;width:50px;height:50px;border-radius:16px;border:1px solid var(--line);background:rgba(255,248,239,.06);color:var(--cream);font-size:23px;cursor:pointer}

.hero{min-height:100vh;position:relative;display:grid;align-items:center;padding:132px 0 62px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center;background-color:#1b130f;transform:scale(1.03)}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,13,11,.95) 0%,rgba(18,13,11,.76) 46%,rgba(18,13,11,.50) 100%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:230px;z-index:-2;background:linear-gradient(180deg,transparent,var(--dark))}
.hero-glow{position:absolute;right:8%;top:18%;width:380px;height:380px;border-radius:50%;background:rgba(216,170,88,.14);filter:blur(58px);z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.05fr .75fr;align-items:end;gap:42px}
.hero h1{max-width:860px;margin:22px 0 20px;font-size:clamp(54px,7.4vw,104px);line-height:.88}
.hero h1 span{color:var(--gold2)}
.hero-text{max-width:720px;color:#f0e4d6;font-size:18px;line-height:1.86}
.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.hero-tags span{padding:10px 13px;border-radius:999px;border:1px solid rgba(255,248,239,.16);background:rgba(255,248,239,.06);color:var(--muted);font-size:13px;font-weight:800}
.hero-card{border:1px solid rgba(255,248,239,.15);border-radius:var(--radius);background:rgba(29,21,17,.62);backdrop-filter:blur(16px);box-shadow:var(--shadow);overflow:hidden}
.hero-card-img{min-height:310px;background-size:cover;background-position:center;background-color:#201712;position:relative}
.hero-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.64))}
.stage-badge{position:absolute;left:22px;bottom:22px;z-index:2;padding:11px 15px;border-radius:999px;background:rgba(255,248,239,.92);color:#1b1108;font-size:13px;font-weight:900}
.hero-card-body{padding:25px}
.hero-card-body h3{font-size:34px;margin-bottom:10px}
.hero-card-body p{color:var(--muted)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.hero-stat{border:1px solid var(--line);border-radius:20px;background:rgba(255,248,239,.045);padding:15px 13px}
.hero-stat strong{display:block;color:var(--gold2);font-size:24px;font-weight:900}
.hero-stat span{color:var(--muted);font-size:12px;font-weight:800}

.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,248,239,.045);white-space:nowrap;margin-top:0;position:relative;z-index:2}
.marquee-track{display:inline-flex;gap:30px;padding:18px 0;animation:marquee 25s linear infinite;color:rgba(255,248,239,.74);font-weight:900;letter-spacing:.10em;text-transform:uppercase;font-size:13px}
.marquee-track span:before{content:"✦";color:var(--gold2);margin-right:30px}
@keyframes marquee{to{transform:translateX(-50%)}}

.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:0}
.quick-card{min-height:132px;border:1px solid var(--line);border-radius:24px;padding:22px;background:rgba(38,27,21,.82);backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(0,0,0,.24)}
.quick-card strong{display:block;color:var(--gold2);font-size:28px;margin-bottom:8px;font-family:'Cormorant Garamond',serif}
.quick-card span{color:var(--muted);font-size:14px;line-height:1.55;font-weight:700}

.services-grid,.scene-grid,.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card,.package-card{
  border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:linear-gradient(180deg,rgba(255,248,239,.075),rgba(255,248,239,.025));
  position:relative;overflow:hidden;transition:.25s ease;min-height:310px;
}
.service-card:hover,.package-card:hover{transform:translateY(-8px);border-color:rgba(241,207,138,.52)}
.service-icon{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:rgba(216,170,88,.12);border:1px solid rgba(216,170,88,.26);font-size:30px;margin-bottom:26px}
.service-card h3,.package-card h3{font-size:34px;line-height:1.02;margin-bottom:12px}
.service-card p,.package-note{color:var(--muted);font-size:15px;line-height:1.72}
.service-card ul,.package-card ul{list-style:none;display:grid;gap:10px;margin-top:18px;color:var(--muted);font-size:14px}
.service-card li:before,.package-card li:before{content:"✓";color:var(--gold2);margin-right:8px;font-weight:900}
.package-card.featured{border-color:rgba(241,207,138,.55);background:linear-gradient(180deg,rgba(216,170,88,.16),rgba(38,27,21,.74))}
.package-label{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(216,170,88,.13);color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;margin-bottom:22px}

.scene-card{
  min-height:450px;border-radius:30px;border:1px solid var(--line);overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:24px;isolation:isolate;box-shadow:0 22px 70px rgba(0,0,0,.22);
}
.scene-card:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) center/cover;background-color:#201712;transition:.55s ease}
.scene-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.80))}
.scene-card:hover:before{transform:scale(1.08)}
.scene-card h3{font-size:38px;margin-bottom:8px}
.scene-card p{color:#eadccd;font-size:15px;line-height:1.65}

.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:230px;gap:16px}
.gallery-item{border-radius:28px;overflow:hidden;border:1px solid var(--line);position:relative;background:var(--card)}
.gallery-item:nth-child(1){grid-row:span 2}
.gallery-item:nth-child(5){grid-column:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.05);transition:.55s ease}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-caption{position:absolute;inset:auto 16px 16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,248,239,.16);background:rgba(18,13,11,.74);backdrop-filter:blur(10px);font-weight:850}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}
.process-card{counter-increment:step;border:1px solid var(--line);border-radius:26px;background:rgba(255,248,239,.045);padding:24px;min-height:220px}
.process-card:before{content:"0" counter(step);width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:rgba(216,170,88,.13);color:var(--gold2);font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:700;margin-bottom:24px}
.process-card h3{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:0;font-size:20px;margin-bottom:10px}
.process-card p{color:var(--muted);font-size:14px;line-height:1.64}

.contact-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}
.info-card,.contact-card{border:1px solid var(--line);border-radius:32px;background:rgba(38,27,21,.70);padding:30px}
.info-card h2,.contact-card h2{margin:16px 0 12px;font-size:clamp(34px,4vw,54px);line-height:1}
.info-list{display:grid;gap:12px;margin-top:24px}
.info-item{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(255,248,239,.04)}
.info-item h3{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:0;font-size:16px;margin-bottom:7px}
.info-item p{color:var(--muted);font-size:14px;line-height:1.62}
.contact-form{display:grid;gap:14px;margin-top:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.input{width:100%;min-height:56px;border:1px solid rgba(255,248,239,.14);border-radius:18px;background:rgba(18,13,11,.64);color:var(--cream);padding:0 16px;outline:none;transition:.2s ease}
textarea.input{min-height:135px;resize:vertical;padding-top:16px}
.input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(216,170,88,.12)}
.contact-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.mini-card{border:1px solid var(--line);border-radius:18px;background:rgba(18,13,11,.45);padding:16px;color:var(--muted);font-size:13px;line-height:1.5}
.mini-card strong{display:block;color:var(--cream);margin-bottom:4px}

.footer{border-top:1px solid var(--line);background:#0c0807;padding:44px 0}
.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:22px;color:var(--muted);font-size:14px}
.footer-links{display:flex;flex-wrap:wrap;gap:16px}
.footer-links a:hover{color:var(--gold2)}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:90;width:64px;height:64px;border-radius:23px;display:grid;place-items:center;background:#25D366;color:white;font-size:30px;border:3px solid rgba(255,255,255,.16);box-shadow:0 18px 55px rgba(37,211,102,.35);transition:.24s ease}
.whatsapp-float:hover{transform:translateY(-6px) scale(1.04)}

@media (max-width:1080px){
  .menu{position:fixed;inset:78px 18px auto;display:none;flex-direction:column;align-items:stretch;padding:14px;border-radius:24px;background:rgba(18,13,11,.96);backdrop-filter:blur(18px)}
  body.menu-open .menu{display:flex}.menu a{padding:15px 16px}.hamburger{display:grid;place-items:center}.nav-actions .btn{display:none}
  .hero-grid,.contact-split{grid-template-columns:1fr}.hero-card{max-width:620px}
  .quick-grid,.services-grid,.scene-grid,.package-grid,.process-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr 1fr}.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-row:auto;grid-column:auto}
  .section-head{display:block}.section-head p{margin-top:16px}
}
@media (max-width:680px){
  .container{width:min(100% - 26px,var(--max))}.section{padding:72px 0}.section-tight{padding:28px 0}.hero{padding-top:116px}.hero h1{font-size:49px}.hero-text{font-size:16px}
  .hero-buttons{display:grid}.hero-buttons .btn{width:100%}
  .hero-stats,.gallery-grid,.form-row,.contact-mini{grid-template-columns:1fr}
  .hero-card-img{min-height:235px}.footer-grid{display:grid;text-align:center;justify-content:center}.footer .logo{justify-content:center}.whatsapp-float{right:16px;bottom:16px;width:58px;height:58px}
}

/* YS PANEL admin */
.ys-panel-wrap{max-width:1220px}
.ys-panel-hero{background:#120d0b;color:#fff;padding:26px 30px;border-radius:18px;margin:18px 0 22px;border:1px solid #d8aa58}
.ys-panel-hero h1{color:#fff;margin:0;font-size:30px}
.ys-panel-hero p{color:#d8caba;margin:8px 0 0}
.ys-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ys-panel-box{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:20px}
.ys-panel-box.full{grid-column:1/-1}
.ys-panel-box h2{margin:0 0 16px;font-size:20px}
.ys-field{margin-bottom:14px}
.ys-field label{display:block;font-weight:700;margin-bottom:6px}
.ys-field input[type=text],.ys-field input[type=url],.ys-field input[type=email],.ys-field textarea,.ys-field select{
  width:100%;max-width:100%;border-radius:8px;border:1px solid #c3c4c7;padding:8px 10px;
}
.ys-field textarea{min-height:90px}
.ys-image-row{display:flex;gap:8px;align-items:center}
.ys-image-row input{flex:1}
.ys-help{color:#646970;font-size:12px;margin-top:5px}
.ys-preview-image{max-width:100%;height:90px;object-fit:cover;border-radius:8px;margin-top:8px;border:1px solid #ddd}
@media(max-width:900px){.ys-panel-grid{grid-template-columns:1fr}}

/* Multi-domain logo support */
.site-logo-img{max-height:54px;max-width:220px;width:auto;height:auto;display:block;object-fit:contain}
.logo:has(.site-logo-img){gap:12px}