/* ==========================================================================
   mouldhubs.com — /parts/ beverage-line catalogue
   Brand alignment layer. Appended after the vendor stylesheet so it wins
   without editing the minified original. Colours match the main
   mouldhubs.com portal: --c-orange #FF6B35, --c-silver #C0C5CE, --c-bg #0A0E1A.
   ========================================================================== */

:root{
  --navy:#0A0E1A;
  --ink:#E8ECF2;
  --muted:#94A3B8;
  --paper:#0A0E1A;
  --off:#101725;
  --line:#222C3C;
  --accent:#FF6B35;
  --blue:#4A9EFF;
  --mint:#16202E;
}

/* The logo SVG is dark-background artwork — give it breathing room and a
   fixed height so it does not inherit img{width:100%}. */
.logo-img{
  width:auto!important;
  height:34px;
  display:block;
  border-radius:3px;
}
.header{background:#0A0E1A;border-bottom:1px solid #1A2433}
.header .logo-img{height:36px}

body{
  background:#0A0E1A;
  color:#E8ECF2;
}
p{color:#9FAEC0}
h1,h2,h3{color:#F8FAFC}

.topline{background:#05080F;color:#7C8DA1}
.topline span{color:#55677D}

.header-links a{color:#8FA2B6}
.header-links a.active{color:#F8FAFC}
.header-links a:hover{color:#FF6B35}

.module-nav{background:#0D1420;border-top:1px solid #1A2433;border-bottom:1px solid #1A2433}
.module-nav a{color:#8FA2B6}
.module-nav a.current{border-bottom-color:#FF6B35;color:#F8FAFC}
.module-nav span{color:#55677D}

.button{background:#131C29;border-color:#253144;color:#E8ECF2}
.button:hover{background:#1B2634}
.button.primary{background:#FF6B35;border-color:#FF6B35;color:#0A0E1A}
.button.primary:hover{background:#FF8149}
.button.accent{background:#FF6B35;border-color:#FF6B35;color:#0A0E1A}
.cart-count{background:rgba(10,14,26,.32);color:#0A0E1A}
.button.primary .cart-count{background:rgba(10,14,26,.28)}

.languages{border-color:#253144}
.languages a{color:#8FA2B6}
.languages a[aria-current]{background:#1B2634;color:#F8FAFC}

.hero-visual{background:#0D1420;border-color:#1E2836}
.hero-visual:before{background-image:linear-gradient(#1B2534 1px,transparent 1px),linear-gradient(90deg,#1B2534 1px,transparent 1px)}
.hero-visual>span,.visual-caption{color:#5D6F85}
.hero-visual img{mix-blend-mode:screen;filter:drop-shadow(0 12px 10px rgba(0,0,0,.55))}

.eyebrow{color:#4A9EFF}
.eyebrow:before{background:#FF6B35}

.brand-ribbon{border-color:#1A2433}
.brand-ribbon p{color:#7C8DA1}
.brand-ribbon strong{color:#C0C5CE}
.brand-ribbon .micro{color:#5D6F85}

.module-tile{background:#101725;border-color:#222C3C}
.module-tile:hover{border-color:#FF6B35}
.tile-art{background:#0D1420}
.tile-no{color:#5D6F85}
.tile-foot{color:#5D6F85}
.tile-arrow{color:#FF6B35}
.module-tile.all-tile{background:linear-gradient(140deg,#151F2E,#0A0E1A)}
.all-tile p{color:#8FA2B6}

.notice{background:#15130F;border-color:#3A3122;color:#C2A87E}
.notice:before{border-color:#8A7048}
.notice.blue{background:#0D1420;color:#8FA2B6;border-color:#1E2836}

.catalogue-toolbar select,.search input,.field input,.field select,.field textarea{
  background:#0D1420;border-color:#253144;color:#E8ECF2}
.search input::placeholder{color:#5D6F85}
.search svg{stroke:#5D6F85}
.reset{color:#8FA2B6;border-bottom-color:#4A5A6E}

.sidebar a{color:#8FA2B6}
.side-links a.current{background:#1B2634;color:#F8FAFC}
.side-links a:hover{background:#141D2A}
.side-links a span{color:#5D6F85}
.side-label{color:#5D6F85}
.side-guide{color:#7C8DA1;border-top-color:#1A2433}
.side-guide b{color:#C0C5CE}

.product-card{background:#101725;border-color:#222C3C}
.product-card:hover{border-color:#FF6B35;box-shadow:0 10px 28px rgba(0,0,0,.4)}
.product-art{background:#0D1420}
.product-code{color:#5D6F85}
.art-label{color:#4A5A6E}
.product-category{color:#5D6F85}
.product-desc{color:#9FAEC0}
.model-ref{border-top-color:#1E2836}
.model-ref span{color:#5D6F85}
.model-ref p{color:#C0C5CE}
.review-label{color:#8FA2B6}
.product-actions{border-top-color:#1E2836}
.product-actions .details{color:#4A9EFF}
.add-part{background:#16202E;border-color:#253144;color:#C0C5CE}
.add-part:hover{border-color:#FF6B35;color:#FF6B35}
.add-part.selected{background:#123528;border-color:#1E5E43;color:#5BD6A0}

.machine-strip{border-color:#222C3C}
.machine-strip div+div{border-left-color:#222C3C}
.machine-strip b{color:#C0C5CE}

.page-intro .breadcrumb{color:#5D6F85}
.result-meta{color:#5D6F85}

.bottom-cta{background:linear-gradient(140deg,#151F2E,#0A0E1A)}
.bottom-cta p{color:#8FA2B6}

.reference-box{background:#101725;border-color:#222C3C}
.reference-box dt{color:#F8FAFC}
.reference-box dd{color:#9FAEC0}
.reference-box dd a,.sources-section a{color:#4A9EFF}
.sources-section{border-color:#1A2433}
.sources-section details{border-bottom-color:#1A2433}

.inquiry-list{background:#101725;border-color:#222C3C}
.inquiry-list h2{background:#151F2E;border-bottom-color:#222C3C}
.inquiry-item{border-bottom-color:#1E2836}
.inquiry-item span{color:#5D6F85}
.inquiry-item input{background:#0D1420;border-color:#253144;color:#E8ECF2}
.remove{color:#C97B6A}
.inquiry-tip{background:#0D1420;color:#8FA2B6}
.form-box{background:#101725;border-color:#222C3C}

.empty-state{background:#0D1420;border-color:#2A3648}

.footer{background:#070B12;border-top-color:#1A2433}
.footer p{color:#7C8DA1}
.footer-mark{background:#16202E;color:#C0C5CE}
.footer-top>div:nth-child(2) a{color:#8FA2B6}
.footer-top>div:nth-child(2) a:hover{color:#FF6B35}
.footer-bottom{border-top-color:#1A2433;color:#5D6F85}

.selection-bar{background:#0E1723;box-shadow:0 10px 44px rgba(0,0,0,.6);color:#E8ECF2}
.toast{background:#123528;color:#CFF5E6}

dialog{color:#E8ECF2;background:#101725;border:1px solid #222C3C}
dialog::backdrop{background:rgba(4,8,14,.82)}
.dialog-head{border-bottom-color:#222C3C;color:#7C8DA1}
.close-dialog{background:#16202E;color:#C0C5CE}
.dialog-body h2{color:#F8FAFC}
.dialog-label{color:#5D6F85}
.dialog-block{border-top-color:#1A2433}
.source-links a{text-decoration-color:#3A5A7A}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline-color:#FF6B35}

/* ---- Cross-link back to the main mouldhubs.com portal ---- */
.portal-link{
  font:10px/1.6 var(--mono);
  letter-spacing:.4px;
  color:#5D6F85;
  border-bottom:1px solid #2A3648;
  padding-bottom:1px;
  white-space:nowrap;
}
.portal-link:hover{color:#FF6B35;border-bottom-color:#FF6B35}
.header-inner .portal-link{margin-left:4px}

/* ---- Responsive parity with the vendor sheet ---- */
@media(max-width:800px){
  .logo-img{height:28px}
  .header .logo-img{height:30px}
}
@media(max-width:480px){
  .logo-img{height:24px}
  .header .logo-img{height:26px}
}