/*
Theme Name:   Biona Child
Theme URI:    https://ld-wp73.template-help.com/tf/demo_biona/biona_demo_v1/
Author:       Zemez
Author URI:   Zemez.io
Description:  Biona
Template:     biona
Version:      1.0.15
Text Domain:  bionachild
*/


/* ============================================
   RECAPTCHA
   ============================================ */

/* Hide reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden;
}

/* ============================================
   ANNOUNCEMENT BAR STYLES
   ============================================ */

/* Sets the announcement bar slider to display as a block */
#announcement_bar_slider{
    display:block;
}

/* 5px margin for paragraphs in announcement slider */
#announcement_bar_slider .announcement_content p{
    margin:5px;
}

/* Sets max-width of announcement container to 100% */
.announcement_container {
    max-width: 100% !important;
}

/* Removes all padding from the announcement bar */
.themify_announcement.bar {padding: 0;}

/* Sets the announcement bar position to static */
.themify_announcement.bar {position: static;}

/* Sets the height of the announcement bar to 50px */
.themify_announcement.bar  {height: 50px;}

/* Removes margins from the announcement content */
.themify_announcement.bar .announcement_content  {margin: 0;}

/* Sets line-height of announcement content to 20px */
.themify_announcement.bar .announcement_content {line-height: 20px;}

/* Removes padding from the announcement post */
.themify_announcement.bar .announcement_post {
    padding:0;
}

/* ============================================
   MEGA MENU STYLES
   ============================================ */

/* Adds padding to main nav dropdown menus */
.jet-mega-menu-item--top-level>.jet-mega-menu-sub-menu>.jet-mega-menu-sub-menu__list
{padding: 20px !important;}

/* Adds padding to main sub nav dropdown menus */
.elementor-element.elementor-element-3dc8c85 .jet-mega-menu-sub-menu__list  {
    padding: 20px !important;
}

/* ============================================
   SIDE CART STYLES
   ============================================ */

/* Style for the 'Add to Cart' button in the side cart */
span.xoo-wsc-sp-atc a.button {
    padding: 6px 14px 6px 14px;
    background-color: #0047AB;
    border-color: #0047AB;
    color: #ffffff;
	  font-weight: 500;
}

/* Style for the 'Add to Cart' button hover in the side cart */
span.xoo-wsc-sp-atc a.button:hover {
    background-color: #000000; 
    border-color: #000000; 
}

/* ============================================
   LINK HOVER STYLES
   ============================================ */

/* Elementor footer (post ID 712) links on all pages */
.elementor-712 a:hover {
    color: #0047AB !important;
}

/* All Elementor links except on product, shop, category pages, AND inside JetWoo product grid items */
body:not(.single-product):not(.tax-product_cat):not(.post-type-archive-product) .elementor a:hover:not(.jet-woo-products__item a):not(.jet-woo-builder-product a) {
    color: #0047AB !important;
}

/* ============================================
   BLOG PAGE STYLES
   ============================================ */

/* Mobile only – blog index + category + tag + archive pages */
@media (max-width: 650px) {
    body.blog .site-main,
    body.category .site-main,
    body.tag .site-main,
    body.archive .site-main {
        margin-right: -28px;
    }
}

/* ============================================
   PRODUCT PAGE STYLES
   ============================================ */

/* Product button text color */
.elementor-2596 .elementor-element.elementor-element-f4d816e .jet-woo-products .jet-woo-product-button .button {
    color: #FFFFFF !important;
}

/* Stack add-to-cart form elements vertically with spacing */
.woocommerce.single-product form.cart {
    flex-direction: column !important;
    gap: 15px;
}

/* Adds space below the quantity selector on product pages */
.single-product .elementor-jet-single-add-to-cart .cart.cart:not(.grouped_form) .quantity {
    padding-bottom: 20px;
}

/* WC Product Add-ons spacing fix */
body.single-product
.wcpa_form_outer {
    margin: 1em 0 0 0;
    width: 100%;
}

/* Hide Jet tabs loading indicator on product pages only */
.single-product .jet-single-tabs__loading {
  display: none;
}

/* ============================================
   MY ACCOUNT PAGE STYLES
   ============================================ */

/* My Account Dashboard Icons with Font Awesome - Only on Account Pages */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a::before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f021" !important; /* sync/refresh icon */
    font-weight: 900 !important;
    margin-right: 8px !important;
}

/* Add credit card icon to My Account payment methods link */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f09d" !important; /* credit card icon */
    font-weight: 900 !important;
    margin-right: 8px !important;
}

/* Gift Cards menu item - gift card icon */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--giftcards a::before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f06b" !important; /* gift icon */
    font-weight: 900 !important;
    margin-right: 8px !important;
}

/* Sets checkbox width to auto on My Account page */
body.woocommerce-account p.mc4wp-checkbox-wp-registration-form input[type="checkbox"] {
    width: auto !important;
}

/* ============================================
   PASSWORD VISIBILITY STYLES
   ============================================ */

/* Show Password Eye Icon - Account & Checkout */
body.woocommerce-account .show-password-input::before,
body.woocommerce-checkout .show-password-input::before {
    content: "\f06e" !important; /* Font Awesome eye icon */
    font-family: "Font Awesome 5 Free" !important;
}

/* Add spacing above password visibility toggle */
body.woocommerce-account .show-password-input,
body.woocommerce-checkout .show-password-input {
    margin-top: 10px !important;
}

/* ============================================
   CHECKOUT PAGE STYLES
   ============================================ */

/* Checkout: Prevent word breaking in total cells */
.woocommerce-checkout .woocommerce-checkout-review-order table tbody tr .product-total,
.woocommerce-checkout .woocommerce-checkout-review-order table tfoot tr.order-total td {
    word-break: break-word;
}

/* Checkout: Order summary typography */
body.woocommerce-checkout {
    /* Base table font */
    .woocommerce-checkout-review-order-table,
    .woocommerce-checkout-review-order-table * {
        font-size: 16px !important;
			        text-align: right !important;
        line-height: 1.4 !important;
    }
    
    /* Price formatting */
    .woocommerce-checkout-review-order-table .amount {
        font-size: 16px !important;
        font-weight: 600 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}

    /* Section headers */
    .woocommerce-checkout-review-order-table thead th {
        background-color: #f8f9fa !important;
        font-weight: 700 !important;
        font-size: 18px !important;
    }

 /* Visual separation for recurring sections - FIXED */
    .woocommerce-checkout-review-order-table .recurring-totals,
    .woocommerce-checkout-review-order-table tr.subscription-details {
        background-color: #f8f9fa !important;
        border-top: 2px solid #dee2e6 !important;
    }

/* Target: Only apply these styles on checkout page */
body.woocommerce-checkout .woocommerce-message .button, 
body.woocommerce-checkout .woocommerce-info .button, 
body.woocommerce-checkout .woocommerce-error .button {
    padding: 15px 30px 15px 30px; 
    font-weight: 600 !important;
	margin-top: 13px;
}

/* ============================================
   EMAIL VERIFICATION STYLES
   ============================================ */

/* Make close button background pink */
.check-email-verification .close {
    background-color: #0047AB !important;
}

/* Email verification close button hover color */
.check-email-verification .close:hover {
    background-color: #0047AB !important;
}

/* ============================================
   ERROR PAGE STYLES
   ============================================ */

/* Hide 404 error numbers */
.error404 .not-found .error-numbers {
    display: none;
}

/* ============================================
   YITH FILTER STYLES
   ============================================ */

/* hide icon */
.woocommerce .yith-wcan-filters-opener i.filter-icon {
    display: none;
}

/* modal button colour */
.woocommerce .yith-wcan-filters.filters-modal .main-modal-button {
    color: #ffffff;
}

/* change color of filled WooCommerce stars */
.woocommerce .yith-wcan-filter .star-rating span::before {
	background: #0047AB !important; 
}

/* spacing above star rating in YITH filters */
.woocommerce .yith-wcan-filter .star-rating {
    margin-top: 12px;
}

/* adjust spacing between filter items in YITH filters */
.woocommerce .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item {
    margin-top: -2px;
}

/* container spacing for YITH filters on desktop only */
@media (min-width: 1025px) {
    .woocommerce .yith-wcan-filters {
        padding-top: 20px;
    }
}

/* spacing above reset filters button on desktop only */
@media (min-width: 1025px) {
    .woocommerce .btn.btn-primary.yith-wcan-reset-filters.reset-filters.enhanced {
padding: 12px 28px;
margin-bottom: 16px;
    }
}

/* title size for YITH filters on desktop only */
@media (min-width: 1025px) {
    .woocommerce .yith-wcan-filters .filter-title {
        font-size: 16px;
    }
}

/* centre all forms on desktop only, only on collections/archive pages */
@media (min-width: 1025px) {
    body.archive.woocommerce:not(.single-product) .yith-wcan-filter form.comment-form,
    body.archive.woocommerce:not(.single-product) form {
        text-align: center;
    }
}

/* keep YITH filter items left aligned on desktop only */
@media (min-width: 1025px) {
    .woocommerce .yith-wcan-filter .filter-items {
        text-align: left !important;
    }
}

/* ============================================
   CATEGORY & PRODUCT DISPLAY STYLES
   ============================================ */

/* Hide Product Categories Bottom Description on all pages except product category pages */
body:not(.tax-product_cat) .elementor-2596 .elementor-element.elementor-element-b01ddc7 {
    display: none !important;
}

/* Remove blue dots from product list items in the product collection section */
.single-post .wp-block-woocommerce-product-collection > ul li:before {
    display: none;
}

/* Remove left margin from the product list in the product collection section */
.single-post .wp-block-woocommerce-product-collection > ul {
    margin-left: 0;
}

/* Remove left padding from product list items in the product collection section */
.single-post .wp-block-woocommerce-product-collection > ul li {
    padding-left: 0 !important;
}

/* Reduce bottom margin on the product collection section */
.single-post .wp-block-woocommerce-product-collection {
    margin-bottom: -40px;
}

/* ============================================
   SEO GENERATOR PAGE STYLES
   ============================================ */

/* Adjust spacing for SEO Generator page layout */
#nsg-page-wrapper {
    margin-top: -85px;
}

/* Hide featured image on SEO Generator pages */
body.nw_seo_page-template-nsg-seo-generator img.wp-post-image {
    display: none;
}

/* ============================================
   SEARCH POP UP STYLES
   ============================================ */

/* Direct color change on hover - fastest possible */
.jet-popup.jet-popup--front-mode .jet-popup__close-button:hover svg path {
    fill: #0047AB;
    transition: none; 
}

/* ============================================
   FOOTER & MISC STYLES
   ============================================ */

/* Hide white space at bottom of footer */
.pswp.jet-woo-product-gallery-pswp 
{
    display: none;
}