/**
 * Home Page Specific Styles
 * Standardized for consistent vertical rhythm and grid gutters.
 * Version: 1.2
 * Last Updated: 2026-02-17
 */

/* ========================================
   Carousel Item Styles
   ======================================== */
.carousel-item {
    cursor: pointer;
}

.carousel-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}



/* ========================================
   Percentage Amount Banner
   ======================================== */
.percentageAmountBanner .owl-carousel .owl-item img {
    /* width: auto; Removed to fix layout */
    height: 200px;
    object-fit: cover;
    object-position: top;
}

/*
.percentageAmountBanner .owl-item {
    width: auto !important;
}
*/

/* ========================================
   Flash Sale Banner
   ======================================== */
.FlashSale .owl-carousel .owl-item img {
    /* width: auto;  Removed to fix layout */
    height: 200px;
    object-fit: cover;
    object-position: top;
}

/* 
.FlashSale .owl-item {
    width: auto !important;
} 
*/


/* ========================================
   Owl Carousel Height Fix
   ======================================== */
.owl-stage-outer {
    height: auto !important;
}

.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.owl-carousel .owl-item {
    display: flex;
    height: auto;
}

.owl-carousel .product {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* ========================================
   Fix Duplicate Shadows
   ======================================== */
.product_wrap::after,
.product_wrap::before,
.wrapper::after,
.wrapper::before {
    display: none !important;
}

.owl-item::after,
.owl-item::before {
    display: none !important;
}

/* Remove shadow from product_info */
.product_info {
    box-shadow: none !important;
}

/* ========================================
   Professional Product Card Spacing
   ======================================== */
/* Ensure consistent card structure */
.product {
    padding: 0 !important;
    margin: 0 !important;
}

/* Product info section - consistent padding */
.product .product_info {
    padding: 12px 15px !important;
    margin: 0 !important;
}

/* Product title spacing */
.product .product_title {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

/* Price section spacing */
.product .product_price {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

/* Color circles section */
.product .color-scroll {

    padding: 0 !important;
}

/* Add to Cart button - no extra margin */
.product .btn,
.product button,
.product .add_to_cart {
    margin: 0 !important;
    padding: 10px 15px !important;
}

/* Product action section */
.product .product_action_box {
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================
   Homepage Section Spacing (Standardized)
   ======================================== */
.section {
    padding: 50px 0 !important;
}

/* Explicitly override all utility classes used in home.blade.php */
.section.pt-0,
.section.pt-3,
.section.pt_15,
.section.pt_30,
.section.small_pt {
    padding-top: 50px !important;
}

.section.pb-0,
.section.pb_20,
.section.pb_30,
.section.pb_70,
.section.small_pb {
    padding-bottom: 50px !important;
}

/* Ensure no dangling padding from footer_top combinations */
.footer_top.small_pt,
.footer_top.small_pb,
.footer_top.pb_20,
.footer_top.pb_70 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.heading_tab_header {
    border-bottom: 0px solid #ddd;
}