/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.1.1770287241
Updated: 2026-02-05 15:57:21

*/

/* === Sticky Header – Astra Free (2026 compatible) === */

/* Fix the entire primary header bar */
.ast-primary-header-bar,
.main-header-bar-wrap,
.ast-main-header-wrap {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}



/* Optional: Slight shrink effect on scroll (premium feel) */
.ast-primary-header-bar.sticky-header-on,
.main-header-bar {
    padding: 0.1em 0;  /* reduce vertical padding slightly */
}

/* Mobile fixes – ensure toggle button stays accessible */
.ast-mobile-header-wrap .ast-button-wrap,
.ast-mobile-header-wrap .menu-toggle {
    z-index: 10000;
}

/* If you have transparent header initially, force bg on stick */
.ast-primary-header-bar {
    background-color: transparent;  /* initial if you want see-through at top */
}

.ast-primary-header-bar,
.main-header-bar-wrap {
    background-color: transparent;
    box-shadow: none;
    transition: all 0.4s ease;
}
.ast-primary-header-bar.sticky-active,
.main-header-bar-wrap.sticky-active {
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

#masthead .ast-primary-header-bar.sticky-active {
    background-color: rgb(253, 245, 176) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.sticky-active #primary-site-navigation-desktop .main-navigation .main-header-menu .menu-link {
  color: #000 !important;
}
.woocommerce ul.products li.product.desktop-align-center, .woocommerce-page ul.products li.product.desktop-align-center {
  border:1px solid #ccc !important;
}
.woocommerce-pagination {
  text-align: center;
}

/* ============================================
   HYGREEN HEADER - CSS ONLY ENHANCEMENT
   ============================================ */

/* Header Base */
.ast-primary-header-bar.ast-primary-header {
    background: #ffffff !important;
    box-shadow: 0 2px 20px rgba(40, 167, 69, 0.12) !important;
    border-bottom: 3px solid #28a745 !important;
    padding: 0 30px !important;
    transition: all 0.3s ease !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
}

/* Sticky Active State (from your JS) */
.ast-primary-header-bar.sticky-active {
    box-shadow: 0 4px 30px rgba(40, 167, 69, 0.18) !important;
    padding: 0 30px !important;
    background: rgba(255,255,255,0.98) !important;
    backdrop-filter: blur(10px) !important;
}

/* ============================================
   LOGO
   ============================================ */
.site-logo-img a {
    display: flex !important;
    align-items: center !important;
    transition: transform 0.3s ease !important;
}

.site-logo-img a:hover {
    transform: scale(1.04) !important;
}

.site-logo-img img {
    height: 55px !important;
    width: auto !important;
}

/* ============================================
   NAV MENU ITEMS
   ============================================ */
#ast-hf-menu-1 {
    gap: 6px !important;
    align-items: center !important;
}

#ast-hf-menu-1 .menu-item .menu-link {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    letter-spacing: 0.01em !important;
    text-decoration: none !important;
}

/* Underline animation on hover */
#ast-hf-menu-1 .menu-item .menu-link::after {
    content: '' !important;
    position: absolute !important;
    bottom: 2px !important;
    left: 14px !important;
    right: 14px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #28a745, #20c997) !important;
    border-radius: 2px !important;
    transform: scaleX(0) !important;
    transition: transform 0.25s ease !important;
}

#ast-hf-menu-1 .menu-item:hover .menu-link::after,
#ast-hf-menu-1 .menu-item .menu-link:focus::after {
    transform: scaleX(1) !important;
}

/* Hover state */
#ast-hf-menu-1 .menu-item:hover .menu-link,
#ast-hf-menu-1 .menu-item .menu-link:focus {
    color: #28a745 !important;
    background: #f0fdf4 !important;
}

/* Active / Current page */
#ast-hf-menu-1 .current-menu-item .menu-link,
#ast-hf-menu-1 .current_page_item .menu-link {
    color: #16a34a !important;
    background: #f0fdf4 !important;
    font-weight: 700 !important;
}

#ast-hf-menu-1 .current-menu-item .menu-link::after,
#ast-hf-menu-1 .current_page_item .menu-link::after {
    transform: scaleX(1) !important;
}

/* ============================================
   CONTACT US - HIGHLIGHTED MENU ITEM
   ============================================ */
#menu-item-23 .menu-link {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3) !important;
}

#menu-item-23 .menu-link::after {
    display: none !important;
}

#menu-item-23:hover .menu-link {
    background: linear-gradient(135deg, #20c997, #28a745) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4) !important;
}

/* ============================================
   PHONE BUTTON
   ============================================ */
.ast-header-button-1 .ast-custom-button-link {
    text-decoration: none !important;
}

.ast-header-button-1 .ast-custom-button {
    background: #ffffff !important;
    color: #16a34a !important;
    border: 2px solid #28a745 !important;
    border-radius: 25px !important;
    padding: 10px 22px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    transition: all 0.25s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 4px 15px rgba(40,167,69,0.12) !important;
}

.ast-header-button-1 .ast-custom-button:hover {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(40, 167, 69, 0.35) !important;
}

/* Hide duplicate text link */
.ast-header-button-1 a.menu-link {
    display: none !important;
}

/* ============================================
   MOBILE HEADER
   ============================================ */
@media (max-width: 921px) {
    .ast-primary-header-bar.ast-primary-header {
        padding: 0 16px !important;
    }

    /* Mobile menu toggle button */
    .ast-mobile-menu-trigger-minimal .menu-toggle,
    button.ast-mobile-menu-trigger-minimal {
        background: #28a745 !important;
        border-radius: 10px !important;
        padding: 8px 10px !important;
        color: white !important;
    }

    /* Mobile nav items */
    .main-header-menu .menu-item .menu-link {
        padding: 12px 20px !important;
        font-size: 1rem !important;
        border-bottom: 1px solid #f0fdf4 !important;
    }

    /* Mobile contact button full width */
    #menu-item-23 .menu-link {
        border-radius: 10px !important;
        text-align: center !important;
        margin: 10px 16px !important;
        display: block !important;
    }

    /* Hide phone button on mobile (already have WhatsApp float) */
    .ast-header-button-1 {
        display: none !important;
    }
}

.hygreen-footer-contact {
  font-family: inherit;
  font-size: 0.9rem;
  color: #e5e7eb;
  padding: 10px 0;
}

.hf-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
}

.hf-item {
  display: flex;
  flex-direction: column;
  min-width: 180px;
}

.hf-label {
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  color: #9ca3af;
  margin-bottom: 2px;
}

.hf-text {
  color: #e5e7eb;
}

.hf-link {
  color: #bbf7d0;
  text-decoration: none;
  font-weight: 500;
}

.hf-link:hover {
  color: #4ade80;
  text-decoration: underline;
}

/* Stack neatly on small screens */
@media (max-width: 600px) {
  .hf-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .hf-item {
    width: 100%;
  }
}

.global-cta {
padding: 40px 20px;
background: linear-gradient(135deg, #22c55e 0%, #16a34a 45%, #0ea5e9 100%);
color: #ffffff;
}

.global-cta-inner {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px;
justify-content: space-between;
}

.global-cta-text {
max-width: 620px;
}

.global-cta-title {
font-size: 1.5rem;
font-weight: 800;
margin-bottom: 6px;
}

.global-cta-subtitle {
font-size: 0.98rem;
opacity: 0.95;
}

.global-cta-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.global-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 24px;
border-radius: 999px;
font-size: 0.95rem;
font-weight: 700;
text-decoration: none;
transition: all 0.25s ease;
border: 2px solid transparent;
white-space: nowrap;
}

.global-cta-btn-primary {
background: #ffffff;
color: #15803d;
}

.global-cta-btn-primary:hover {
background: #e5f9ef;
border-color: #bbf7d0;
transform: translateY(-2px);
}

.global-cta-btn-outline {
background: transparent;
color: #ffffff;
border-color: rgba(255,255,255,0.7);
}

.global-cta-btn-outline:hover {
background: rgba(255,255,255,0.12);
transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 768px) {
.global-cta-inner {
flex-direction: column;
align-items: flex-start;
}
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {padding: 0;}
.global-cta-btn.global-cta-btn-outline:hover {
  color: var(--ast-global-color-2);
}
.cta-button.cta-button-primary:hover {
  color: var(--ast-global-color-2);
}
.cta-button.cta-button-secondary:hover {
  color: var(--ast-global-color-2);
}
.cta-secondary:hover {
  color: var(--ast-global-color-2);
}

.wp-block-categories-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  background: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 
    0 20px 40px rgba(0,0,0,0.08),
    0 1px 3px rgba(0,0,0,0.1),
    inset 0 1px 0 rgba(255,255,255,0.6);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2);
  min-height: 120px;
}

.wp-block-categories-list .cat-item {
  flex: 1 1 200px;
  margin: 0;
}

.wp-block-categories-list .cat-item a {
  display: block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  text-decoration: none;
  padding: 16px 24px;
  border-radius: 16px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 8px 25px rgba(102, 126, 234, 0.4),
    0 4px 12px rgba(0,0,0,0.1);
  transform: translateY(0);
}

.wp-block-categories-list .cat-item a:hover {
  transform: translateY(-4px);
  box-shadow: 
    0 20px 40px rgba(102, 126, 234, 0.5),
    0 8px 25px rgba(0,0,0,0.15);
  background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
}

.wp-block-categories-list .cat-item a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transition: left 0.5s;
}

.wp-block-categories-list .cat-item a:hover::before {
  left: 100%;
}

.wp-block-categories-list .cat-item:nth-child(odd) a {
  background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
  box-shadow: 0 8px 25px rgba(72, 187, 120, 0.4);
}

.wp-block-categories-list .cat-item:nth-child(odd) a:hover {
  background: linear-gradient(135deg, #38a169 0%, #2f855a 100%);
  box-shadow: 0 20px 40px rgba(72, 187, 120, 0.5);
}

.wp-block-categories-list .cat-item:nth-child(3n) a {
  background: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
  box-shadow: 0 8px 25px rgba(246, 173, 85, 0.4);
}

.wp-block-categories-list .cat-item:nth-child(3n) a:hover {
  background: linear-gradient(135deg, #dd6b20 0%, #c05621 100%);
  box-shadow: 0 20px 40px rgba(246, 173, 85, 0.5);
}

/* Responsive Design */
@media (max-width: 768px) {
  .wp-block-categories-list {
    flex-direction: column;
    gap: 10px;
    padding: 20px;
  }
  
  .wp-block-categories-list .cat-item {
    flex: 1 1 auto;
  }
  
  .wp-block-categories-list .cat-item a {
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .wp-block-categories-list {
    padding: 16px;
    border-radius: 16px;
  }
}

.products.columns-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 32px;
  padding: 40px 20px;
  max-width: 1400px;
  margin: 0 auto;
 /* background: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 32px;
  box-shadow: 
    0 32px 80px rgba(0,0,0,0.12),
    0 1px 3px rgba(0,0,0,0.1),
    inset 0 1px 0 rgba(255,255,255,0.8);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.3); */
}

.products.columns-3 > li {
  list-style: none;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(20px);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 
    0 20px 60px rgba(0,0,0,0.1),
    0 8px 25px rgba(0,0,0,0.08);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  transform: translateY(0);
}

.products.columns-3 > li:hover {
  transform: translateY(-12px);
  box-shadow: 
    0 40px 100px rgba(0,0,0,0.15),
    0 20px 40px rgba(0,0,0,0.12);
}

.astra-shop-thumbnail-wrap {
  position: relative;
  overflow: hidden;
  height: 280px;
  background: linear-gradient(135deg, #f7fafc, #edf2f7);
}

.astra-shop-thumbnail-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
  border-radius: 24px 24px 0 0;
}

.products.columns-3 > li:hover .astra-shop-thumbnail-wrap img {
  transform: scale(1.05);
}

.astra-shop-thumbnail-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(72,187,120,0.1), rgba(102,126,234,0.1));
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.products.columns-3 > li:hover .astra-shop-thumbnail-wrap::before {
  opacity: 1;
}

.astra-shop-summary-wrap {
  padding: 28px;
  text-align: center;
}

.ast-woo-product-category {
  display: inline-block;
  background: linear-gradient(135deg, #48bb78, #38a169);
  color: white;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  box-shadow: 0 4px 15px rgba(72,187,120,0.3);
  transition: all 0.3s ease;
}

.ast-woo-product-category:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(72,187,120,0.4);
}

.woocommerce-loop-product__title {
  font-size: 22px;
  font-weight: 700;
  color: #1a202c;
  margin: 0;
  line-height: 1.3;
  transition: color 0.3s ease;
  position: relative;
}

.woocommerce-loop-product__title:hover {
  color: #38a169;
}

.woocommerce-LoopProduct-link,
.ast-loop-product__link {
  text-decoration: none;
  display: block;
}

/* Category-specific colors */
.product_cat-winter-forage .ast-woo-product-category {
  background: linear-gradient(135deg, #4299e1, #3182ce);
  box-shadow: 0 4px 15px rgba(66,153,225,0.3);
}

.product_cat-winter-forage .astra-shop-thumbnail-wrap::before {
  background: linear-gradient(135deg, rgba(66,153,225,0.15), rgba(96,165,250,0.15));
}

.product_cat-wheat-barley .ast-woo-product-category {
  background: linear-gradient(135deg, #f6ad55, #ed8936);
  box-shadow: 0 4px 15px rgba(246,173,85,0.3);
}

.product_cat-wheat-barley .astra-shop-thumbnail-wrap::before {
  background: linear-gradient(135deg, rgba(246,173,85,0.15), rgba(251,146,60,0.15));
}

.product_cat-mustard .ast-woo-product-category {
  background: linear-gradient(135deg, #e53e3e, #c53030);
  box-shadow: 0 4px 15px rgba(229,62,62,0.3);
}

.product_cat-mustard .astra-shop-thumbnail-wrap::before {
  background: linear-gradient(135deg, rgba(229,62,62,0.15), rgba(197,48,48,0.15));
}

/* Responsive Design */
@media (max-width: 1024px) {
  .products.columns-3 {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    padding: 32px 16px;
  }
}

@media (max-width: 768px) {
  .products.columns-3 {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px 12px;
    border-radius: 20px;
  }
  
  .products.columns-3 > li:hover {
    transform: translateY(-8px);
  }
  
  .astra-shop-summary-wrap {
    padding: 20px 16px;
  }
}

@media (max-width: 480px) {
  .astra-shop-thumbnail-wrap {
    height: 240px;
  }
  
  .woocommerce-loop-product__title {
    font-size: 20px;
  }
}

/* Loading animation for images */
img[loading="lazy"] {
  opacity: 0;
  animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
  to { opacity: 1; }
}


/* WoCommerce single page */

.ast-single-entry-banner[data-post-type="product"] .ast-container > :not(:last-child), .ast-single-entry-banner[data-post-type="product"] .read-more {
  padding-top: 30px !important;
}