/* =========================================================
   BOHO WEDDING THEME
   Pampas, bej, kum ve doğal tonlarla bohem düğün konsepti.
   İçerik aynı kalır; görünüm organik, sıcak ve editorial olur.
   ========================================================= */

body.theme-boho{
  --cream:#efe0cb;
  --ivory:#fff8ef;
  --gold:#b98962;
  --gold-dark:#73513b;
  --text:#3d2d24;
  --muted:#8a7464;
  --line:rgba(137,100,72,.25);
  --shadow:0 28px 80px rgba(104,72,45,.18);
  background:
    radial-gradient(circle at 12% 8%,rgba(208,171,132,.30),transparent 24%),
    radial-gradient(circle at 92% 12%,rgba(181,139,104,.18),transparent 26%),
    linear-gradient(180deg,#fff7ec 0%,#f3e4d0 50%,#efe0cb 100%);
  color:var(--text);
}

body.theme-boho:before,
body.theme-boho:after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:-1;
}
body.theme-boho:before{
  inset:0;
  opacity:.28;
  background-image:
    radial-gradient(circle at 20px 18px,rgba(115,81,59,.14) 1.2px,transparent 1.4px),
    radial-gradient(circle at 44px 42px,rgba(185,137,98,.18) 1px,transparent 1.3px);
  background-size:64px 64px;
}
body.theme-boho:after{
  width:460px;
  height:460px;
  right:-210px;
  top:26%;
  border-radius:44% 56% 52% 48%;
  background:radial-gradient(circle,rgba(185,137,98,.20),transparent 65%);
}

/* INTRO SCREEN */
body.theme-boho #intro-screen{
  color:#fff8ef;
  background:
    linear-gradient(120deg,rgba(55,36,27,.52),rgba(155,108,75,.30)),
    var(--intro-bg) !important;
}
body.theme-boho #intro-screen:before{
  content:"";
  position:absolute;
  inset:0;
  background:inherit;
  filter:blur(8px) saturate(.92);
  transform:scale(1.05);
  z-index:0;
}
body.theme-boho #intro-screen:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,246,230,.30),transparent 24%),
    linear-gradient(180deg,rgba(50,30,20,.14),rgba(55,36,27,.56));
}
body.theme-boho .intro-card{
  position:relative;
  z-index:2;
  width:min(580px,calc(100% - 28px));
  padding:48px 34px 42px;
  border:1px solid rgba(255,248,239,.40);
  border-radius:46px 46px 46px 120px;
  background:rgba(255,248,239,.16);
  backdrop-filter:blur(14px);
  box-shadow:0 34px 100px rgba(55,36,27,.28), inset 0 0 0 1px rgba(255,255,255,.12);
}
body.theme-boho .intro-card:before{
  content:"BOHO WEDDING";
  display:inline-flex;
  margin-bottom:22px;
  padding:9px 18px;
  border:1px solid rgba(255,248,239,.46);
  border-radius:999px;
  letter-spacing:5px;
  font-size:11px;
  font-weight:700;
  color:#fff2df;
}
body.theme-boho .intro-monogram{
  width:98px;
  height:98px;
  border-radius:50% 50% 50% 18px;
  border-color:rgba(255,248,239,.64);
  background:rgba(115,81,59,.20);
  color:#fff2df;
}
body.theme-boho .intro-card h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(58px,9vw,96px);
  line-height:.9;
  color:#fff8ef;
  text-shadow:0 12px 34px rgba(55,36,27,.26);
}
body.theme-boho .intro-card p{
  color:#fff1de;
  font-family:'Cormorant Garamond',serif;
  font-size:25px;
}
body.theme-boho .intro-card button{
  border:0;
  background:linear-gradient(135deg,#fff3df,#d2a77f 48%,#b9855d);
  color:#4b3123;
  box-shadow:0 22px 44px rgba(73,47,31,.24);
}

/* HERO */
body.theme-boho .hero{
  min-height:100svh;
  padding:52px clamp(20px,6vw,88px);
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  background-blend-mode:multiply,normal;
  background-color:#b98962!important;
  position:relative;
  overflow:hidden;
}

/* Hero karartma/soft overlay */
body.theme-boho .hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(40,25,17,.66) 0%,rgba(70,45,30,.38) 42%,rgba(255,248,239,.04) 100%),
    radial-gradient(circle at 78% 25%,rgba(255,235,203,.25),transparent 23%);
  z-index:1;
  pointer-events:none;
}

/* DÜZELTİLDİ: Dalga efekti artık üstte/headerda değil, hero görselinin altında çıkar */
body.theme-boho .hero:after{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  top:auto !important;
  bottom:-2px !important;
  height:120px;
  background:#fff8ef;
  border-radius:58% 42% 0 0/100% 100% 0 0;
  z-index:3;
  pointer-events:none;
}

body.theme-boho .monogram{
  z-index:5;
  top:32px;
  left:36px;
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  letter-spacing:8px;
  color:#fff4e6;
  border:1px solid rgba(255,244,230,.55);
  border-radius:50% 50% 50% 16px;
  background:rgba(80,50,33,.28);
  backdrop-filter:blur(10px);
}
body.theme-boho .music-btn{
  z-index:5;
  background:rgba(80,50,33,.30);
  border-color:rgba(255,244,230,.55);
  color:#fff4e6;
}
body.theme-boho .music-btn.playing{
  background:#fff4e6;
  color:#73513b;
}
body.theme-boho .music-label{
  z-index:5;
  color:#fff4e6;
}
body.theme-boho .hero-content{
  position:relative;
  z-index:4;
  max-width:480px;
  margin:40px 0 80px;
  padding:48px 44px;
  border:1px solid rgba(255,244,230,.32);
  border-radius:44px 44px 120px 44px;
  background:rgba(255,248,239,.13);
  backdrop-filter:blur(10px);
  box-shadow:0 34px 100px rgba(42,27,18,.26);
}
body.theme-boho .hero-content:before{
  content:"NATURAL LOVE STORY";
  display:inline-block;
  margin-bottom:18px;
  color:#ffe8ca;
  font-size:11px;
  font-weight:700;
  letter-spacing:5px;
}
body.theme-boho .hero h1{
  color:#fff8ef;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(62px,8vw,126px);
  line-height:.88;
  text-shadow:0 14px 40px rgba(35,22,15,.25);
}
body.theme-boho .divider{
  justify-content:flex-start;
  color:#ffe0b8;
}
body.theme-boho .divider span{
  background:rgba(255,224,184,.56);
}
body.theme-boho .hero p{
  margin:0 0 24px;
  color:#fff1de;
  font-size:clamp(22px,2.6vw,32px);
}
body.theme-boho .date{
  color:#ffe0b8;
  letter-spacing:6px;
}
body.theme-boho .discover{
  color:#fff4e6;
}

/* SECTIONS */
body.theme-boho section{
  background:#fff8ef;
}
body.theme-boho section.soft,
body.theme-boho .album-section.soft{
  background:
    radial-gradient(circle at 10% 12%,rgba(185,137,98,.14),transparent 24%),
    linear-gradient(180deg,#fff8ef,#f1dfca);
}
body.theme-boho .section-title:before{
  content:"✦";
  display:block;
  color:#b98962;
  font-size:32px;
  margin-bottom:8px;
}
body.theme-boho .script,
body.theme-boho .title{
  color:#73513b;
}
body.theme-boho .title{
  font-family:'Cormorant Garamond',serif;
  font-size:34px;
  text-transform:none;
  letter-spacing:.8px;
}
body.theme-boho .mini-divider{
  color:#b98962;
}
body.theme-boho .mini-divider:before,
body.theme-boho .mini-divider:after{
  background:rgba(185,137,98,.32);
}

/* COUNTDOWN */
body.theme-boho .countdown{
  background:
    radial-gradient(circle at 18% 22%,rgba(255,248,239,.84),transparent 26%),
    linear-gradient(135deg,#e5c9aa,#fff8ef 64%,#d8b894);
}
body.theme-boho .count-grid{
  max-width:850px;
  gap:18px;
}
body.theme-boho .count-grid>div{
  padding:26px 18px;
  border:1px solid rgba(115,81,59,.16);
  border-radius:44px 44px 44px 16px;
  background:rgba(255,248,239,.72);
  box-shadow:0 18px 52px rgba(104,72,45,.11);
}
body.theme-boho .num{
  color:#73513b;
  font-size:64px;
}
body.theme-boho .label{
  color:#8a7464;
}

/* CARDS / FORMS */
body.theme-boho .album-card,
body.theme-boho .event-card,
body.theme-boho .panel-like{
  border:1px solid rgba(115,81,59,.16);
  border-radius:42px 42px 90px 42px;
  background:
    linear-gradient(180deg,rgba(255,248,239,.90),rgba(255,248,239,.66));
  box-shadow:var(--shadow);
}
body.theme-boho .album-card{
  max-width:990px;
  margin:0 auto;
  padding:34px;
}
body.theme-boho .album-kicker{
  color:#b98962;
  letter-spacing:4px;
}
body.theme-boho .album-copy h3{
  font-family:'Cormorant Garamond',serif;
  font-size:38px;
  color:#73513b;
}
body.theme-boho .premium-drop-zone{
  border:1.5px dashed rgba(115,81,59,.36);
  background:
    radial-gradient(circle at 20% 10%,rgba(185,137,98,.12),transparent 26%),
    #fffaf3;
  color:#73513b;
  border-radius:34px 34px 70px 34px;
}
body.theme-boho .premium-drop-zone.dragover{
  background:#f2dfc9;
  border-color:#b98962;
}
body.theme-boho .field,
body.theme-boho textarea,
body.theme-boho select{
  border-color:rgba(115,81,59,.18);
  background:rgba(255,250,243,.82);
  border-radius:20px;
}
body.theme-boho .submit,
body.theme-boho .btn{
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#c99b72,#9e6f50);
  color:#fffaf3;
  box-shadow:0 16px 34px rgba(115,81,59,.18);
}

body.theme-boho .message-form{
  padding:30px;
  border:1px solid rgba(115,81,59,.14);
  border-radius:42px 42px 42px 92px;
  background:rgba(255,248,239,.76);
  box-shadow:var(--shadow);
}
body.theme-boho .note{
  color:#73513b;
}
body.theme-boho .signature{
  color:#b98962;
  font-family:'Great Vibes',cursive;
}

/* EVENT */
body.theme-boho .event-single{
  max-width:820px;
}
body.theme-boho .event-card-wide{
  padding:48px 34px;
  text-align:center;
}
body.theme-boho .event-card .ico{
  color:#b98962;
}
body.theme-boho .event-card h3{
  font-family:'Cormorant Garamond',serif;
  color:#73513b;
  font-size:34px;
  text-transform:none;
}

/* GALLERY */
body.theme-boho .home-gallery-grid{
  width:min(1120px,calc(100% - 34px));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
body.theme-boho .home-gallery-item{
  aspect-ratio:1/1.20;
  padding:8px;
  border:0;
  border-radius:28px 28px 54px 28px;
  background:#fffaf3;
  box-shadow:0 20px 50px rgba(104,72,45,.14);
  transform:rotate(var(--r,0deg));
}
body.theme-boho .home-gallery-item:nth-child(odd){
  --r:-1.2deg;
}
body.theme-boho .home-gallery-item:nth-child(even){
  --r:1.1deg;
}
body.theme-boho .home-gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px 22px 46px 22px;
}

/* FOOTER */
body.theme-boho footer{
  background:#e8d1b8;
  color:#73513b;
  padding:54px 22px;
}
body.theme-boho .share{
  color:#73513b;
}

/* RESPONSIVE */
@media(max-width:980px){
  body.theme-boho .home-gallery-grid{
    grid-template-columns:repeat(3,1fr);
  }
  body.theme-boho .hero-content{
    max-width:620px;
  }
}

@media(max-width:700px){
  body.theme-boho .hero{
    min-height:94svh;
    padding:28px 18px 72px;
    align-items:flex-end;
  }

  body.theme-boho .hero:after{
    height:82px;
    bottom:-1px !important;
  }

  body.theme-boho .hero-content{
    margin:88px 0 34px;
    padding:32px 24px;
    border-radius:32px 32px 78px 32px;
  }
  body.theme-boho .hero h1{
    font-size:58px;
  }
  body.theme-boho .divider{
    justify-content:center;
  }
  body.theme-boho .hero p{
    text-align:center;
    font-size:22px;
  }
  body.theme-boho .date{
    text-align:center;
    font-size:19px;
    letter-spacing:3px;
  }
  body.theme-boho .discover{
    margin:0 auto;
  }
  body.theme-boho .monogram{
    width:64px;
    height:64px;
    font-size:23px;
    letter-spacing:5px;
    top:18px;
    left:18px;
  }
  body.theme-boho .intro-card{
    padding:34px 20px;
    border-radius:34px 34px 82px 34px;
  }
  body.theme-boho .intro-card h2{
    font-size:54px;
  }
  body.theme-boho .count-grid{
    grid-template-columns:repeat(2,1fr);
  }
  body.theme-boho .count-grid>div{
    padding:20px 10px;
    border-radius:30px 30px 48px 30px;
  }
  body.theme-boho .num{
    font-size:50px;
  }
  body.theme-boho .album-card{
    padding:22px;
    border-radius:34px 34px 72px 34px;
  }
  body.theme-boho .message-form{
    padding:22px;
    border-radius:34px 34px 34px 70px;
  }
  body.theme-boho .home-gallery-grid{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    width:calc(100% - 28px);
  }
}

@media(max-width:390px){
  body.theme-boho .hero h1{
    font-size:50px;
  }
  body.theme-boho .home-gallery-grid{
    gap:10px;
  }
}
