/* =========================================================
 SHREE SHUBH LAXMI V16.12 — REAL THEME APPLY HOTFIX
 This file intentionally targets the REAL classes used by:
 Home H25, Company Profile, Export, Inquiry/RFQ and V16 pages.
 It removes the fixed navy/brown/blue card backgrounds and makes
 every panel derive its colors from the active Admin theme.
 ========================================================= */

:root{
  --theme-soft:color-mix(in srgb,var(--p) 7%,var(--surface));
  --theme-soft-2:color-mix(in srgb,var(--s) 7%,var(--surface));
  --theme-panel:color-mix(in srgb,var(--p) 10%,var(--surface));
  --theme-panel-2:color-mix(in srgb,var(--s) 10%,var(--surface));
  --theme-line:color-mix(in srgb,var(--p) 18%,var(--border));
  --theme-shadow:color-mix(in srgb,var(--p) 12%,transparent);
}

/* ========== GLOBAL PAGE CANVAS ========== */
html,body,main,
.v16-page,.company-pro,.inquiry-ultra,
.h25-home,.h25-page{
  background:var(--bg)!important;
  color:var(--text)!important;
}

/* ========== LIGHT / NORMAL CARDS ========== */
:is(
  .v16-hero-copy,
  .v16-story-card:not(.dark),
  .v16-feature,
  .v16-app,
  .v16-project,
  .v16-doc,
  .v16-spec,
  .v16-form-card,
  .v16-detail-copy,
  .v16-gallery-card,
  .inquiry-process-card,
  .cp-story,
  .cp-facts article,
  .cp-person,
  .cp-doc,
  .cp-custom-block,
  .h25-app-card,
  .h25-product-card,
  .h25-metrics article,
  .h25-audience article
){
  background:linear-gradient(145deg,var(--surface),var(--theme-soft))!important;
  border-color:var(--border)!important;
  color:var(--text)!important;
  box-shadow:0 14px 34px var(--theme-shadow)!important;
}

:is(
  .v16-hero-copy,
  .v16-story-card:not(.dark),
  .v16-feature,
  .v16-app,
  .v16-project,
  .v16-doc,
  .v16-spec,
  .v16-form-card,
  .v16-detail-copy,
  .inquiry-process-card,
  .cp-story,
  .cp-facts article,
  .cp-person,
  .cp-doc,
  .cp-custom-block,
  .h25-app-card,
  .h25-product-card,
  .h25-metrics article,
  .h25-audience article
) :is(h1,h2,h3,h4,h5,h6,b,strong){
  color:var(--text)!important;
}

:is(
  .v16-hero-copy,
  .v16-story-card:not(.dark),
  .v16-feature,
  .v16-app,
  .v16-project,
  .v16-doc,
  .v16-spec,
  .v16-form-card,
  .v16-detail-copy,
  .inquiry-process-card,
  .cp-story,
  .cp-facts article,
  .cp-person,
  .cp-doc,
  .cp-custom-block,
  .h25-app-card,
  .h25-product-card,
  .h25-metrics article,
  .h25-audience article
) :is(p,small,li,i){
  color:var(--muted)!important;
}

/* =========================================================
   MOST IMPORTANT FIX:
   ALL OLD FIXED DARK/NAVY/BLUE CARDS NOW FOLLOW THE THEME
   ========================================================= */
:is(
  .h25-export-card,
  .v14-export-story,
  .v16-hero-side,
  .v16-story-card.dark,
  .cp-capability-band,
  .cp-procurement-card,
  .cp-hero-fallback,
  .inquiry-form-intro
){
  background:
    radial-gradient(circle at 92% 6%,var(--theme-panel-2),transparent 34%),
    linear-gradient(135deg,var(--theme-panel),var(--surface) 58%,var(--theme-panel-2))!important;
  color:var(--text)!important;
  border-color:var(--theme-line)!important;
  box-shadow:0 18px 48px var(--theme-shadow)!important;
}

/* text on formerly dark panels */
:is(
  .h25-export-card,
  .v14-export-story,
  .v16-hero-side,
  .v16-story-card.dark,
  .cp-capability-band,
  .cp-procurement-card,
  .cp-hero-fallback,
  .inquiry-form-intro
) :is(h1,h2,h3,h4,h5,h6,b,strong){
  color:var(--text)!important;
}

:is(
  .h25-export-card,
  .v14-export-story,
  .v16-hero-side,
  .v16-story-card.dark,
  .cp-capability-band,
  .cp-procurement-card,
  .cp-hero-fallback,
  .inquiry-form-intro
) :is(p,small,li){
  color:var(--muted)!important;
}

/* theme accent labels */
:is(
  .h25-export-copy>span,
  .v14-export-copy>span,
  .v16-kicker,
  .v16-eyebrow,
  .cp-cap-grid b,
  .cp-market-divider span,
  .cp-group-title span,
  .cp-person-copy>small,
  .cp-doc>span,
  .inquiry-form-intro .v16-eyebrow,
  .inquiry-process-card b
){
  color:var(--p)!important;
}

/* ========== COMPANY PROFILE — exact current classes ========== */
.cp-capability-band{
  padding-top:64px!important;
  padding-bottom:64px!important;
}

.cp-capability-band .v16-section-head p,
.cp-cap-grid p{
  color:var(--muted)!important;
}

.cp-cap-grid article{
  background:linear-gradient(145deg,var(--surface),var(--theme-soft-2))!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
  box-shadow:0 12px 30px var(--theme-shadow)!important;
}
.cp-cap-grid article:hover{
  background:linear-gradient(145deg,var(--theme-soft),var(--theme-soft-2))!important;
  border-color:var(--theme-line)!important;
}
.cp-cap-grid h3{color:var(--text)!important}
.cp-cap-grid p{color:var(--muted)!important}

.cp-market-divider{
  background:linear-gradient(90deg,var(--theme-soft),var(--surface),var(--theme-soft-2))!important;
  border-color:var(--border)!important;
}
.cp-market-divider strong{color:var(--text)!important}
.cp-market-divider a{
  background:linear-gradient(135deg,var(--p),var(--s))!important;
  color:#fff!important;
}

.cp-procurement-card{
  border:1px solid var(--border)!important;
}
.cp-procurement-card h2{color:var(--text)!important}
.cp-procurement-card p{color:var(--muted)!important}
.cp-steps span{
  background:var(--surface)!important;
  border:1px solid var(--border)!important;
  color:var(--text)!important;
}
.cp-steps b{
  background:linear-gradient(135deg,var(--p),var(--s))!important;
  color:#fff!important;
}

.cp-credentials{
  background:color-mix(in srgb,var(--p) 4%,var(--bg))!important;
}
.cp-doc>div,.cp-person-media{
  background:var(--theme-soft)!important;
}

/* ========== HOME H25 — exact current classes ========== */
.h25-export-card{
  border:1px solid var(--border)!important;
}
.h25-export-copy{color:var(--text)!important}
.h25-export-copy h2{color:var(--text)!important}
.h25-export-copy p{color:var(--muted)!important}
.h25-pills span{
  background:var(--surface)!important;
  border-color:var(--border)!important;
  color:var(--text)!important;
}
.h25-export-media{
  background:var(--theme-soft)!important;
}

.h25-heading span,.h25-app-card small,.h25-app-card b{
  color:var(--p)!important;
}
.h25-heading p,.h25-app-card p{
  color:var(--muted)!important;
}
.h25-app-icon{
  background:var(--theme-soft)!important;
  color:var(--p)!important;
}

/* Legacy home export block too */
.v14-export-story .v14-export-copy h2{color:var(--text)!important}
.v14-export-story .v14-export-copy p{color:var(--muted)!important}
.v14-route-pills span{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}

/* ========== EXPORT PAGE — exact current classes ========== */
.v16-story-card.dark{
  border:1px solid var(--border)!important;
}
.v16-story-card.dark h2{color:var(--text)!important}
.v16-story-card.dark p{color:var(--muted)!important}

.v16-route span{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}

/* ========== INQUIRY / RFQ — exact current classes ========== */
.inquiry-form-intro{
  border:1px solid var(--border)!important;
}
.inquiry-form-intro:after{
  border-color:var(--theme-line)!important;
  box-shadow:
    0 0 0 48px color-mix(in srgb,var(--p) 4%,transparent),
    0 0 0 95px color-mix(in srgb,var(--s) 3%,transparent)!important;
}
.inquiry-form-intro h2{color:var(--text)!important}
.inquiry-form-intro p{color:var(--muted)!important}
.inquiry-checks span{
  background:var(--surface)!important;
  border-color:var(--border)!important;
  color:var(--text)!important;
}
.inquiry-process-card:before{
  background:linear-gradient(135deg,var(--theme-soft),var(--theme-soft-2))!important;
}
.inquiry-process-card b{
  background:linear-gradient(135deg,var(--theme-soft),var(--theme-soft-2))!important;
}

/* ========== GENERIC V16 HERO ========== */
.v16-hero-side{
  border:1px solid var(--border)!important;
}
.v16-hero-side h3{color:var(--text)!important}
.v16-hero-side p{color:var(--muted)!important}
.v16-hero-side .v16-orbit,
.v16-hero-side .v16-orbit:before,
.v16-hero-side .v16-orbit:after{
  border-color:var(--theme-line)!important;
}

/* ========== BUTTONS ========== */
:is(
  .v16-cta:not(.light):not(.ghost),
  .h25-btn.primary,
  .v14-btn.primary,
  .cp-market-divider a,
  button[type="submit"]
){
  background:linear-gradient(135deg,var(--p),var(--s))!important;
  color:#fff!important;
  border-color:transparent!important;
}

.v16-cta.light,
.v16-cta.ghost,
.h25-btn.light,
.v14-btn.outline{
  background:var(--surface)!important;
  color:var(--p)!important;
  border-color:var(--border)!important;
}

/* ========== FORMS ========== */
:is(input,select,textarea){
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
:is(input,select,textarea)::placeholder{
  color:var(--muted)!important;
}
:is(input,select,textarea):focus{
  border-color:var(--p)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--p) 12%,transparent)!important;
}

/* ========== HEADER / TICKER / FOOTER ========== */
.v14-header{
  background:var(--surface)!important;
  border-color:var(--border)!important;
}
.v14-brand b,.v14-nav a,.v14-cart{color:var(--text)!important}
.v14-brand-text small{color:var(--p)!important}
.v14-cart{
  background:var(--surface)!important;
  border-color:var(--border)!important;
}
.v14-cart b{
  background:var(--p)!important;
  color:#fff!important;
}

.v14-ticker{
  background:var(--theme-soft)!important;
  border-color:var(--border)!important;
}
.v14-ticker-label{
  background:linear-gradient(135deg,var(--p),var(--s))!important;
  color:#fff!important;
}
.v14-ticker-track span{color:var(--text)!important}
.v14-ticker-track i{color:var(--s)!important}

.v14-footer{
  background:linear-gradient(145deg,var(--theme-panel),var(--surface),var(--theme-panel-2))!important;
  color:var(--text)!important;
  border-top:1px solid var(--border)!important;
}
.v14-footer :is(h3,h4,b,strong){color:var(--text)!important}
.v14-footer :is(p,a,small,span){color:var(--muted)!important}
.v14-footer-badges{
  background:var(--theme-soft)!important;
  border:1px solid var(--border)!important;
}
.v14-footer-badges span{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
.v14-footer-about img{
  background:var(--surface)!important;
  border:1px solid var(--border)!important;
}

/* ========== DIVIDERS ========== */
.v16-divider:before,.v16-divider:after{
  background:linear-gradient(90deg,transparent,var(--s),transparent)!important;
}
.v16-divider i{
  border-color:var(--s)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--s) 26%,transparent)!important;
}

/* ========== PROTECT IMAGE COLORS ========== */
/* Never recolor actual media */
img,picture,video,svg{
  filter:none!important;
}

/* ========== MOBILE ========== */
@media(max-width:820px){
  .v14-nav{
    background:var(--surface)!important;
    border-color:var(--border)!important;
  }
  .v14-nav a{color:var(--text)!important}
  .cp-cap-grid article,
  .cp-procurement-card,
  .inquiry-form-intro,
  .v16-story-card.dark,
  .h25-export-card{
    background:linear-gradient(145deg,var(--surface),var(--theme-soft))!important;
  }
}

/* Build marker */
html{--shree-theme-build:"V16.12"}


/* =========================================================
   V16.12.1 — FOOTER MUST VISIBLY FOLLOW ACTIVE THEME
   Light themes were making footer nearly white because it used
   --surface. Footer now uses PRIMARY + SECONDARY directly.
   ========================================================= */
.v14-footer{
  position:relative !important;
  overflow:hidden !important;

  background:
    radial-gradient(
      circle at 8% 0%,
      color-mix(in srgb,var(--s) 38%,transparent) 0%,
      transparent 32%
    ),
    radial-gradient(
      circle at 92% 100%,
      color-mix(in srgb,var(--a) 24%,transparent) 0%,
      transparent 34%
    ),
    linear-gradient(
      135deg,
      color-mix(in srgb,var(--p) 92%,#07101d) 0%,
      color-mix(in srgb,var(--p) 76%,var(--s)) 52%,
      color-mix(in srgb,var(--s) 80%,#07101d) 100%
    ) !important;

  color:#fff !important;
  border-top:1px solid color-mix(in srgb,var(--s) 48%,transparent) !important;
  box-shadow:0 -14px 38px color-mix(in srgb,var(--p) 14%,transparent) !important;
}

/* decorative glow uses active theme */
.v14-footer:before{
  content:"" !important;
  position:absolute !important;
  width:360px !important;
  height:360px !important;
  border-radius:50% !important;
  right:-150px !important;
  top:-190px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 0 0 58px rgba(255,255,255,.035),
    0 0 0 116px rgba(255,255,255,.018) !important;
  pointer-events:none !important;
}
.v14-footer > *{
  position:relative !important;
  z-index:1 !important;
}

/* Footer headings always readable */
.v14-footer :is(h1,h2,h3,h4,h5,h6,b,strong){
  color:#fff !important;
}

/* Footer body / links use high contrast, not theme muted brown */
.v14-footer :is(p,a,small,span){
  color:rgba(255,255,255,.82) !important;
}
.v14-footer a:hover{
  color:#fff !important;
}

/* Brand CTA follows secondary/accent */
.v14-footer-about > a{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  margin-top:10px !important;
  color:#fff !important;
  font-weight:900 !important;
}
.v14-footer-about > a:hover{
  transform:translateX(3px) !important;
}

/* Logo card stays clean white so logo remains readable */
.v14-footer-about img{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.38) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.12) !important;
}

/* Top certificate strip — tinted glass using current theme */
.v14-footer-badges{
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(10px) !important;
}
.v14-footer-badges span{
  background:transparent !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
}

/* Vertical/link groups */
.v14-footer-grid > div:not(.v14-footer-about){
  color:#fff !important;
}
.v14-footer-grid > div:not(.v14-footer-about) h4{
  color:#fff !important;
}
.v14-footer-grid > div:not(.v14-footer-about) a{
  color:rgba(255,255,255,.78) !important;
}
.v14-footer-grid > div:not(.v14-footer-about) a:hover{
  color:#fff !important;
}

/* Bottom copyright divider also follows active secondary/accent */
.v14-footer-bottom{
  border-top:1px solid rgba(255,255,255,.20) !important;
}
.v14-footer-bottom:before{
  background:linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb,var(--s) 86%,#fff),
    color-mix(in srgb,var(--a) 76%,#fff),
    transparent
  ) !important;
}
.v14-footer-bottom span{
  color:rgba(255,255,255,.72) !important;
}

/* Dark themes do not become pitch black; preserve theme identity */
html[data-theme-mode="dark"] .v14-footer,
body.theme-dark .v14-footer{
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--s) 28%,transparent),transparent 32%),
    linear-gradient(
      135deg,
      color-mix(in srgb,var(--p) 68%,#03070d),
      color-mix(in srgb,var(--s) 42%,#06101b)
    ) !important;
}

/* Mobile footer keeps the same theme color instead of reverting white */
@media(max-width:760px){
  .v14-footer{
    background:
      radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--s) 30%,transparent),transparent 30%),
      linear-gradient(
        160deg,
        color-mix(in srgb,var(--p) 92%,#07101d),
        color-mix(in srgb,var(--s) 72%,#07101d)
      ) !important;
  }

  .v14-footer-badges{
    background:rgba(255,255,255,.08) !important;
  }

  .v14-footer-grid > div{
    border-color:rgba(255,255,255,.14) !important;
  }
}

/* Runtime marker */
html{--shree-footer-theme-build:"V16.12.1"}


/* =========================================================
   V16.12.2 — PROJECT IMAGE EDGE-TO-EDGE / NO-CUT AUTO FIT
   Preserve uploaded image ratio, remove crop, and let media
   area/card height adapt automatically to the image.
   ========================================================= */

/* Project card/media containers must not force a crop height */
.projects-grid .project-card,
.project-grid .project-card,
.project-card,
.projects-grid > article,
.project-grid > article{
  overflow:hidden !important;
}

.projects-grid :is(.project-image,.image-wrap,.media,.card-image,.project-media),
.project-grid :is(.project-image,.image-wrap,.media,.card-image,.project-media),
.project-card :is(.project-image,.image-wrap,.media,.card-image,.project-media){
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

/* Any uploaded project image: full card width, original ratio, zero crop */
.projects-grid img,
.project-grid img,
.project-card img,
.projects-grid :is(.project-image,.image-wrap,.media,.card-image,.project-media) img,
.project-grid :is(.project-image,.image-wrap,.media,.card-image,.project-media) img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}

/* Prevent hover effects from zooming/cropping the image */
.projects-grid :is(.project-card,article):hover img,
.project-grid :is(.project-card,article):hover img,
.project-card:hover img{
  transform:none !important;
  scale:1 !important;
}

/* Keep image flush with the card's top corners */
.projects-grid :is(.project-card,article) > :is(.project-image,.image-wrap,.media,.card-image,.project-media):first-child,
.project-grid :is(.project-card,article) > :is(.project-image,.image-wrap,.media,.card-image,.project-media):first-child{
  border-radius:inherit !important;
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
}

/* Common V16 project card image fallback selectors */
.v16-project-card .v16-project-image,
.v16-project-card .project-image,
.v16-project-card .card-image{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  padding:0 !important;
  overflow:hidden !important;
}
.v16-project-card :is(.v16-project-image,.project-image,.card-image) img,
.v16-project-card > img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  transform:none !important;
}

/* Mobile: same no-cut logic */
@media(max-width:760px){
  .projects-grid img,
  .project-grid img,
  .project-card img,
  .v16-project-card img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }
}

html{--shree-project-image-build:"V16.12.2"}
\n/* V16.13 HOME HERO THEME — exact H25 classes */
.h25-hero-wrap{background:var(--bg)!important}
.h25-hero-card{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--p) 8%,var(--surface)))!important;border:1px solid var(--border)!important;box-shadow:0 18px 48px color-mix(in srgb,var(--p) 10%,transparent)!important}
.h25-hero-copy{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--p) 6%,var(--surface)))!important;color:var(--text)!important}
.h25-hero-copy h1,.h25-hero-copy h1 em,.h25-benefits span,.h25-benefits span>small{color:var(--text)!important}
.h25-hero-copy h1 em,.h25-kicker span{color:var(--p)!important}.h25-hero-copy>p{color:var(--muted)!important}
.h25-benefits b{background:color-mix(in srgb,var(--p) 8%,var(--surface))!important;color:var(--p)!important;border-color:var(--border)!important}
.h25-rail{background:var(--surface)!important;border-color:var(--border)!important}.h25-rail a{color:var(--text)!important;border-color:var(--border)!important}.h25-rail a:hover{background:color-mix(in srgb,var(--p) 7%,var(--surface))!important}
html{--shree-theme-build:"V16.13"}\n