/* =========================================================================
   AYHA NOVA — brand styling (navy & gold industrial)
   Loaded after Blocksy. Uses CSS variables so colours are edited in one place.
   ========================================================================= */
:root{
  --ayha-navy:#0C2340;
  --ayha-navy-deep:#071A30;
  --ayha-gold:#C8A44D;
  --ayha-gold-dark:#B08D3A;
  --ayha-grey-bg:#F4F6F8;
  --ayha-line:#E3E8ED;
  --ayha-ink:#14202E;
  --ayha-muted:#5C6B7A;
  --ayha-instock:#1E8E5A;
  --ayha-onrequest:#C8811E;
  --ayha-oos:#C0392B;
}

/* ---- Buttons ---------------------------------------------------------- */
.ayha-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.7rem 1.15rem;border-radius:6px;font-weight:600;font-size:.9rem;
  letter-spacing:.02em;text-decoration:none;line-height:1;cursor:pointer;
  border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;
}
.ayha-btn-quote{background:var(--ayha-navy);color:#fff;border-color:var(--ayha-navy);}
.ayha-btn-quote:hover{background:var(--ayha-navy-deep);color:#fff;}
.ayha-btn-wa{background:#25D366;color:#0b3d1e;border-color:#1fbf5a;}
.ayha-btn-wa:hover{background:#1fbf5a;color:#062b14;}

/* Product page action row (Request Quote + WhatsApp under Add to Cart) */
.ayha-product-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;}
.ayha-product-actions .ayha-btn{flex:1 1 auto;min-width:180px;}

/* Make WooCommerce primary buttons navy, accent = gold */
.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,.woocommerce .single_add_to_cart_button{
  background:var(--ayha-navy)!important;color:#fff!important;font-weight:600!important;
}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover{background:var(--ayha-navy-deep)!important;}
.woocommerce .price,.woocommerce ul.products li.product .price{
  color:var(--ayha-navy)!important;font-weight:700;
}

/* ---- VAT note next to price ------------------------------------------ */
.ayha-vat-note{font-size:.72em;font-weight:500;color:var(--ayha-muted);margin-left:.35em;white-space:nowrap;}

/* ---- Stock labels ---------------------------------------------------- */
.ayha-stock{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.85rem;}
.ayha-stock::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;}
.ayha-stock.is-instock{color:var(--ayha-instock);}
.ayha-stock.is-onrequest{color:var(--ayha-onrequest);}
.ayha-stock.is-oos{color:var(--ayha-oos);}

/* ---- Product trust badges ------------------------------------------- */
.ayha-trust{list-style:none;margin:1.25rem 0 0;padding:1rem 1.1rem;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .9rem;background:var(--ayha-grey-bg);
  border:1px solid var(--ayha-line);border-radius:8px;}
.ayha-trust li{display:flex;align-items:center;gap:.55rem;font-size:.85rem;color:var(--ayha-ink);font-weight:500;}
.ayha-trust li svg{flex:none;color:var(--ayha-gold-dark);}

/* ---- Floating WhatsApp button --------------------------------------- */
.ayha-wa-float{position:fixed;right:18px;bottom:22px;z-index:9990;width:54px;height:54px;
  border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.22);transition:transform .15s;}
.ayha-wa-float:hover{transform:scale(1.06);color:#fff;}

/* ---- Mobile sticky bottom bar --------------------------------------- */
.ayha-mobilebar{display:none;}
@media (max-width:768px){
  .ayha-mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:9995;display:grid;
    grid-template-columns:repeat(4,1fr);background:var(--ayha-navy);border-top:2px solid var(--ayha-gold);}
  .ayha-mobilebar .ayha-mb-item{position:relative;display:flex;flex-direction:column;align-items:center;
    justify-content:center;padding:.55rem 0;color:#fff;font-size:.7rem;text-decoration:none;font-weight:600;}
  .ayha-mobilebar .ayha-mb-wa{color:#7bf0a5;}
  .ayha-mb-count{position:absolute;top:4px;right:calc(50% - 22px);background:var(--ayha-gold);color:var(--ayha-navy-deep);
    font-size:.62rem;min-width:16px;height:16px;line-height:16px;border-radius:9px;text-align:center;padding:0 3px;font-weight:700;}
  /* keep the floating WA button clear of the bar */
  .ayha-wa-float{bottom:70px;}
  body{padding-bottom:56px;}
}

/* ---- Header accent --------------------------------------------------- */
.ayha-topbar{background:var(--ayha-navy-deep);color:#dfe6ee;font-size:.82rem;}
.ayha-topbar a{color:#dfe6ee;text-decoration:none;}
.ayha-topbar a:hover{color:var(--ayha-gold);}

/* ---- Nav hover: gold ------------------------------------------------- */
.ct-header li.menu-item:not(.ayha-quote-btn) > a:hover,
.ct-header li.menu-item:not(.ayha-quote-btn) > a:focus,
.ct-header .ct-menu-link:not(.ayha-quote-btn a):hover,
.ct-header li.menu-item:not(.ayha-quote-btn):hover > a{color:var(--ayha-gold)!important;}
.ct-header li.menu-item:not(.ayha-quote-btn) > a:hover svg,
.ct-header li.menu-item:not(.ayha-quote-btn):hover > a svg{color:var(--ayha-gold)!important;fill:var(--ayha-gold)!important;}

/* ---- Header: show logo only (hide WP site title/tagline text) -------- */
.ct-header .site-name,.ct-header .site-title,.ct-header .site-description,
.site-branding .site-name,.site-branding .site-title,.site-branding .site-description,
[data-id="logo"] .site-name,[data-id="logo"] .site-description{display:none!important;}
.ct-header [data-id="logo"] img,.site-logo-container img,.custom-logo,
.ct-logo-container img{max-height:60px!important;width:auto!important;}
@media (max-width:768px){.ct-header [data-id="logo"] img,.custom-logo{max-height:44px!important;}}

/* ---- Gold "Request a Quote" nav button ------------------------------ */
li.ayha-quote-btn{display:flex!important;align-items:center;}
li.ayha-quote-btn > a,.ayha-quote-btn > a.ct-menu-link{
  background:var(--ayha-gold)!important;color:var(--ayha-navy-deep)!important;
  border-radius:6px;padding:.55rem 1.15rem!important;margin-left:.5rem;
  font-weight:700!important;text-transform:uppercase;letter-spacing:.03em;line-height:1;
  transition:background .15s,color .15s;
}
li.ayha-quote-btn > a:hover,.ayha-quote-btn > a.ct-menu-link:hover{
  background:var(--ayha-gold-dark)!important;color:#fff!important;
}
/* keep the gold button from inheriting the underline/indicator */
li.ayha-quote-btn > a::before,li.ayha-quote-btn > a::after{display:none!important;}
