/*
Theme Name: ZZOMM Theme (Full UIkit)
Theme URI: https://helixhabitat.github.io
Author: Isaac Horton
Description: ZZOMM WordPress theme that closely matches helixhabitat.github.io — SVG logo, UIkit off-canvas menu, AJAX WooCommerce mini-cart, favicon, fonts, and layouts.
Version: 1.1
Text Domain: zzomm_theme
*/

body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; }
.uk-navbar-container { padding: 0 1rem; }
.uk-logo img { height:40px; }
.hero { height:60vh; display:flex; align-items:center; justify-content:center; }
.hero .uk-container { text-align:center; }
.site-footer { padding: 2rem 0; }
.uk-navbar-right .uk-navbar-item { margin-left: 1rem; }
.uk-offcanvas-bar .uk-nav-default a { color: inherit; text-decoration: none; }
.uk-badge-cart { position: absolute; top:8px; right:8px; font-size:12px; }

h1, h2, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, .uk-heading-2xlarge {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
}
h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}
/* NAVBAR — match helixhabitat.github.io */
.uk-navbar-container {
    height: 72px;              /* exact top bar height */
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    background: #fff;
}
.uk-sticky.uk-active {
  background-color:white;
}
.uk-navbar-item,
.uk-navbar-nav > li > a {
    color: rgba(0, 0, 0, 1);
    font-size: .875rem;
    letter-spacing: 0.15em;
    display: flex;
    align-items: center;
    height: 72px; /* match the navbar height */
}
.uk-light .uk-navbar-nav>li>a {
  color: rgba(255, 255, 255, 1);
}
.uk-light .uk-navbar-nav>li>a:hover {
  color: rgba(0, 0, 0, 1);
}



/* Initially: white logo visible, black logo hidden */
.zzomm-logo-black { display: none; }
.uk-sticky.uk-active .zzomm-logo-white { display: none; }
.uk-sticky.uk-active .zzomm-logo-black { display: inline-block; }

/* Switch nav text color */
.uk-sticky.uk-active #zzomm-light-navbar {
    background: white;
}

.uk-sticky.uk-active #zzomm-light-navbar.uk-navbar {
    color: #000;
}

/* Override UIkit nav classes */
.uk-sticky.uk-active #zzomm-light-navbar .uk-navbar-nav > li > a {
    color: #000;
}
.uk-sticky.uk-active #zzomm-light-navbar .uk-navbar-item,
..uk-sticky.uk-active #zzomm-light-navbar .uk-navbar-toggle {
    color: #000;
}

/* Remove the uk-light style on sticky */
.uk-sticky.uk-active #zzomm-light-navbar {
    /* Remove uk-light behavior */
}

.uk-sticky.uk-active .uk-light .uk-logo {
    color: black;
}
.uk-sticky.uk-active .uk-light #zzomm-cart-button {
    color: #1e87f0;
}
.uk-sticky.uk-active .uk-light #zzomm-cart-count {
  background: #1e87f0;
  color: white !important;
}


.uk-accordion-title {
    display:block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
    overflow: hidden;
}
.uk-logo:hover path {
  fill: black;
}
/* woocommerce overrides */
.woocommerce span.onsale {
  background-color: #1e87f0;
}
.woocommerce ul.products li.product .price del {
  color: #1e87f0;
}
.woocommerce-page div.product div.images {
  float:none;
  width:100%;
}
.woocommerce span.onsale {
  top:-.5em;
  left:1.8em;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
    color: #1e87f0;
}
button.uk-button.addtocart {
    border-radius: 4px;
    padding: 5px;
    background: linear-gradient(to right, #1e87f0, #873eff);

}
button.uk-button.addtocart:hover {

    opacity:.8;
}
/* Keep cart aligned with nav links */
#zzomm-cart-button {
    position: relative;
    display: flex;
    align-items: center;
    height: 72px;
}

/* Make cart count badge clean & centered */
#zzomm-cart-count {
    position: absolute;
    top: 14px;
    right: -6px;
}

/* Ensure cart remains visible even when offcanvas opens */
.uk-offcanvas-overlay {
    pointer-events: auto !important;
}

/* Keep cart icon above overlay when offcanvas is active */
#zzomm-cart-button,
#zzomm-cart-count {
    z-index: 5000 !important;
}

/* Mobile alignment tweaks */
@media (max-width: 640px) {
    .uk-navbar-container {
        padding-left: 8px;
        padding-right: 8px;
    }

    #zzomm-cart-button {
        margin-left: 12px;
    }
}