/* Target all menu links */
ul.menu li > a {
    font-weight: bold !important;
    color: #318A5C !important;
    text-decoration: none !important;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

/* Hover effect */
ul.menu li > a:hover {
    color: #F8D458 !important;
    transform: scale(1.1);
}

/* Submenu links */
ul.menu .sub-menu li > a {
    font-weight: bold !important;
    color: #318A5C !important;
    transition: all 0.3s ease-in-out;
}

/* Submenu hover */
ul.menu .sub-menu li > a:hover {
    color: #F8D458 !important;
    transform: scale(1.1);
}

/* Ultra-compact section spacing */
.widget-product-categories,
.widget-featured-banners,
.widget-products-with-category,
.widget-blog,
.section-content,
.py-5,
.pt-5,
.pb-5,
.pb-2 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.section-slides-wrapper,
.section-banner-wrapper,
.product-deals-day__body,
.widget-blog-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-3 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}


/* Very tall slider images */
.section-content__slider .slide-item .slide-item__image {
    height: 85vh !important;
    max-height: 1000px !important;
}

.section-content__slider .slick-slides-carousel:not(.slick-initialized) {
    height: 85vh !important;
    max-height: 1000px !important;
}

/* For tablet devices */
@media (max-width: 991px) {
    .section-content__slider .slide-item .slide-item__image {
        height: 70vh !important;
        max-height: 700px !important;
    }
    
    .section-content__slider .slick-slides-carousel:not(.slick-initialized) {
        height: 70vh !important;
        max-height: 700px !important;
    }
}

/* For mobile devices */
@media (max-width: 767px) {
    .section-content__slider .slide-item .slide-item__image {
        height: 55vh !important;
        max-height: 500px !important;
    }
    
    .section-content__slider .slick-slides-carousel:not(.slick-initialized) {
        height: 55vh !important;
        max-height: 500px !important;
    }
}

/* Hide the original label text and replace it */
label[for="address_state"] {
    font-size: 0 !important;
}

label[for="address_state"]::before {
    content: "Region" !important;
    font-size: 14px !important;
    display: inline-block !important;
}

/* Change the placeholder option text using attribute selector */
#address_state option[value=""]::before {
    content: "Select region..." !important;
}


/* Make blog post images fill the entire container */
.post-item__image .img-fluid-eq__wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Ensure the image container fills its space */
.post-item__image {
    overflow: hidden !important;
}

.post-item__image .img-fluid-eq {
    height: 100% !important;
}

.post-item__image .img-fluid-eq__wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Remove any padding or gaps in the card */
.post-item__inner .row.g-0 {
    margin: 0 !important;
}

.post-item__inner .col-md-4 {
    padding: 0 !important;
}

/* Optional: Make the entire card image area taller */
.post-item__image .img-fluid-eq {
    min-height: 200px !important;
}

@media (max-width: 767px) {
    .post-item__image .img-fluid-eq {
        min-height: 180px !important;
    }
}

/* Make footer links side by side on mobile */
@media (max-width: 767px) {
    /* Make the two link columns appear side by side */
    .row.border-top.py-5 > .col-xl-2 {
        width: 50% !important;
        float: left !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Reduce spacing on mobile */
    .row.border-top.py-5 > .col-xl-2 .widget {
        margin-bottom: 20px !important;
    }
    
    /* Make font smaller on mobile for better fit */
    .row.border-top.py-5 > .col-xl-2 .widget-title {
        font-size: 16px !important;
        margin-bottom: 15px !important;
    }
    
    .row.border-top.py-5 > .col-xl-2 ul li {
        font-size: 13px !important;
        padding: 8px 0 !important;
    }
    
    /* Reduce padding on footer */
    .row.border-top.py-5 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    
    /* Clear float after the two columns */
    .row.border-top.py-5 > .col-xl-3:nth-child(1),
    .row.border-top.py-5 > .col-xl-3:last-child {
        clear: both !important;
        width: 100% !important;
    }
}

/* For very small screens */
@media (max-width: 575px) {
    .row.border-top.py-5 > .col-xl-2 ul li {
        font-size: 12px !important;
        padding: 6px 0 !important;
    }
    
    .row.border-top.py-5 > .col-xl-2 .widget-title {
        font-size: 14px !important;
    }
}

/* Reduce footer padding on mobile */
@media (max-width: 767px) {
    /* Reduce overall footer padding */
    .row.border-top.py-5 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    /* Reduce padding for all footer sections */
    .row.border-top.py-5 > div {
        margin-bottom: 15px !important;
    }
    
    /* Reduce newsletter section spacing */
    .row.border-top.py-5 > .col-xl-3 .widget {
        margin-bottom: 15px !important;
    }
    
    /* Reduce newsletter title spacing */
    .row.border-top.py-5 > .col-xl-3 .widget-title {
        margin-bottom: 10px !important;
        font-size: 16px !important;
    }
    
    /* Reduce newsletter description spacing */
    .row.border-top.py-5 > .col-xl-3 .widget-description {
        padding-bottom: 10px !important;
        margin-bottom: 10px !important;
        font-size: 13px !important;
    }
    
    /* Reduce spacing in the first section (ZUWAA MARKETPLACE) */
    .row.border-top.py-5 > .col-xl-3:first-child .widget {
        margin-bottom: 15px !important;
    }
    
    .row.border-top.py-5 > .col-xl-3:first-child .widget-title {
        margin-bottom: 10px !important;
        font-size: 16px !important;
    }
    
    .row.border-top.py-5 > .col-xl-3:first-child .widget-description {
        margin-bottom: 10px !important;
        font-size: 13px !important;
    }
    
    /* Reduce spacing in contact list */
    .row.border-top.py-5 > .col-xl-3:first-child ul li {
        padding: 6px 0 !important;
        font-size: 13px !important;
    }
    
    /* Reduce form spacing */
    .subscribe-form .form-fields {
        margin-bottom: 0 !important;
    }
    
    .subscribe-form .input-group {
        margin-bottom: 0 !important;
    }
}

/* For very small screens - even more compact */
@media (max-width: 575px) {
    .row.border-top.py-5 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    
    .row.border-top.py-5 > div {
        margin-bottom: 10px !important;
    }
    
    .row.border-top.py-5 .widget-title {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }
    
    .row.border-top.py-5 .widget-description {
        font-size: 12px !important;
        margin-bottom: 8px !important;
        padding-bottom: 8px !important;
    }
}

/* Simple Edge-to-Edge Hero Section */

/* Remove all padding and margins from hero section */
.section-content__slider {
    padding: 0 !important;
    margin: 0 !important;
}

.section-content__slider .container-xxxl {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.section-content__slider .row {
    margin: 0 !important;
}

.section-content__slider .col-md-12 {
    padding: 0 !important;
}

.section-content__slider .section-slides-wrapper {
    margin: 0 !important;
    border-radius: 0 !important;
}

/* Remove border radius from slider */
.section-content__slider .slide-body,
.section-content__slider .slide-item__image {
    border-radius: 0 !important;
}

/* Ensure no horizontal scrollbar */
body, html {
    overflow-x: hidden !important;
}

/* Remove any white gap after hero */
.section-content__slider {
    margin-bottom: 0 !important;
}

/* Optional: Adjust next section spacing */
.widget-product-categories {
    padding-top: 10px !important;
}
.slide-item__button {
    margin-left: 100px !important; /* Move right */
    margin-top: 50px !important;   /* Move down */
}

/* HERO SLIDER BUTTON POSITION CONTROLLER */

.slide-item__button {
    position: relative !important;
    display: inline-block !important;
    
    /* ===== MOVE UP/DOWN ===== */
    /* Positive = Move DOWN | Negative = Move UP */
    top: 0px !important;
    
       top: -87px !important;   → Moves button DOWN 50px
       top: 0px !important;  → Moves button UP 50px
    
    
    /* ===== MOVE LEFT/RIGHT ===== */
    /* Positive = Move RIGHT | Negative = Move LEFT */
    left: 0px !important;
    /* Examples:
       left: 100px !important;  → Moves button RIGHT 100px
       left: -100px !important; → Moves button LEFT 100px
    */
}

/* Adjust container padding (distance from screen edges) */
.slide-item__content {
    /* ===== DISTANCE FROM EDGES ===== */
    /* Increase = More space from edges | Decrease = Closer to edges */
    padding: 40px !important;
    /* Examples:
       padding: 60px !important;  → More space from edges
       padding: 20px !important;  → Less space from edges
    */
}

/* Mobile responsive adjustments */
@media (max-width: 767px) {
    .slide-item__button {
        /* Adjust button position on mobile */
        top: 0px !important;    /* UP(-) / DOWN(+) */
        left: 0px !important;   /* LEFT(-) / RIGHT(+) */
    }
    
    .slide-item__content {
        padding: 20px !important; /* Edge distance on mobile */
    }
}


/* Product Grid - Two Rows with 5 Products Each (Desktop Only) */

@media (min-width: 1200px) {
    /* Reset any conflicting styles */
    .widget-products-with-category .slick-track {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        transform: none !important;
    }
    
    /* Each product card - 5 per row */
    .widget-products-with-category .product-inner.slick-slide {
        width: 19% !important;
        max-width: 19% !important;
        flex: 0 0 19% !important;
        margin: 0 0.5% 20px 0.5% !important;
        display: inline-block !important;
        float: none !important;
    }
    
    /* Limit to 10 products visible (2 rows × 5) */
    .widget-products-with-category .product-inner.slick-slide:nth-child(n+11) {
        display: none !important;
    }
    
    /* Control image container height */
    .widget-products-with-category .img-fluid-eq {
        max-height: 280px !important;
        height: 280px !important;
    }
    
    .widget-products-with-category .img-fluid-eq__wrap {
        max-height: 280px !important;
        height: 280px !important;
    }
    
    /* Control actual image size */
    .widget-products-with-category .product-thumbnail__img {
        width: 100% !important;
        height: 100% !important;
        max-height: 280px !important;
        object-fit: contain !important;
    }
    
    /* Product card overall height control */
    .widget-products-with-category .product-thumbnail {
        max-height: 300px !important;
        overflow: hidden !important;
    }
    
    /* Hide arrows on desktop */
    .widget-products-with-category .arrows-wrapper {
        display: none !important;
    }
    
    /* Fix slick list overflow */
    .widget-products-with-category .slick-list {
        overflow: visible !important;
    }
}

/* Keep mobile/tablet as slider */
@media (max-width: 1199px) {
    .widget-products-with-category .slick-track {
        display: block !important;
        flex-wrap: nowrap !important;
    }
}


/* Minimal Header Styles - Complete Version */

/* Hide unnecessary header elements in header-middle only */
.header-middle .header-support,
.header-middle .header-compare,
.header-middle .header-wishlist {
    display: none !important;
}

/* Hide cart text (Your Cart and price) but keep icon */
.header-middle .cart-text {
    display: none !important;
}

/* Clean up the header-middle layout */
.header-middle .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    position: relative;
}

/* Logo section - absolute left */
.header__left {
    position: absolute;
    left: 0;
}

/* Search section - centered */
.header__center {
    flex: 0 0 600px;
    max-width: 600px;
}

/* Cart section - absolute right */
.header__right {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
}

/* Style the search form */
.bb-form-quick-search {
    width: 100%;
    border: 2px solid rgba(0, 0, 0, 0.3) !important;
    border-radius: 4px;
    overflow: hidden;
    height: 45px;
    display: flex;
    align-items: center;
}

/* Remove individual input borders */
.bb-form-quick-search input.input-search-product {
    border: none !important;
    height: 45px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.bb-form-quick-search .product-category-select {
    border: none !important;
}

/* Adjust button height */
.bb-form-quick-search .btn {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Control category dropdown height */
.bb-form-quick-search .form-group--icon {
    height: 45px;
    display: flex;
    align-items: center;
}

.bb-form-quick-search .product-category-select {
    border: none !important;
    height: 45px !important;
    line-height: 45px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.bb-form-quick-search .product-category-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important;
    padding: 0 10px !important;
    line-height: 45px !important;
}

.bb-form-quick-search .product-category-label .text {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 45px !important;
    vertical-align: middle !important;
}

/* Clean cart styling */
.cart--mini {
    margin: 0;
}

/* Remove extra spacing */
.header__extra {
    margin: 0;
}

/* Fix header-top links to display inline */
.header-top .header-info ul {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-top .header-info li {
    display: inline-block;
    margin: 0;
}

.header-top .header-info li a {
    display: inline-block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .header-middle .header-wrapper {
        flex-direction: column;
        position: static;
    }
    
    .header__left,
    .header__right {
        position: static;
    }
    
    .header__center {
        order: 3;
        width: 100%;
        max-width: 100%;
        flex: 1 1 100%;
    }
    
    .header__left {
        order: 1;
    }
    
    .header__right {
        order: 2;
    }
}

/* Show coupon input field by default on checkout page */
.coupon-wrapper {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Make button clickable but invisible */
#campayPayButton {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

/* Container for payment icons */
.campay-payment-icons {
    display: flex;
    gap: 12px;
    margin-top: 15px;
    flex-wrap: wrap;
}

/* Style for each payment icon */
.campay-payment-icon {
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 8px;
    background: white;
    max-width: 120px;
    height: auto;
}

.campay-payment-icon:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-color: #007bff;
}

.campay-payment-icon img {
    width: 100%;
    height: auto;
    display: block;
}