/* ===== COCHINWOOD: Header styling (CSS-only) ===== */

/* Make the header white, sticky, with a thin bottom line */
header, .site-header, .zs-header {
  background:#ffffff !important;
  border-bottom:1px solid #e5e5e5 !important;
  position: sticky; top:0; z-index: 9999;
}

/* Keep the inner row tidy */
header .row, .site-header .row, .zs-header .row,
header .container, .site-header .container, .zs-header .container {
  max-width:1200px; margin:0 auto;
}

/* Nav links: spacing + color */
header nav a, .site-header nav a, .zs-header nav a {
  color:#0f172a !important;
  font-weight:500 !important;
  text-decoration:none !important;
  padding:10px 14px !important;
}

/* Hover color similar to Odoo green tone */
header nav a:hover, .site-header nav a:hover, .zs-header nav a:hover {
  color:#0b6f5f !important;
}

/* Optionally tighten menu spacing on desktop */
@media (min-width: 992px){
  header nav ul, .zs-header nav ul { gap: 6px; display:flex; }
}

/* Logo sizing */
header .logo img, .site-header .logo img, .zs-header .logo img { height:44px !important; }

/* --- Turn specific menu links into green "buttons" --- */
/* Make sure your menu includes items whose URLs contain these words */
header nav a[href*="contact"], .zs-header nav a[href*="contact"],
header nav a[href*="brochure"], .zs-header nav a[href*="brochure"] {
  background:#004d40 !important;
  color:#fff !important;
  border-radius:8px !important;
  padding:8px 16px !important;
  margin-left:8px !important;
  font-weight:600 !important;
}
header nav a[href*="contact"]:hover, .zs-header nav a[href*="contact"]:hover,
header nav a[href*="brochure"]:hover, .zs-header nav a[href*="brochure"]:hover {
  background:#0b6f5f !important;
}

/* Phone item looks like plain text (optional if you add a menu item for phone) */
header nav a[href*="tel:"], .zs-header nav a[href*="tel:"] {
  background:transparent !important;
  color:#0f172a !important;
  font-weight:500 !important;
  padding:0 6px !important;
  cursor:default !important;
}

/* Footer links: white by default */
.cw-footer a,
.cw-footer a:visited {
  color: #ffffff !important;
  text-decoration: none;
}

/* Hover/focus: only TEXT links change to #00997a */
.cw-footer a:hover,
.cw-footer a:focus-visible {
  color: #00997a !important;
  text-decoration: underline;      /* optional */
  text-underline-offset: 2px;      /* optional */
}

/* Explore Products: white bg + black text, invert on hover */
.btn-explore-black {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 9999px;              /* keep pill shape */
  text-decoration: none !important;
  transition: all .18s ease-in-out;
}

/* make inner spans/icons follow the text color */
.btn-explore-black * { color: inherit !important; }

/* Hover / keyboard focus: invert colors */
.btn-explore-black:hover,
.btn-explore-black:focus-visible {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  text-decoration: none !important;   /* no underline */
}

/* Optional: slight press feedback */
.btn-explore-black:active { transform: translateY(1px); }