/* ===================================================================
   MERIDIAN INDUSTRIES — Premium Elevation Layer
   Loaded AFTER the page's own <style> block. Same navy/gold palette,
   raised execution quality: soft depth, pill controls, numbered
   cards, scroll reveal, hero medallion, industry modal, CTA band.
   =================================================================== */

:root{
  --radius-card:18px;
  --radius-card-lg:22px;
  --radius-pill:50px;
  --shadow-sm:0 4px 20px rgba(0,0,0,0.22);
  --shadow-md:0 14px 40px rgba(0,0,0,0.32);
  --shadow-lg:0 24px 64px rgba(0,0,0,0.42);
  --shadow-gold:0 8px 28px rgba(200,151,42,0.18);
}

/* ---------- GLOBAL MOTION / EASING ---------- */
*{ }
a,button{transition-timing-function:cubic-bezier(0.22,1,0.36,1);}

/* ---------- SCROLL REVEAL: left as the site's own default (always visible).
   Forcing a hidden start state here was risky on live deploy and caused
   content to disappear if the reveal script didn't fire — removed. ---------- */

/* ---------- NAV: pill CTA + soft shadow on scroll ---------- */
.nav-cta{border-radius:var(--radius-pill)!important;padding:10px 22px!important;}
nav.scrolled{box-shadow:0 8px 28px rgba(0,0,0,0.35);}
.mob-cta{border-radius:var(--radius-pill)!important;}

/* ---------- BUTTONS: pill shape, lift on hover ---------- */
.btn-primary,.btn-catalogue,.csubmit,.tab-btn,.form-submit,.rfq-submit{
  border-radius:var(--radius-pill)!important;
}
.btn-primary,.btn-catalogue{
  box-shadow:var(--shadow-gold);
  transition:background 0.3s,transform 0.3s,box-shadow 0.3s!important;
}
.btn-primary:hover,.btn-catalogue:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(200,151,42,0.32);
}
.btn-secondary{transition:color 0.3s,gap 0.3s!important;}
.btn-secondary:hover{gap:14px;}
.csubmit{
  box-shadow:var(--shadow-gold);
  transition:background 0.3s,transform 0.3s,box-shadow 0.3s!important;
}
.csubmit:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(200,151,42,0.3);}
.tab-btn{
  border:1px solid rgba(200,151,42,0.22)!important;
  transition:all 0.3s!important;
}
.tab-btn:hover{border-color:var(--gold)!important;transform:translateY(-2px);}
.tab-btn.on{box-shadow:var(--shadow-gold);}

/* ---------- CARDS: rounded, soft depth, lift + gold edge on hover ---------- */
.acard,.cap-card,.wcard,.qpillar,.qblock,.ccard,.cbadge,.mat-card,
.cert-card,.itag,.stat-card,.contact-info-card,.rfq-form,.contact-card{
  border-radius:var(--radius-card)!important;
  transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s,border-color 0.35s,background 0.35s!important;
}
.acard:hover,.cap-card:hover,.wcard:hover,.qpillar:hover,.qblock:hover,
.mat-card:hover,.cert-card:hover,.itag:hover,.stat-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-md);
  border-color:rgba(200,151,42,0.4);
}
.ccard{box-shadow:var(--shadow-sm);}
.ccard:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}

/* Product cards + detail panels */
.prod-grid > *,.pcard,.product-card{
  border-radius:var(--radius-card)!important;
  overflow:hidden;
  transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s,border-color 0.35s!important;
}
.prod-grid > *:hover,.pcard:hover,.product-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-md);
  border-color:rgba(200,151,42,0.45);
}
.prod-grid img,.pcard img{transition:transform 0.6s cubic-bezier(0.22,1,0.36,1);}
.prod-grid > *:hover img,.pcard:hover img{transform:scale(1.06);}

/* Capability / facility photo tiles */
.cap-photo-item{border-radius:var(--radius-card)!important;overflow:hidden;transition:transform 0.4s,box-shadow 0.4s!important;}
.cap-photo-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.cap-photo-item img{transition:transform 0.6s cubic-bezier(0.22,1,0.36,1)!important;}
.cap-photo-item:hover img{transform:scale(1.07);}

/* Quality media cards, ISO callout */
.qiso-card,.qiso{border-radius:var(--radius-card-lg)!important;overflow:hidden;}
.qiso-card{transition:transform 0.4s,box-shadow 0.4s!important;}
.qiso-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}

/* Pills / tags */
.qtag,.mat-symbol,.pill,.cselect,.pdetail-grade{border-radius:var(--radius-pill)!important;}
.qtag{transition:all 0.25s!important;}
.qtag:hover{background:rgba(200,151,42,0.14)!important;border-color:rgba(200,151,42,0.4)!important;transform:translateY(-2px);}

/* Form fields — soften the flat industrial edges */
.cinput,.cselect,.ctextarea,input,select,textarea{
  border-radius:12px!important;
  transition:border-color 0.3s,box-shadow 0.3s!important;
}
.cinput:focus,.cselect:focus,.ctextarea:focus,input:focus,select:focus,textarea:focus{
  box-shadow:0 0 0 3px rgba(200,151,42,0.14);
}
.cfile-wrap{border-radius:12px!important;overflow:hidden;}
.cfile-btn{border-radius:0!important;}

/* ---------- NUMBERED FEATURE-CARD TREATMENT ---------- */
/* Applies to any card already carrying a *-num child (wcard-num, cap-card-num, etc.) */
.wcard-num,.feat-num-tag{
  font-family:'Cormorant Garamond',serif;
  font-size:2.6rem;
  font-weight:600;
  color:rgba(200,151,42,0.22);
  line-height:1;
  transition:color 0.35s;
  margin-bottom:4px;
  display:block;
}
.wcard:hover .wcard-num{color:rgba(232,184,75,0.55);}

/* Card bottom sweep-in accent line (opt-in via .sweep-card) */
.sweep-card{position:relative;overflow:hidden;}
.sweep-card::after{
  content:'';position:absolute;bottom:0;left:24px;right:24px;height:2px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform 0.45s cubic-bezier(0.22,1,0.36,1);
}
.sweep-card:hover::after{transform:scaleX(1);}

/* ---------- CTA BAND (inserted before footer on every page) ---------- */
.cta-band{
  margin:0 56px 88px;
  padding:64px 56px;
  border-radius:28px;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg,#16232f 0%,#0f1a24 55%,#0b141d 100%);
  border:1px solid rgba(200,151,42,0.16);
  box-shadow:var(--shadow-lg);
}
.cta-band::before{
  content:'';position:absolute;right:-90px;top:-90px;width:280px;height:280px;
  border-radius:50%;border:1px solid rgba(232,184,75,0.10);
}
.cta-band::after{
  content:'';position:absolute;left:-70px;bottom:-70px;width:220px;height:220px;
  border-radius:50%;border:1px solid rgba(200,151,42,0.14);
}
.cta-band h2{position:relative;z-index:1;margin-bottom:14px;}
.cta-band p{position:relative;z-index:1;color:var(--steel-light);max-width:460px;margin:0 auto 32px;font-size:0.92rem;line-height:1.8;}
.cta-actions{position:relative;z-index:1;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

@media(max-width:900px){
  .cta-band{margin:0 20px 56px;padding:48px 24px;border-radius:20px;}
}

/* Hero medallion removed per request — no globe/dial animation for now */

/* ---------- INDUSTRY MODAL (industries.html) ---------- */
.itag{cursor:pointer;}
.industry-modal-overlay{
  display:none;position:fixed;inset:0;z-index:3000;
  background:rgba(8,13,18,0.82);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:24px;
}
.industry-modal-overlay.open{display:flex;}
.industry-modal-box{
  background:var(--ink-soft);border:1px solid rgba(200,151,42,0.22);
  border-radius:var(--radius-card-lg);max-width:560px;width:100%;
  padding:44px;position:relative;box-shadow:var(--shadow-lg);
  max-height:86vh;overflow-y:auto;
}
.industry-modal-close{
  position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;
  background:rgba(200,151,42,0.1);border:1px solid rgba(200,151,42,0.3);color:var(--gold);
  cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;
  transition:background 0.25s;
}
.industry-modal-close:hover{background:var(--gold);color:var(--ink);}
.industry-modal-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:0.64rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.industry-modal-title{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:500;color:var(--cream);margin-bottom:18px;}
.industry-modal-support{font-size:0.9rem;line-height:1.85;color:var(--steel-light);margin-bottom:26px;}
.industry-modal-products-label{font-family:'Barlow Condensed',sans-serif;font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.industry-modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.industry-modal-tag{background:rgba(200,151,42,0.08);border:1px solid rgba(200,151,42,0.22);border-radius:var(--radius-pill);padding:8px 16px;font-size:0.78rem;color:var(--cream);}
.industry-modal-note{font-size:0.82rem;color:var(--muted);line-height:1.7;border-top:1px solid var(--gold-line);padding-top:18px;}

@media(max-width:600px){
  .industry-modal-box{padding:32px 24px;}
  .industry-modal-title{font-size:1.6rem;}
}

/* ---------- WHATSAPP / EMAIL FLOAT: soften ---------- */
.email-float,.wa-float{box-shadow:var(--shadow-md)!important;}
.email-float:hover,.wa-float:hover{transform:scale(1.08) translateY(-2px)!important;}

/* ---------- CERT / BADGE POLISH ---------- */
.cbox,.cert-boxes .cbox{border-radius:var(--radius-card)!important;transition:transform 0.35s,box-shadow 0.35s!important;}
.cbox:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);}

/* ---------- LIGHTBOX POLISH ---------- */
.iso-lightbox img,#cap-lb-img{border-radius:14px;box-shadow:var(--shadow-lg);}

/* ---------- QUALITY MEDIA CARDS: fill the frame instead of letterboxing.
   Portrait (ISO cert) and landscape (QC lab) photos in a fixed-height box
   with object-fit:contain left huge empty bars — cover fills it cleanly.
   Clicking still opens the full uncropped photo in the lightbox. ---------- */
.qiso-card img{
  object-fit:cover!important;
  object-position:center top!important;
  filter:brightness(0.82)!important;
}
.qiso-card:hover img{filter:brightness(0.95)!important;}