/* Custom Styles for Divi Child Theme */

/* =Global Styles
-------------------------------------------------------------- */
body {
	/* Add global styles here */
}

/* =WooCommerce Overrides
-------------------------------------------------------------- */
.woocommerce ul.products li.product {
	/* Product grid styles */
}

.woocommerce .products .added_to_cart {
	/* Added to cart button styles */
}

.woocommerce .quantity input.qty {
    padding: 0px !important;
}

/* =Custom Header/Footer
-------------------------------------------------------------- */
/* Footer logo: hidden by default; JS controls visibility */
#footer-logo-id {
    opacity: 0;
    transition: opacity 0.6s ease;
}
#footer-logo-id.footer-logo-visible {
    opacity: 1;
}

input.input-text {
    padding: 3px !important;
}
.select2-selection--single {
    padding: 3px !important;
    min-height: 3px !important;
    line-height: normal !important;
}

/* =WooCommerce Buttons: size matches the link buttons on the page
   (padding 0.3em/1em, font-size 12px)
   Colors & shape untouched */
/* Make buttons look like menu links */
.woocommerce .button {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: rgba(0,0,0,.6) !important; /* Match menu link color */
    text-decoration: none !important;
    text-transform: none !important;
    font-size: 12px !important;
}

/* Remove hover effect to match menu links */
.woocommerce .button:hover {
    text-decoration: none !important;
    background: transparent !important;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: .7
}

/* Disabled buttons (e.g. Update Cart): keep same size, stop Divi
   from flattening them into a thin full-width transparent bar */
.woocommerce button.button:disabled {
    width: auto !important;
    display: inline-block !important;
    opacity: 1;
}

/* Remove Divi default right-arrow icon on all WooCommerce buttons
   (covers <a> link buttons and <button> elements, incl. disabled) */
.woocommerce .button::after {
    content: none !important;
}

#main-content .woocommerce-notices-wrapper .woocommerce-error, #main-content .woocommerce-notices-wrapper .woocommerce-info, #main-content .woocommerce-notices-wrapper .woocommerce-message {
    width: 80% !important;
    margin: 110px auto 0 auto !important;
    text-align: center;
    color: navy !important;
    background-color: #f6f5f8;
}

.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button{
    color: navy !important;
}

.woocommerce-MyAccount-content .woocommerce-error, .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-MyAccount-content .woocommerce-message {
    width: 100% !important;
    margin: 10px auto 0 auto !important;
    text-align: left;
    color: navy !important;
    background-color: #f6f5f8 !important;
}

body, input, button, select, textarea {
   font-family: 'bradfordll-regular',Helvetica,Arial,Lucida,sans-serif !important;
}

/*
 * Responsive adjustments (optional)
 * Adjust font size or spacing on mobile devices
 */
@media (max-width: 980px) {
    a.et_pb_menu__cart-button.et_pb_menu__icon__with_count {
        font-size: 14px;
    }
    .et_pb_column {
        width: 100%;
        margin-bottom: 1px !important;
    }
    .et_pb_section_0, .et_pb_section_0_tb_body{
      padding-top: 90px !important;
    }
    header .et_pb_row {
        padding: 20px 0 !important;
    }
    header .et_pb_section {
        padding: 20px 0px 0px 0px !important;
    }
    footer .et_pb_section{
        padding: 0 0 20px 0 !important;
    }
    footer .et_pb_row {
        padding: 0 0 0 0 !important;
    }
}

@media (min-width: 981px) {
    #prod-detail-section {
        padding-top: 40px !important;
    }
    .et_pb_section_0, .et_pb_section_0_tb_body{
      padding-top: 110px !important;
    }
    footer .et_pb_section{
        padding: 0 0 20px 0 !important;
    }

    footer .et_pb_row {
        padding: 0 0 20px 0 !important;
    }

    header .et_pb_section {
        padding: 20px 0 !important;
    }

    header .et_pb_row {
        padding: 20px 0 !important;
    }
    #appointment-row {
        padding: 0px !important;
    }
}

@media (max-width: 767px) {
    .et_pb_column {
        width: 100%;
        margin-bottom: 1px !important;
    }
}
/*
 * Hide the entire cart icon button when cart is empty
 * This selector targets the <a> tag with both default classes and our added .cart-is-empty class
 */
a.et_pb_menu__cart-button.et_pb_menu__icon__with_count.cart-is-empty {
    display: none !important;
}

/*
 * Show the entire cart icon button when cart has items
 * This selector targets the <a> tag with both default classes and our added .cart-has-items class
 */
a.et_pb_menu__cart-button.et_pb_menu__icon__with_count.cart-has-items {
    display: block !important;
}

/*
 * Alternative hiding method - preserves layout space but makes element invisible
 * Uncomment if you want to prevent layout shift when cart empties
 */
/*
a.et_pb_menu__cart-button.et_pb_menu__icon__with_count.cart-is-empty {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
*/

/*
 * CRITICAL FIX: Set initial state to hidden by default.
 * This prevents the icon from flashing visible before JS runs.
 */
a.et_pb_menu__cart-button.et_pb_menu__icon__with_count {
    display: none !important;
}

/*
 * Hide cart count text
 */
a.et_pb_menu__cart-button.et_pb_menu__icon__with_count .et_pb_menu__cart-count {
    display: none !important;
}

.et_pb_menu__cart-button::after {
    content: "\e013" !important;
}

.single-product #page-container {
  padding-top: 52px;
}

/* Fullscreen hero section */
#hero-section {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 0 !important;
}

/* Ensure logo stays on top of everything */
#main-logo {
    width:100%;
    height:100%;
    background-image: url('../images/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    z-index: 99999; /* Very high to avoid being covered */
    pointer-events: none; /* Optional: prevent blocking clicks */
}

#header-left-column .et_pb_menu__wrap {
    justify-content: flex-start !important;
}
#header-right-column .et_pb_menu__wrap {
    justify-content: flex-end !important;
}

#footer-left-column .et_pb_menu__wrap {
    justify-content: flex-start !important;
}
#footer-right-column .et_pb_menu__wrap {
    justify-content: flex-end !important;
}
.woocommerce-error a {
    color: rgb(238, 238, 238) !important;
}

/* ------------------------------------------------------------------
 * Divi Woo Gallery hover zoom lens
 * ------------------------------------------------------------------ */
.et_pb_gallery_image {
    position: relative;
}

.fa-divi-zoom-lens {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    transition: opacity 0.15s ease;
    cursor: crosshair;
}

/* Disable zoom on touch devices where hover does not make sense. */
@media (pointer: coarse) {
    .fa-divi-zoom-lens {
        display: none !important;
    }
}

/* ------------------------------------------------------------------
 * Single product add-to-cart area vertical spacing
 * ------------------------------------------------------------------ */
.single-product .woocommerce-variation-price,
.single-product p.stock,
.single-product .woocommerce-variation-add-to-cart {
    margin-bottom: 12px !important;
}
.single-product .woocommerce-variation-add-to-cart {
    margin-top: 8px;
}

/*
 * Style for the price.
 */
.woocommerce-Price-amount, .woocommerce-Price-currencySymbol {
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.5px;
    color: rgb(0, 2, 46);
}

.single-product .price {
    text-align: center;
}

.et_pb_wc_description {
  text-align: center !important;
}

/* ------------------------------------------------------------------
 * Empty-cart message on the Divi Theme Builder cart page
 *
 * Add a Text/Code module inside the cart page template (Theme Builder)
 * with the CSS class "dc-empty-cart-message" and put your message in it,
 * e.g. "Cart has been Empty" + a "Return to shop" button.
 *
 * The module is hidden by default and is only displayed when the body
 * carries the class "dc-cart-empty" (set by PHP on load and kept in sync
 * after AJAX cart updates by assets/js/hide-empty-cart.js).
 * ------------------------------------------------------------------ */
.dc-empty-cart-message {
    display: none !important;
}
body.dc-cart-empty .dc-empty-cart-message {
    display: block !important;
}