/*
Theme Name: AZV Supply
Theme URI: https://dwd.tech
Author: Philip N. Deatherage
Author URI: https://dwd.tech
Template: storefront
Description: Child theme based on the Storefront theme for AZV Supply.
Version: 1.0.1.1.1
Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
*/

.col-full {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2.617924em;
	box-sizing: content-box;
}

/* header#masthead {
    background: #111111;
} */

.home .hentry.type-page .entry-header {
    display: none !important;
}

.storefront-primary-navigation {
    clear: both;
    background: #C2662E;
}

#woocommerce-product-search-field-0 {
    max-width: 500px;
    border-radius: 30px !important;
}

.erp_message {
    background: #3858e978;
    color: #111111;
    text-align: center;
}

/* ──────────────────────────────────────────────────────
   1. Header nav & cart wrapper: flex layout, 25px padding, white top/bottom borders
────────────────────────────────────────────────────── */
.storefront-primary-navigation > .col-full {
  display:       flex;
  align-items:   center;
  padding:       0 25px;
  border-top:    1px solid #fff;
  border-bottom: 1px solid #fff;
}

/* Let the <nav> grow and push the cart to the right */
.storefront-primary-navigation > .col-full nav#site-navigation {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
}
/* ──────────────────────────────────────────────────────
   Center primary-navigation links
────────────────────────────────────────────────────── */
#site-navigation .primary-navigation .menu {
  display:        flex;
  justify-content: center;
  /* if you prefer even gaps between items, you can swap to:
     justify-content: space-evenly; */
}

/* ──────────────────────────────────────────────────────
   2. Reset nav menus margin/padding
────────────────────────────────────────────────────── */
#site-navigation .primary-navigation,
.handheld-navigation,
.handheld-navigation .menu {
  margin:  0;
  padding: 0;
}

/* ──────────────────────────────────────────────────────
   3. Menu links: white, bold, snug padding
────────────────────────────────────────────────────── */
#site-navigation .primary-navigation .menu a,
.handheld-navigation .menu a {
  display:      inline-block;
  color:        #fff;
  font-weight:  bold;
  padding:      6px 10px;
}

/* Hover = logo-orange background */
#site-navigation .primary-navigation .menu a:hover,
.handheld-navigation .menu a:hover {
  background-color: #C2662E;
  color:            #fff;
}

/* ──────────────────────────────────────────────────────
   4. Vertical separators on menu items
────────────────────────────────────────────────────── */
#site-navigation .primary-navigation .menu > li,
.handheld-navigation .menu > li {
  position: relative;
}
#site-navigation .primary-navigation .menu > li:not(:last-child)::after,
.handheld-navigation .menu > li:not(:last-child)::after {
  content:    '';
  position:   absolute;
  top:        0;
  bottom:     0;
  right:      0;
  width:      1px;
  background: #fff;
}

/* ──────────────────────────────────────────────────────
   5. Site header cart: fixed 250px flex box, override floats/percent widths
────────────────────────────────────────────────────── */
#site-header-cart {
  margin:         0        !important;
  padding:        0        !important;
  float:          none     !important;
  list-style:     none;
}

/* Cart link & widget styling */
#site-header-cart .cart-contents {
  color:        #fff;
  font-weight:  bold;
  padding:      6px 10px;
}
#site-header-cart .woocommerce-Price-amount,
#site-header-cart .count,
#site-header-cart .widget_shopping_cart {
  color:        #fff;
}
#site-header-cart .widget_shopping_cart {
  display: inline-block;
  padding: 6px 10px;
}
/* ──────────────────────────────────────────────────────
   6. Force both cart links white
────────────────────────────────────────────────────── */
a.cart-contents,
.site-header-cart .widget_shopping_cart a {
  color: #fff !important;
}
.widget.woocommerce.widget_shopping_cart {
    background: #C2662E;
}
#site-header-cart .woocommerce-Price-amount, li.woocommerce-mini-cart-item.mini_cart_item .quantity {
    color: #ffffff;
}
p.woocommerce-mini-cart__total.total, p.woocommerce-mini-cart__buttons.buttons {
    background: #C2662E !important;
}
.added_to_cart, .site-header-cart .widget_shopping_cart a.button {
    background: #F1E1B2;
    color: #111111 !important;
}
a.button.checkout.wc-forward {
    background:#3C6E47;
    color: #ffffff !important;
}

/* Variation Grid */
table.variation_grid, .vg_footer {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
}

/* Secondary Menu */
.secondary-navigation .menu a {
    background: #C2662E;
    color: #ffffff !important;
    border-radius: 50px;
    padding: 10px;
    font-weight: bold !important;
    border: 1px solid #fff;
}

body.home header#masthead {
    margin-bottom: 0px !important;
    padding-top: 10px !important;
}

nav.secondary-navigation, .site-search {
    padding-top: 30px;
}

body.home .col-full {
    padding: 0px !important;
}

figure.wp-block-gallery.aligncenter.has-nested-images.columns-default.is-cropped.wp-block-gallery-1.is-layout-flex.wp-block-gallery-is-layout-flex {
    margin: 0px !important;
}

/* ========================================================
   GLOBAL SLIDER RESET
   — make every slider wrapper a flat, gap-free flex container 
   — force slides auto-height and images letterbox
   ======================================================== */
.eb-parent-wrapper,
.eb-slider-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;       /* remove any inner flex/gutters */
}

.slick-list,
.slick-track,
.slick-slide {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;         /* grow to fit image */
}

.eb-slider-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;  /* no cropping */
  margin: 0 !important;
  padding: 0 !important;
}

/* ========================================================
   FORCE DOTS BELOW ALL SLIDERS (never overlay)
   ======================================================== */
.slick-dots {
  position: relative !important;   /* normal flow, below slides */
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 10px auto 0 auto !important;  /* small gap, centered */
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  pointer-events: auto !important;
  z-index: 1 !important;           /* behind any nav arrows */
}

/* ========================================================
   TWO-COLUMN HOME-SLIDERS ROW
   — collapse the WP block gap so the two sliders touch
   ======================================================== */
.home-sliders.wp-block-columns {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 0 !important;
  column-gap: 0 !important;
  --wp--style--block-gap: 0px;
}

.home-sliders .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 0 !important;
}

/* ========================================================
   THREE-COLUMN SLIDER ROW
   — targets the core-columns layout by its unique class
   ======================================================== */
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493 {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 0 !important;
  column-gap: 0 !important;
  --wp--style--block-gap: 0px;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493
  .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 0 !important;
}

/* Product Images */
/* Let the viewport auto-size to its content (your square slides) */
.woocommerce-product-gallery .flex-viewport {
  height: auto !important;
}
/* Container stays square and maxes out at 1000px */
.woocommerce-product-gallery__image {
  position: relative;
  width: 100%;
  max-width: 1000px;
}

/* 1:1 aspect ratio hack */
.woocommerce-product-gallery__image::before {
  content: "";
  display: block;
  padding-top: 100%;
}

/* Absolutely position the img inside, fill & crop as needed */
.woocommerce-product-gallery__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;  /* or cover if you want cropping */
}


@media screen and (min-width: 768px) {
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
      padding-left: 20px !important;
  }
}

@media screen and (max-width: 768px) {

}

/* ──────────────────────────────────────────────────────
   Tax Exempt Notice – cart & checkout banners + checkbox
────────────────────────────────────────────────────── */
.azv-tax-exempt-notice {
    background: #fff3cd;
    border: 2px solid #c2662e;
    border-left: 6px solid #c2662e;
    color: #333;
    padding: 14px 20px;
    margin: 15px 0;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.5;
}

.azv-tax-exempt-notice p {
    margin: 0;
    font-weight: 600;
}

.azv-tax-exempt-notice .azv-tax-exempt-state {
    font-weight: 700;
    color: #c2662e;
}

.azv-tax-exempt-checkbox-wrap {
    background: #fff3cd;
    border: 2px solid #c2662e;
    border-left: 6px solid #c2662e;
    padding: 14px 20px;
    margin: 15px 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
}

.azv-tax-exempt-checkbox-wrap label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-weight: 600;
    color: #333;
}

.azv-tax-exempt-checkbox-wrap input[type="checkbox"] {
    margin-top: 3px;
    min-width: 18px;
    min-height: 18px;
    accent-color: #c2662e;
}

.azv-tax-exempt-checkbox-wrap .azv-tax-exempt-state {
    font-weight: 700;
    color: #c2662e;
}