/* ===== Amorist Zarin — Gold override on top of Poseify template ===== */

@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');

:root{
  --bs-primary: #F2C230;
  --gold: #F2C230;
  --gold-light: #FFD966;
}

.bn{ font-family:'Hind Siliguri', sans-serif; }

a{ color:#F2C230; }
a:hover{ color:#FFD966; }

.text-primary{ color:#F2C230 !important; }
.bg-primary{ background-color:#F2C230 !important; }
.border-primary{ border-color:#F2C230 !important; }

.btn-primary{
  color:#0D0D0D !important;
  background-color:#F2C230 !important;
  border-color:#F2C230 !important;
}
.btn-primary:hover, .btn-primary:focus{
  color:#0D0D0D !important;
  background-color:#FFD966 !important;
  border-color:#FFD966 !important;
}

.btn-outline-primary{
  color:#F2C230 !important;
  border-color:#F2C230 !important;
}
.btn-outline-primary:hover{
  color:#0D0D0D !important;
  background-color:#F2C230 !important;
  border-color:#F2C230 !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active{
  color:#F2C230 !important;
}

.title .title-left h5::after,.title .title-center h5::before,
.title .title-center h5::after,.title .title-right h5::before,
.title .title-left h1,.title .title-center h1,.title .title-right h1{
  border-color: rgba(242,194,48,0.35) !important;
}

.form-control:focus{
  border-color:#F2C230 !important;
  box-shadow:0 0 0 .25rem rgba(242,194,48,.25) !important;
}

.back-to-top{ background:#F2C230 !important; color:#0D0D0D !important; border-color:#F2C230 !important; }

.genre-circle{
  width:180px; height:180px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background: radial-gradient(circle at 35% 30%, rgba(242,194,48,0.25), rgba(242,194,48,0.05) 60%), #141414;
  border:1px solid rgba(242,194,48,0.35);
  font-family:'Josefin Sans', sans-serif;
  font-size:2.4rem; font-weight:700; color:#F2C230;
  margin:0 auto;
}

.teaser-photo-box{
  aspect-ratio:4/3; border:1px solid rgba(242,194,48,0.25);
  background: linear-gradient(160deg, rgba(242,194,48,0.08), transparent 60%), #141414;
  display:flex; align-items:center; justify-content:center;
  color:#B8912A; font-size:0.9rem; text-align:center; padding:20px;
}

.hero-caption-inner h5{ letter-spacing:.35em; color:#F2C230; }

.list-group-item{
  background-color:transparent !important;
  color:#F5F1E8 !important;
  border-color:rgba(242,194,48,0.25) !important;
}

/* Hero H1 now carries the English tagline — smaller, elegant italic serif */
.hero-title{
  font-family:'Josefin Sans', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size: clamp(1.6rem, 3.6vw, 2.7rem);
  color:#F5F1E8;
  white-space:nowrap;
}
@media(max-width:700px){
  .hero-title{ white-space:normal; font-size: clamp(1.4rem, 5vw, 2rem); }
}
.hero-sub-bn{
  font-size:1.05rem;
  color:#9A9488;
}

/* Menu / nav / option text sitewide — same elegant italic serif as the tagline */
.navbar .navbar-nav .nav-link,
.navbar-brand,
.btn,
.nav-cta,
.dropdown-item{
  font-family:'Cormorant Garamond', serif;
  font-style:italic;
}
.navbar .navbar-nav .nav-link{
  font-size:1.05rem;
  letter-spacing:.02em;
}

/* ---- Music page ---- */
.song-card{
  border:1px solid rgba(242,194,48,0.25);
  background:linear-gradient(160deg, rgba(242,194,48,0.06), transparent 60%), #141414;
  padding:32px;
  height:100%;
}
.song-card h4{ color:#F2C230 !important; margin-bottom:8px; }
.song-meta{
  color:#B8912A; font-size:0.85rem; letter-spacing:0.03em; margin-bottom:14px;
}
.video-embed{
  position:relative; width:100%; aspect-ratio:16/9;
  border:1px solid rgba(242,194,48,0.25); overflow:hidden; background:#141414;
}
.video-embed iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}

/* ---- Blog page ---- */
.post-tag{
  display:inline-block; font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase;
  color:#0D0D0D; background:#F2C230; padding:4px 12px; border-radius:2px;
}

/* ---- Book page ---- */
.contact-line{
  padding:14px 0; border-bottom:1px solid rgba(242,194,48,0.18); font-size:1rem;
}
.contact-line a{ color:#F5F1E8; }
.contact-line a:hover{ color:#F2C230; }
.booking-box{
  border:1px solid rgba(242,194,48,0.25);
  background:linear-gradient(160deg, rgba(242,194,48,0.06), transparent 60%), #141414;
  padding:40px;
}
.booking-box h5{ color:#F2C230 !important; letter-spacing:0.06em; }
.booking-box .form-control{
  background-color:#0D0D0D !important;
  border-color:rgba(242,194,48,0.25) !important;
  color:#F5F1E8 !important;
  padding:12px 16px;
}
.booking-box .form-control::placeholder{ color:#7d7566 !important; }
.booking-box select.form-control option{ background:#0D0D0D; color:#F5F1E8; }
.form-note{ color:#B8912A; font-size:0.8rem; }
.form-note code{ color:#F2C230; }

/* ---- Page banner heading ---- */
.page-header h5{
  color:#F2C230 !important; letter-spacing:0.3em; text-transform:uppercase;
  font-size:0.85rem; margin-bottom:12px;
}

/* ---- Gallery tiles (data-driven) ---- */
.gallery-tile{
  aspect-ratio:4/3; overflow:hidden;
  border:1px solid rgba(242,194,48,0.25); background:#141414;
}
.gallery-tile img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .4s ease, opacity .3s ease;
}
.gallery-tile:hover img{ transform:scale(1.05); opacity:.9; }
.gallery-caption{
  margin-top:10px; font-size:0.85rem; color:#9A9488;
}

/* ---- song card holding a video ---- */
.song-card .video-embed{ margin-top:18px; }

/* ---- blog post links ---- */
.post-card-link{ display:block; text-decoration:none; }
.post-card-link .song-card{ transition:border-color .25s ease; }
.post-card-link:hover .song-card{ border-color:rgba(242,194,48,0.6); }
.post-link{
  display:inline-block; margin-top:10px; color:#F2C230;
  font-size:0.8rem; letter-spacing:0.06em;
}

/* ---- Awards & Milestones timeline ---- */
.achieve-list{ border-top:1px solid rgba(242,194,48,0.22); margin-top:10px; }
.achieve-item{
  display:grid; grid-template-columns:140px 1fr; gap:32px;
  padding:28px 0; border-bottom:1px solid rgba(242,194,48,0.22);
}
.achieve-year{
  font-family:'Josefin Sans', sans-serif; font-weight:700;
  color:#F2C230; font-size:1.25rem; letter-spacing:0.04em;
}
.achieve-title{ color:#F5F1E8; font-weight:600; margin-bottom:6px; font-size:1.05rem; }
.achieve-desc{ color:#9A9488; font-size:0.95rem; line-height:1.75; }
@media(max-width:640px){
  .achieve-item{ grid-template-columns:1fr; gap:6px; padding:22px 0; }
  .achieve-year{ font-size:1rem; }
}

/* ---- real photos in feature slots ---- */
.feature-photo{
  overflow:hidden; border:1px solid rgba(242,194,48,0.25); background:#141414;
}
.feature-photo img{ width:100%; height:100%; object-fit:cover; display:block; }

.teaser-card-photo{
  aspect-ratio:16/9;
  display:flex; align-items:center; justify-content:center; text-align:center;
  padding:24px;
  border:1px solid rgba(242,194,48,0.25);
  background-size:cover; background-position:center;
  position:relative; overflow:hidden;
}
.teaser-card-photo::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(rgba(10,10,10,.62), rgba(10,10,10,.82));
}
.teaser-card-photo > div{ position:relative; z-index:1; }
.teaser-card-photo p{ color:#D9D3C6 !important; }

/* Bengali breaks apart with wide letter-spacing — keep it tight on banner eyebrows */
.page-header h5{ letter-spacing:.04em !important; font-size:1rem !important; }

/* ---- genre circles holding a real photo ---- */
.genre-circle.genre-photo{ overflow:hidden; padding:0; border:2px solid rgba(242,194,48,0.55); }
.genre-circle.genre-photo img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:50%; }
/* template draws a dark ring over .service-img — hide it when a real photo is inside */
.service-item .service-img:has(.genre-photo)::before{ display:none; }