/* ==========================================================================
   Manasvi Thapar — Visual Redesign Overlay
   Loads after the theme's own stylesheets. Restyles typography, color and
   surface treatment only — no layout, slider, or ACF logic is touched, so
   all existing content editing and JS behaviour (Slick, Fancybox, WOW)
   keeps working exactly as before.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,500&display=swap");

:root{
  --ink:#14181F;
  --ink-soft:#2A3142;
  --paper:#F4EFE4;
  --paper-2:#EAE1CB;
  --brass:#C9A354;      /* on dark grounds */
  --brass-deep:#8A6A28; /* on light grounds — meets AA text contrast */
  --muted:#6B6459;
  --line-on-light:rgba(20,24,31,.14);
  --line-on-dark:rgba(244,239,228,.16);
  --serif:"Playfair Display", Georgia, "Times New Roman", serif;
}

/* ---- Global ground & links ---- */
body{
  background-color: var(--paper);
  color: var(--ink);
}
a:hover{
  color: var(--brass-deep);
}
a:focus-visible,
button:focus-visible,
.btn:focus-visible{
  outline: 2px solid var(--brass-deep);
  outline-offset: 3px;
}

/* ---- Buttons ---- */
.btn{
  border-radius: 2px;
}
.btn-dark{
  background-color: var(--ink);
  border-color: var(--ink);
  color: var(--paper);
}
.btn-dark:hover{
  background-color: var(--paper);
  color: var(--ink);
  border-color: var(--ink);
}
.btn-light:hover{
  background-color: var(--brass-deep);
  border-color: var(--brass-deep);
}

/* ---- Header / primary nav ---- */
.header-wrap{
  background-color: var(--ink);
}
.header-logo img,
.header-sidebar-logo img{
  filter: invert(1) brightness(1.5);
}
.header-nav ul li a{
  color: var(--paper);
  letter-spacing: 0.08em;
}
.header-nav ul li a:hover{
  color: var(--brass);
}
.header-menu-toggle-btn span,
.header-menu-toggle-btn span:before,
.header-menu-toggle-btn span:after{
  background-color: var(--paper) !important;
}
.header-sidebar{
  background-color: var(--ink);
  color: var(--paper);
}
.header-sidebar-nav a{
  color: var(--paper);
}
.header-sidebar-nav a:hover{
  color: var(--brass);
}

/* ---- Hero — "Proud Indian" ---- */
.proud-indian-sec{
  background-color: var(--paper);
}
.proud-indian-text{
  color: var(--ink);
  font-family: var(--serif);
  font-weight: 500;
}
.proud-indian-text span{
  color: var(--brass-deep);
  font-style: italic;
}
.proud-indian-con > .sec-head .sec-title{
  font-family: var(--serif);
  font-weight: 500;
  letter-spacing: 0.03em;
  color: var(--ink);
}
.proud-indian-slider-nav-title{
  color: rgb(20 24 31 / 55%);
  letter-spacing: 0.04em;
}
.slick-current.slick-active .proud-indian-slider-nav-title{
  color: var(--brass-deep);
  font-weight: 700;
}
.proud-indian-slide-img img{
  border: 1px solid var(--line-on-light);
}
.proud-indian-slide-con .sec-head .sec-title{
  font-family: var(--serif);
  font-weight: 500;
  color: var(--ink);
  letter-spacing: 0;
}
.proud-indian-slide-con .cms-con p{
  color: var(--muted);
}

/* ---- Timeline / ventures slider ---- */
.crypto-global-summit-con .sec-head .sec-title{
  font-family: var(--serif);
  font-weight: 500;
  letter-spacing: 0;
}
.crypto-global-summit-con .sec-head .sec-sub-title{
  color: var(--brass);
  font-family: var(--serif);
}
.crypto-global-summit-slider-nav-wrap{
  color: var(--paper);
}
.crypto-global-summit-slider-nav-title-lg{
  font-family: var(--serif);
  font-weight: 600;
  color: var(--brass);
}
.crypto-global-summit-slider-nav-title{
  color: rgb(244 239 228 / 55%);
}
.slick-slide.slick-active.slick-current .crypto-global-summit-slider-nav-title{
  color: var(--brass);
}
.slick-arrow{
  background-color: var(--paper);
  color: var(--ink);
  border-radius: 2px;
}

/* ---- TEDx video section ---- */
.tedx-talk-sec{
  background-color: var(--paper-2);
}

/* ---- Initiatives (ventures logos band) ---- */
.initiatives-sec{
  position: relative;
}
.initiatives-sec::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20,24,31,.75), rgba(20,24,31,.55));
  pointer-events: none;
}
.initiatives-inr{
  position: relative;
  z-index: 1;
}
.initiatives-inr .sec-head .sec-sub-title{
  color: var(--brass);
  letter-spacing: 0.12em;
}
.initiatives-inr .sec-head .sec-title{
  font-family: var(--serif);
  font-weight: 500;
  color: var(--paper);
}
.initiatives-item{
  background-color: rgba(244,239,228,0.06);
  border: 1px solid var(--line-on-dark);
  border-radius: 4px;
}

/* ---- Social proof counters ---- */
.social-media-count-sec{
  background-color: var(--paper);
}
.social-media-count-sec .sec-head .sec-title{
  font-family: var(--serif);
  font-weight: 500;
  color: var(--ink);
}
.social-media-count-box{
  border: 1px solid var(--line-on-light);
  border-radius: 4px;
  transition: border-color .25s ease, transform .25s ease;
}
.social-media-count-box:hover{
  border-color: var(--brass-deep);
  transform: translateY(-2px);
}
.social-media-count-title{
  color: var(--ink);
}
.social-media-count-text span{
  color: var(--brass-deep);
  font-weight: 600;
}
.social-media-video-header-text{
  color: var(--brass-deep);
}

/* ---- Photo gallery ---- */
.photo-gallery-sec{
  background-color: var(--paper-2);
}
.photo-gallery-sec .sec-head .sec-title{
  font-family: var(--serif);
  font-weight: 500;
  color: var(--ink);
}
.photo-gallery-grid-img img{
  transition: transform .4s ease, filter .4s ease;
  filter: grayscale(15%);
}
.photo-gallery-grid-item:hover .photo-gallery-grid-img img{
  transform: scale(1.03);
  filter: grayscale(0%);
}

/* ---- Footer ---- */
.footer-wrap{
  background-color: var(--ink);
  color: var(--paper);
}
.footer-row .sec-head .sec-title{
  font-family: var(--serif);
  font-weight: 500;
  color: var(--paper);
}
.footer-row .sec-head .sec-sub-title{
  color: var(--brass);
}
.footer-manasvi-thaper-social-links a{
  color: var(--paper);
}
.footer-manasvi-thaper-social-links a:hover{
  color: var(--brass);
}
.footer-copyright-text{
  color: rgb(244 239 228 / 65%);
}
.footer-copyright-developed-by{
  color: rgb(244 239 228 / 45%);
}

@media (prefers-reduced-motion: reduce){
  .photo-gallery-grid-img img,
  .social-media-count-box{
    transition: none !important;
  }
}