/* Phase 8 — Baba Bideshwar visual system
   Goal: bring all image-led sections into the approved Bihar Mandir Yatra homepage language
   while preserving the original page structure, content and interactive ideas. */

body.bideshwar-v8{
  --b8-ink:#5b1522;
  --b8-maroon:#8f1428;
  --b8-gold:#d99a2e;
  --b8-paper:#fffaf1;
  --b8-paper-2:#f8efdf;
  --b8-line:#ead3b0;
  --b8-shadow:0 16px 40px rgba(65,35,18,.11);
}

/* Section rhythm */
body.bideshwar-v8 .section{padding:54px 0}
body.bideshwar-v8 .about{background:linear-gradient(180deg,#fffaf2,#fbf4e8)}
body.bideshwar-v8 .development{padding:54px 0;background:#f7eddf}
body.bideshwar-v8 .puja{background:linear-gradient(180deg,#fffaf3,#fffdf9)}
body.bideshwar-v8 .visit{background:#f8efe2}
body.bideshwar-v8 .gallery-section{padding:50px 0;background:#fffaf2}
body.bideshwar-v8 .explore{padding:54px 0;background:#f7eddf}
body.bideshwar-v8 .compact-heading h2,
body.bideshwar-v8 .section-heading-row h2,
body.bideshwar-v8 .visit h2{font-size:clamp(34px,3.2vw,48px);line-height:1.02;letter-spacing:-.02em}
body.bideshwar-v8 .development-head,
body.bideshwar-v8 .section-heading-row{margin-bottom:22px}

/* Shared homepage-style visual card */
.b8-card{position:relative;min-height:290px;overflow:hidden;border-radius:20px;background:#47221b;color:white;box-shadow:var(--b8-shadow);border:1px solid rgba(255,255,255,.18);isolation:isolate;transition:transform .22s ease,box-shadow .22s ease}
.b8-card:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(65,35,18,.17)}
.b8-card>.b8-media{position:absolute;inset:0;z-index:0}
.b8-card>.b8-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(1.07) contrast(1.02);transition:transform .55s ease}
.b8-card:hover>.b8-media img{transform:scale(1.035)}
.b8-card>.b8-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(35,12,15,.04) 0%,rgba(39,15,16,.12) 36%,rgba(40,9,17,.78) 100%)}
.b8-meta{position:absolute;z-index:3;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.b8-meta span{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border-radius:999px;background:rgba(255,249,238,.93);backdrop-filter:blur(8px);color:#6d432d;font-size:9px;font-weight:900;box-shadow:0 5px 16px rgba(45,19,11,.08)}
.b8-copy{position:absolute;z-index:3;left:18px;right:18px;bottom:17px}
.b8-no{display:block;color:#f5cc78;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}
.b8-copy h3{margin:0;color:#fff;font:700 25px/1.05 Georgia,serif;text-shadow:0 2px 12px rgba(37,10,12,.28)}
.b8-copy p{margin:7px 0 0;color:#f4e8df;font-size:11px;line-height:1.45;max-width:96%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.b8-action{display:inline-flex;align-items:center;gap:7px;margin-top:10px;border:0;background:transparent;color:#ffe09a;padding:0;font-size:9.5px;font-weight:900;cursor:pointer}

/* About: same visual card grammar as homepage sacred places */
.about-row.b8-about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.b8-about-grid .b8-card{min-height:305px}
.b8-about-grid .b8-card:first-child{grid-column:span 1}
.b8-about-grid .b8-card:first-child .b8-copy h3{font-size:28px}
.b8-about-grid .b8-document .b8-media img{filter:saturate(.78) sepia(.16) contrast(1.03)}
.b8-about-grid .b8-quote .b8-shade{background:linear-gradient(180deg,rgba(60,16,22,.12),rgba(63,9,20,.88))}
.b8-about-grid .b8-quote .b8-copy p{font-family:Georgia,serif;font-style:italic;font-size:15px;line-height:1.5;-webkit-line-clamp:5}

/* Development: documentary images retained, painterly transformed, same overlay card system */
.development-strip.b8-development-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.b8-development-grid .b8-card{min-height:225px;border-radius:17px}
.b8-development-grid .b8-card:nth-child(1),.b8-development-grid .b8-card:nth-child(2),.b8-development-grid .b8-card:nth-child(3){min-height:245px}
.b8-development-grid .b8-copy{left:14px;right:14px;bottom:13px}
.b8-development-grid .b8-copy h3{font-size:18px}
.b8-development-grid .b8-copy p{font-size:9.5px;-webkit-line-clamp:2}
.b8-development-grid .b8-meta{left:11px;right:11px;top:11px}
.b8-development-grid .b8-meta span{font-size:8px;min-height:23px;padding:4px 8px}

/* Puja services as image-led cards */
body.bideshwar-v8 .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.bideshwar-v8 .service-card{position:relative;min-height:275px;border-radius:18px;overflow:hidden;background:#552119;color:white;border:1px solid rgba(255,255,255,.14);box-shadow:var(--b8-shadow)}
body.bideshwar-v8 .service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;background:#6f2630;filter:saturate(1.06) contrast(1.03)}
body.bideshwar-v8 .service-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(50,13,16,.04),rgba(54,12,17,.16) 45%,rgba(56,9,18,.90) 100%);z-index:1}
body.bideshwar-v8 .service-card div{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;padding:0;display:block}
body.bideshwar-v8 .service-card h3{color:#fff;font-size:21px;text-shadow:0 2px 10px rgba(0,0,0,.28)}
body.bideshwar-v8 .service-card p{color:#f3e5dc;font-size:10px;line-height:1.45;min-height:0;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.bideshwar-v8 .service-card button{color:#ffe09a;font-size:9.5px}

/* Visit information gets same inviting card treatment */
body.bideshwar-v8 .visit-layout{gap:18px}
body.bideshwar-v8 .visit-grid{gap:9px}
body.bideshwar-v8 .visit-grid>div{background:#fffaf2;border:1px solid #ead5b5;border-radius:13px;padding:11px 12px;box-shadow:0 5px 16px rgba(90,54,29,.05)}
body.bideshwar-v8 .festival-card{position:relative;min-height:360px;border-radius:19px;overflow:hidden;color:white;background:#552119;box-shadow:var(--b8-shadow);border:1px solid rgba(255,255,255,.18)}
body.bideshwar-v8 .festival-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.bideshwar-v8 .festival-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(41,14,15,.05),rgba(53,8,17,.22) 45%,rgba(55,8,17,.9));z-index:1}
body.bideshwar-v8 .festival-card>div{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;padding:0}
body.bideshwar-v8 .festival-card .section-kicker{color:#f2c56d}
body.bideshwar-v8 .festival-card h3{color:white;font-size:30px;text-shadow:0 2px 12px rgba(0,0,0,.24)}
body.bideshwar-v8 .festival-card p{color:#f7e8df;font-size:11px;line-height:1.45}
body.bideshwar-v8 .festival-card .text-link{color:#ffe09a;font-size:10px}

/* Gallery as visual story cards rather than raw thumbnails */
.b8-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.b8-gallery-grid figure{position:relative;margin:0;min-height:220px;border-radius:18px;overflow:hidden;box-shadow:var(--b8-shadow);background:#5b1d1d}
.b8-gallery-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;filter:saturate(1.07) contrast(1.02)}
.b8-gallery-grid figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(48,8,18,.76))}
.b8-gallery-grid figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;color:white;font:700 15px/1.2 Georgia,serif}

/* Explore network uses exact same card hierarchy as homepage */
.temple-network.b8-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.b8-network .b8-card{min-height:285px}
.b8-network .b8-copy h3{font-size:24px}

/* Modal gallery imagery */
body.bideshwar-v8 .modal-gallery img{border-radius:12px;object-fit:cover}

@media(max-width:1050px){
  .about-row.b8-about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b8-about-grid .b8-card:first-child{grid-column:span 1}
  .development-strip.b8-development-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.bideshwar-v8 .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .b8-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  body.bideshwar-v8 .section{padding:38px 0}
  .about-row.b8-about-grid{display:flex;overflow-x:auto;gap:12px;padding:0 1px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .about-row.b8-about-grid::-webkit-scrollbar{display:none}
  .b8-about-grid .b8-card,.b8-about-grid .b8-card:first-child{grid-column:auto;flex:0 0 82vw;min-height:315px;scroll-snap-align:start}
  .development-strip.b8-development-grid{display:flex;overflow-x:auto;gap:11px;padding:0 1px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .development-strip.b8-development-grid::-webkit-scrollbar{display:none}
  .b8-development-grid .b8-card{flex:0 0 72vw;min-height:240px;scroll-snap-align:start}
  body.bideshwar-v8 .service-grid{display:flex;overflow-x:auto;gap:11px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  body.bideshwar-v8 .service-grid::-webkit-scrollbar{display:none}
  body.bideshwar-v8 .service-card{flex:0 0 74vw;min-height:300px;scroll-snap-align:start}
  body.bideshwar-v8 .festival-card{min-height:330px}
  .b8-gallery-grid{display:flex;overflow-x:auto;gap:11px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .b8-gallery-grid::-webkit-scrollbar{display:none}
  .b8-gallery-grid figure{flex:0 0 78vw;min-height:235px;scroll-snap-align:start}
  .temple-network.b8-network{display:flex;overflow-x:auto;gap:11px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .temple-network.b8-network::-webkit-scrollbar{display:none}
  .b8-network .b8-card{flex:0 0 82vw;min-height:300px;scroll-snap-align:start}
}

/* Phase 8.1 image correction only: preserve approved AI/photo assets without legacy softening */
.b8-about-grid .b8-document .b8-media img{filter:none!important;object-position:center center!important}
.b8-development-grid .b8-media img,.service-card img,.b8-gallery-grid img{filter:none!important}