/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, portfolios, and business websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ==================================================
   GLOBAL HIDE / REMOVE
================================================== */
.star-rating,
a.button.yith-wcqv-button,
span.ast-woo-product-category,
div#tawk-message-preview,
.tawk-min-container,
.fc-qty-control,
.coupon,
.woocommerce-loop-category__title .count {
    display: none !important;
}

#wherehouse_distance_field,
#wherehouse_address_field,
#wherehouse_perkm_field,
#billing_vat_number_field,
#orddd_lite_time_slot_field {
    display: none !important;
}

/* ==================================================
   PRODUCT GRID
================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    text-align: center;
    border-radius: 5px !important;
    padding: 5px !important;
}

span.woocommerce-Price-amount.amount {
    color: #ff880e !important;
}

/* ==================================================
   BUTTONS
================================================== */
a.button.product_type_simple,
a.button.product_type_simple.add_to_cart_button {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
}

a.button.product_type_simple:hover,
button.single_add_to_cart_button:hover,
a.button.wc-forward:hover {
    background: #000 !important;
    color: #fff !important;
}

button,
a.checkout-button,
a.button.wc-backward,
a.button.wc-forward,
button#place_order {
    background-color: #ff880e !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
}

.woocommerce a.added_to_cart {
    margin: 10px !important;
    font-size: 18px;
    background: #f77600;
    color: #000;
}

.woocommerce a.added_to_cart:hover {
    background: #000 !important;
    color: #fff !important;
}

/* ==================================================
   FORMS & INPUTS
================================================== */
input.wpcf7-submit {
    background-color: #ff880e !important;
}

form.wpcf7-form label,
p#e_deliverydate_field label {
    font-size: 18px !important;
}

.woocommerce-js select,
.woocommerce-js .select2-selection--single {
    padding: 0.5em;
}

/* ==================================================
   HEADER & FOOTER
================================================== */
footer a {
    color: #fff !important;
    font-size: 15px;
}

footer a:hover {
    color: #ff880e !important;
}

.entry-meta,
.entry-meta * {
    color: #ff880e !important;
    font-weight: 600;
}

/* Footer menu */
#menu-footer-nav {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

#menu-footer-nav li {
    width: 50%;
}

/* ==================================================
   MENU VISIBILITY
================================================== */
#menu-item-7379,
#menu-item-7380 {
    display: none !important;
}

@media (max-width: 768px) {
    #menu-item-7379,
    #menu-item-7380 {
        display: inline-block !important;
    }

    li.menu-item-4258,
    li.menu-item-3974,
    li.menu-item-3944,
    li.menu-item-2737 {
        display: none !important;
    }
}

/* ==================================================
   SUB MENU
================================================== */
.ast-builder-menu-1 .menu-link {
    font-size: 15px !important;
    font-weight: 700;
    color: #000;
}

.main-header-menu .sub-menu {
    display: flex;
    flex-wrap: wrap;
    width: 500px;
}

.main-header-menu .sub-menu li {
    width: 50%;
}

/* ==================================================
   CALCULATOR
================================================== */
.Calculator {
    padding: 20px;
    box-shadow: 0 0 10px #00000080;
    border-radius: 5px;
}

.Caltabs {
    display: flex;
    justify-content: space-around;
}

.Caltab {
    padding: 15px;
    background: #fffff0;
    border: 1px solid #f77600;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

.Caltab.active,
.calbutton {
    background: #f77600;
    color: #fff;
}

.calbutton:hover {
    background: #000;
}

/* ==================================================
   CONTACT ICONS
================================================== */
.contact-info li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.contact-info li::before {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* ==================================================
   MEDIA
================================================== */
.woocommerce-product-details__short-description iframe {
    width: 100%;
    max-width: 500px;
    height: 300px !important;
    border-radius: 8px;
}

/* ==================================================
   MOBILE BOTTOM BAR
================================================== */
#mobile-bottom-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    z-index: 9999;
}

@media (min-width: 769px) {
    #mobile-bottom-bar {
        display: none;
    }
}

/* ==================================================
   CATEGORY CIRCLE GRID (FINAL)
================================================== */
/*ul.products li.product-category,
ul.products li.product-category * {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}*/

ul.products li.product-category a {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.products li.product-category img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

ul.products li.product-category h2 {
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 8px 14px;
    border-radius: 6px;
}
========================================= CATEGORY CIRCLE – BORDER + SHADOW + CENTER TEXT ========================================= */ /* Category item reset */ ul.products li.product-category { margin: 0 !important; padding: 0 !important; text-align: center !important; } /* Circle wrapper (THIS holds border & shadow) */ ul.products li.product-category a { position: relative !important; width: 180px !important; height: 180px !important; aspect-ratio: 1 / 1; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; overflow: hidden !important; /* BLACK BORDER */ border: 3px solid #000 !important; /* SHADOW */ box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35); transition: transform 0.3s ease, box-shadow 0.3s ease; } /* Image */ ul.products li.product-category a img { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; } /* Hover polish */ ul.products li.product-category a:hover { transform: scale(1.05); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.45); } /* TEXT – PERFECT CENTER */ ul.products li.product-category h2, ul.products li.product-category .woocommerce-loop-category__title {
    position: relative !important;
    background: rgba(0, 0, 0, 0.75) !important;
    color: #fff !important;
    letter-spacing: 0.6px !important;
} /* Remove category count */ ul.products li.product-category .count { display: none !important; } /* Mobile tuning */ @media (max-width: 768px) { ul.products li.product-category a { width: 180px !important; height: 180px !important; } ul.products li.product-category h2 { font-size: 12px !important; padding: 8px 12px !important; } } .woocommerce-js ul.products li.product .ast-shop-product-out-of-stock, .woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .ast-shop-product-out-of-stock, .woocommerce-page ul.products li.product .woocommerce-loop-category__title { left: 0 !important; right: 0 !important; bottom:0 !important;width:100%; }

/* Bottom bar container */ #mobile-bottom-bar { position: fixed; bottom: 0; left: 0; width: 100%; display: flex; z-index: 9999; transition: transform 0.3s ease; } /* Hide bar */ #mobile-bottom-bar.hide { transform: translateY(100%); } /* Column base */ .mbb-icon { flex: 1; text-align: center; font-size: 20px; padding: 14px 0; text-decoration: none; line-height: 1; } /* Background colors */ .bg-white { background: #ffffff; } .bg-orange { background: #f7931e; /* change to your brand orange if needed */ } /* Borders */ .border-right { border-right: 1px solid #e0e0e0; } /* Mobile only */ @media (min-width: 769px) { #mobile-bottom-bar { display: none; } }