/* ============================================================
 * flash-sales.css
 * Extracted from: flashsales_partials/styles.blade.php
 * Standards: Anti-Gravity V3.2 Solidism, Low-Round Geometry (6px),
 *            Zero Harsh Borders, Mathematical Elevation (shadow-v3),
 *            Brand Palette: Deep Forest Green (#0D5C3A) & Amber Gold (#E5A912)
 * ============================================================ */

/* Anti-Gravity V3 Solid Flash Countdown Hero */
.flash-hero-banner {
    background-color: #0D5C3A;
    border-radius: 6px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 24px 30px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    border: 0 !important;
}

.flash-banner-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.flash-icon-box {
    width: 48px;
    height: 48px;
    background-color: #E5A912;
    color: #14241B;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 4px 10px rgba(229, 169, 18, 0.35);
    border: 0;
}

.flash-banner-title h2 {
    font-family: 'Hind Siliguri', 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 4px 0;
    letter-spacing: 0.5px;
}

.flash-banner-title p {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 13px;
    color: #E2E8F0;
    margin: 0;
}

/* Dynamic Countdown Boxes */
.flash-countdown-cluster {
    display: flex;
    align-items: center;
    gap: 10px;
}

.countdown-unit-box {
    background-color: #FFFFFF;
    border-radius: 6px;
    padding: 8px 12px;
    text-align: center;
    min-width: 58px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    border: 0;
}

.countdown-number {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #0D5C3A;
    line-height: 1;
    display: block;
}

.countdown-label {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    margin-top: 4px;
    display: block;
}

.countdown-colon {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #E5A912;
}

/* Sorting & Breadcrumb Section */
.sorting-section {
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 14px 20px;
    margin-bottom: 24px;
    border: 0 !important;
}

/* Anti-Gravity V3 Breadcrumb */
.category-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
}

.category-breadcrumb a {
    color: #0D5C3A;
    text-decoration: none;
    transition: color 0.15s ease;
}

.category-breadcrumb a:hover {
    color: #09472C;
    text-decoration: underline;
}

.category-breadcrumb .breadcrumb-separator {
    color: #94A3B8;
    font-size: 11px;
}

.category-breadcrumb strong {
    color: #14241B;
    font-weight: 700;
}

.showing-data {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 13px;
    color: #64748B;
    font-weight: 500;
    line-height: 38px;
}

.page-sort .sort {
    border: 0 !important;
    background-color: #F8FAFC !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    font-size: 13px !important;
    font-weight: 600;
    color: #0F172A;
    height: 38px;
}

.page-sort .sort:focus {
    outline: none;
    box-shadow: 0 0 0 2px #0D5C3A !important;
}

/* Sale Badge Solid Contrast */
.sale-badge-box {
    background-color: #DC2626 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.35) !important;
    padding: 4px 8px !important;
    border: 0 !important;
}

.sale-badge-text {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/* Tactile Buttons */
.pro_btn .order-btn,
.order-btn-link {
    border-radius: 6px !important;
    border: 0 !important;
    background-color: #0D5C3A !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(13, 92, 58, 0.25) !important;
    transition: transform 0.1s ease, background-color 0.15s ease !important;
}

.pro_btn .order-btn:hover,
.order-btn-link:hover {
    background-color: #09472C !important;
    color: #FFFFFF !important;
}

.pro_btn .order-btn:active,
.order-btn-link:active {
    transform: translateY(1px) !important;
}

.cart-icon-btn,
.cart-icon-link {
    border-radius: 6px !important;
    border: 0 !important;
    transition: transform 0.1s ease !important;
}

.cart-icon-btn:active,
.cart-icon-link:active {
    transform: translateY(1px) !important;
}

/* Low Round Pagination */
.custom_paginate .pagination li a,
.custom_paginate .pagination li span {
    border-radius: 6px !important;
    border: 0 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    margin: 0 4px !important;
    font-weight: 600;
    font-size: 13px;
    transition: transform 0.1s ease;
}

.custom_paginate .pagination li a:active {
    transform: translateY(1px);
}

.custom_paginate .pagination li.active span {
    background-color: #0D5C3A !important;
    color: #FFFFFF !important;
}