/* =========================================================
   KINA GECESI THEME
   Kırmızı, bordo, altın, geleneksel kına gecesi konsepti.
   İçerik aynı kalır; görünüm tamamen kına gecesi davetiyesi olur.
   ========================================================= */

body.theme-kina{
  --cream:#210006;
  --ivory:#fff5e7;
  --gold:#d6a84d;
  --gold-dark:#8c0618;
  --text:#2b050a;
  --muted:#7a4b3c;
  --line:rgba(214,168,77,.36);
  --shadow:0 30px 90px rgba(70,0,16,.26);
  background:
    radial-gradient(circle at 12% 8%,rgba(214,168,77,.22),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(176,14,35,.22),transparent 26%),
    linear-gradient(180deg,#fff4e2 0%,#fff9f0 44%,#f9e5d4 100%);
  color:var(--text);
}

body.theme-kina:before,
body.theme-kina:after{
  content:"";
  position:fixed;
  z-index:-1;
  pointer-events:none;
  opacity:.28;
}
body.theme-kina:before{
  inset:0;
  background-image:
    radial-gradient(circle at 8px 8px,rgba(143,6,24,.08) 1.4px,transparent 1.6px),
    radial-gradient(circle at 24px 24px,rgba(214,168,77,.16) 1px,transparent 1.3px);
  background-size:34px 34px;
}
body.theme-kina:after{
  width:430px;height:430px;right:-190px;top:45%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(143,6,24,.18),transparent 64%);
}

/* Açılış ekranı */
body.theme-kina #intro-screen{
  background:
    radial-gradient(circle at 50% 20%,rgba(255,210,122,.22),transparent 28%),
    linear-gradient(135deg,rgba(28,0,5,.86),rgba(108,3,18,.82)),
    var(--intro-bg) !important;
  color:#fff4df;
}
body.theme-kina #intro-screen:after{
  background:
    radial-gradient(circle at 50% 50%,transparent 0 28%,rgba(255,213,128,.14) 29% 30%,transparent 31% 100%),
    repeating-conic-gradient(from 0deg,rgba(214,168,77,.12) 0 6deg,transparent 6deg 12deg);
  opacity:.52;
}
body.theme-kina .intro-card{
  width:min(560px,calc(100% - 28px));
  padding:48px 34px 42px;
  border-radius:34px 34px 120px 120px;
  border:1px solid rgba(255,213,128,.48);
  background:
    linear-gradient(180deg,rgba(92,2,17,.76),rgba(35,0,7,.88));
  box-shadow:0 34px 100px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.08);
}
body.theme-kina .intro-card:before{
  content:"KINA GECESİ";
  display:inline-flex;
  padding:9px 18px;
  margin-bottom:22px;
  border:1px solid rgba(214,168,77,.48);
  border-radius:999px;
  color:#ffd98e;
  letter-spacing:5px;
  font-size:11px;
  font-weight:700;
}
body.theme-kina .intro-monogram{
  width:102px;height:102px;
  border-radius:26px 26px 70px 70px;
  background:rgba(143,6,24,.42);
  border-color:rgba(255,213,128,.72);
  color:#ffd98e;
  font-family:'Cormorant Garamond',serif;
}
body.theme-kina .intro-card h2{
  font-family:'Great Vibes',cursive;
  font-size:clamp(62px,9vw,98px);
  color:#fff7e9;
  text-shadow:0 12px 34px rgba(0,0,0,.38);
}
body.theme-kina .intro-card p{color:#ffefd1;font-size:24px}
body.theme-kina .intro-card button{
  background:linear-gradient(135deg,#ffd37c,#b8862b 48%,#f5c66b);
  color:#3b020b;
  box-shadow:0 20px 42px rgba(214,168,77,.22);
}

/* Hero: geleneksel kına sahnesi hissi */
body.theme-kina .hero{
  min-height:100svh;
  align-items:center;
  justify-content:flex-end;
  text-align:left;
  padding:54px clamp(20px,7vw,98px);
  background-blend-mode:multiply,normal;
  background-color:#6c0515!important;
  overflow:hidden;
}
body.theme-kina .hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(25,0,4,.35) 0%,rgba(70,0,10,.20) 36%,rgba(25,0,4,.72) 100%),
    radial-gradient(circle at 78% 28%,rgba(255,210,122,.23),transparent 20%);
  z-index:1;
  pointer-events:none;
}
body.theme-kina .hero:after{
  content:"";
  position:absolute;
  inset:auto -8% -2px -8%;
  height:118px;
  background:#fff5e7;
  border-radius:55% 55% 0 0/100% 100% 0 0;
  z-index:1;
  pointer-events:none;
}
body.theme-kina .monogram{
  z-index:3;
  top:32px;left:38px;
  width:82px;height:82px;
  display:grid;place-items:center;
  font-size:30px;letter-spacing:8px;
  color:#ffd98e;
  border:1px solid rgba(255,217,142,.54);
  border-radius:26px 26px 58px 58px;
  background:rgba(72,0,10,.38);
  backdrop-filter:blur(8px);
}
body.theme-kina .music-btn{
  z-index:3;
  background:rgba(90,2,16,.56);
  border-color:rgba(255,217,142,.55);
  color:#ffd98e;
}
body.theme-kina .music-btn.playing{background:#d6a84d;color:#3b020b}
body.theme-kina .music-label{z-index:3;color:#ffecd0}
body.theme-kina .hero-content{
  z-index:2;
  width:min(620px,100%);
  max-width:none;
  margin:42px 0 80px auto;
  padding:54px 48px 48px;
  border:1px solid rgba(255,217,142,.42);
  border-radius:44px 44px 150px 44px;
  background:linear-gradient(180deg,rgba(66,0,11,.72),rgba(118,4,24,.70));
  box-shadow:0 36px 110px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(7px);
}
body.theme-kina .hero-content:before{
  content:"KINA GECESİ";
  display:inline-block;
  padding:8px 16px;
  margin-bottom:20px;
  border-radius:999px;
  border:1px solid rgba(255,217,142,.42);
  color:#ffd98e;
  font-size:11px;
  font-weight:700;
  letter-spacing:5px;
}
body.theme-kina .hero h1{
  font-family:'Great Vibes',cursive;
  font-size:clamp(70px,8vw,126px);
  line-height:.86;
  color:#fff8ed;
  margin-bottom:20px;
}
body.theme-kina .divider{justify-content:flex-start;color:#ffd98e;margin-left:0}
body.theme-kina .divider b{font-size:0}
body.theme-kina .divider b:before{content:"✦";font-size:18px;color:#ffd98e}
body.theme-kina .divider span{width:92px;background:rgba(255,217,142,.58)}
body.theme-kina .hero p{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(24px,3vw,35px);
  color:#fff1d6;
  margin-left:0;
  max-width:520px;
}
body.theme-kina .date{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  padding:0 26px;
  margin-top:4px;
  border:1px solid rgba(255,217,142,.38);
  border-radius:999px;
  color:#ffd98e;
  background:rgba(26,0,5,.24);
  font-weight:600;
}
body.theme-kina .discover{
  margin-top:12px;
  color:#fff4df;
}

/* Bölümler */
body.theme-kina section{
  background:#fff5e7;
}
body.theme-kina .soft{
  background:
    radial-gradient(circle at 88% 8%,rgba(214,168,77,.15),transparent 18%),
    linear-gradient(180deg,#fff5e7,#fff0df);
}
body.theme-kina .title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(30px,4vw,48px);
  letter-spacing:5px;
  color:#650615;
}
body.theme-kina .mini-divider{color:#b10822}
body.theme-kina .mini-divider:before,
body.theme-kina .mini-divider:after{background:rgba(177,8,34,.26)}

body.theme-kina .countdown{
  background:
    radial-gradient(circle at 12% 14%,rgba(177,8,34,.12),transparent 22%),
    radial-gradient(circle at 88% 70%,rgba(214,168,77,.18),transparent 20%),
    linear-gradient(180deg,#fff5e7 0%,#fff0dd 100%);
  padding-top:88px;
}
body.theme-kina .count-grid{
  max-width:920px;
  gap:18px;
}
body.theme-kina .count-grid>div{
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#7d0618,#3b020b);
  border:1px solid rgba(214,168,77,.42);
  border-radius:34px 34px 76px 76px;
  box-shadow:0 24px 55px rgba(86,3,17,.18);
}
body.theme-kina .num{
  color:#ffd98e;
  font-family:'Cormorant Garamond',serif;
  font-size:64px;
}
body.theme-kina .label{color:#fff4df;letter-spacing:3px}

/* Albüm */
body.theme-kina .album-card,
body.theme-kina .album-card-clean{
  background:
    linear-gradient(180deg,rgba(255,247,232,.94),rgba(255,239,219,.92));
  border:1px solid rgba(177,8,34,.16);
  border-radius:44px 44px 120px 44px;
  box-shadow:0 34px 80px rgba(90,2,16,.14);
  position:relative;
  overflow:hidden;
}
body.theme-kina .album-card:before,
body.theme-kina .album-card-clean:before{
  content:"✦ KINA HATIRASI ✦";
  display:block;
  color:#9b061b;
  letter-spacing:4px;
  font-size:11px;
  font-weight:800;
  margin-bottom:18px;
}
body.theme-kina .album-kicker{color:#9b061b}
body.theme-kina .album-copy h3{
  color:#650615;
  font-family:'Great Vibes',cursive;
  font-size:54px;
}
body.theme-kina .premium-drop-zone,
body.theme-kina .drop-zone{
  border-color:rgba(177,8,34,.32)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(214,168,77,.18),transparent 34%),
    linear-gradient(180deg,#fff8ed,#fff0df)!important;
  border-radius:36px 36px 80px 36px!important;
}
body.theme-kina .drop-icon{
  background:linear-gradient(135deg,#9b061b,#d6a84d)!important;
}
body.theme-kina .drop-zone strong{color:#650615!important}
body.theme-kina .drop-zone em{color:#9b061b!important}
body.theme-kina .album-name,
body.theme-kina .field{
  border-color:rgba(177,8,34,.20);
  background:#fffaf1;
  border-radius:18px;
}
body.theme-kina .submit,
body.theme-kina .btn,
body.theme-kina .album-submit{
  background:linear-gradient(135deg,#7d0618 0%,#b10822 48%,#d6a84d 100%)!important;
  color:#fff5e7;
  border:0;
  border-radius:999px;
}

/* Mesaj ve düğün kartı */
body.theme-kina .message-section{
  background:linear-gradient(180deg,#fff0df,#fff7ec);
}
body.theme-kina .message-form{
  max-width:720px;
  background:#fffaf1;
  border:1px solid rgba(177,8,34,.14);
  border-radius:36px;
  padding:30px;
  box-shadow:0 24px 70px rgba(90,2,16,.10);
}
body.theme-kina .message-textarea{border-radius:24px;height:170px}
body.theme-kina .note{color:#650615}
body.theme-kina .signature{
  color:#b10822;
  font-size:56px;
}

body.theme-kina .event-card-wide,
body.theme-kina .event-card{
  background:
    linear-gradient(180deg,rgba(99,3,18,.96),rgba(51,0,8,.98));
  color:#fff4df;
  border:1px solid rgba(214,168,77,.42);
  border-radius:42px;
  box-shadow:0 36px 90px rgba(60,0,10,.24);
}
body.theme-kina .event-card .ico{color:#ffd98e}
body.theme-kina .event-card h3{color:#ffd98e;font-size:32px}
body.theme-kina .event-card p{color:#fff0d2}

/* Galeri: kına tepsisi / hatıra kartı hissi */
body.theme-kina .gallery-grid{
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
body.theme-kina .gallery-grid img{
  height:180px;
  border-radius:28px 28px 56px 28px;
  border:6px solid #fff5e7;
  box-shadow:0 18px 44px rgba(86,3,17,.16);
  filter:saturate(.98) contrast(1.03);
}
body.theme-kina .gallery-grid a:nth-child(2n) img{transform:rotate(1.2deg)}
body.theme-kina .gallery-grid a:nth-child(3n) img{transform:rotate(-1deg)}
body.theme-kina .gallery-grid img:hover{transform:translateY(-6px) rotate(0deg);filter:saturate(1.08)}

body.theme-kina footer{
  background:linear-gradient(180deg,#590514,#240006);
  color:#ffefd1;
}
body.theme-kina footer:before{
  content:"Kınamız Var, Sevenler Buyursun";
  display:block;
  font-family:'Great Vibes',cursive;
  color:#ffd98e;
  font-size:38px;
  margin-bottom:10px;
}
body.theme-kina .share{color:#ffd98e}

/* Lightbox ve seçilen foto */
body.theme-kina .selected-photo-item{
  border-color:rgba(177,8,34,.16);
  background:#fff8ed;
  border-radius:20px;
}
body.theme-kina .selected-remove{background:#fae1d8;color:#8d0618}

@media(max-width:980px){
  body.theme-kina .hero{justify-content:center;text-align:center;padding:88px 20px 56px}
  body.theme-kina .hero-content{margin:74px auto 80px;padding:42px 28px 46px;border-radius:38px 38px 110px 38px;text-align:center}
  body.theme-kina .divider{justify-content:center}
  body.theme-kina .hero p{margin-left:auto;margin-right:auto}
  body.theme-kina .gallery-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  body.theme-kina .hero{min-height:94svh;background-position:center!important;padding:90px 16px 58px}
  body.theme-kina .monogram{top:18px;left:18px;width:64px;height:64px;font-size:22px;letter-spacing:5px}
  body.theme-kina .hero-content{padding:34px 20px 40px;margin-top:80px;border-radius:28px 28px 84px 28px}
  body.theme-kina .hero h1{font-size:68px!important}
  body.theme-kina .hero p{font-size:23px}
  body.theme-kina .date{font-size:18px;letter-spacing:3px}
  body.theme-kina .count-grid{grid-template-columns:repeat(2,1fr)!important}
  body.theme-kina .count-grid>div{min-height:128px;border-radius:28px 28px 56px 56px}
  body.theme-kina .num{font-size:48px}
  body.theme-kina .album-copy h3{font-size:43px}
  body.theme-kina .message-form{padding:20px;border-radius:28px}
  body.theme-kina .gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}
  body.theme-kina .gallery-grid img{height:150px;border-width:4px;border-radius:20px 20px 40px 20px}
}
@media(max-width:390px){
  body.theme-kina .hero h1{font-size:58px!important}
  body.theme-kina .intro-card h2{font-size:58px}
}

/* =========================================================
   KINA THEME FIX - intro blur + mobile hero card size
   ========================================================= */
body.theme-kina #intro-screen{
  overflow:hidden!important;
  isolation:isolate!important;
}
body.theme-kina #intro-screen::before{
  content:"";
  position:absolute;
  inset:-24px;
  background:inherit;
  background-position:center!important;
  background-size:cover!important;
  filter:blur(16px) saturate(.95) brightness(.68)!important;
  transform:scale(1.08);
  z-index:0!important;
  pointer-events:none;
}
body.theme-kina #intro-screen::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,214,130,.12),transparent 34%),
    linear-gradient(135deg,rgba(25,0,5,.72),rgba(84,0,15,.70))!important;
  opacity:1!important;
  z-index:1!important;
  pointer-events:none;
}
body.theme-kina #intro-screen .intro-card{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:700px){
  body.theme-kina .hero{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:76px 14px 78px!important;
  }
  body.theme-kina .hero-content{
    width:min(86vw,360px)!important;
    margin:0 auto 46px!important;
    padding:24px 18px 30px!important;
    border-radius:24px 24px 64px 24px!important;
    background:linear-gradient(180deg,rgba(66,0,11,.62),rgba(118,4,24,.58))!important;
    backdrop-filter:blur(5px)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.07)!important;
  }
  body.theme-kina .hero-content:before{
    padding:6px 12px!important;
    margin-bottom:12px!important;
    font-size:9px!important;
    letter-spacing:3px!important;
  }
  body.theme-kina .hero h1{
    font-size:54px!important;
    line-height:.88!important;
    margin-bottom:12px!important;
  }
  body.theme-kina .divider{
    margin-bottom:12px!important;
  }
  body.theme-kina .divider span{
    width:54px!important;
  }
  body.theme-kina .hero p{
    font-size:18px!important;
    line-height:1.22!important;
    max-width:300px!important;
    margin-bottom:14px!important;
  }
  body.theme-kina .date{
    min-height:38px!important;
    padding:0 18px!important;
    font-size:15px!important;
    letter-spacing:2px!important;
  }
  body.theme-kina .discover{
    margin-top:8px!important;
    font-size:10px!important;
    letter-spacing:2.5px!important;
  }
  body.theme-kina .discover .arrow,
  body.theme-kina .arrow{
    font-size:28px!important;
  }
}

@media(max-width:390px){
  body.theme-kina .hero-content{
    width:min(88vw,330px)!important;
    padding:22px 16px 28px!important;
    margin-bottom:38px!important;
  }
  body.theme-kina .hero h1{
    font-size:48px!important;
  }
  body.theme-kina .hero p{
    font-size:17px!important;
  }
}
