/**
 * ATLAS DARK THEME - MODERN & SLEEK
 * Premium dark theme for PrestaShop 9
 * Professional pharmaceutical e-commerce design
 */

/* ===== CSS VARIABLES ===== */
:root {
    --bg-primary: #0a0a0a;
    --bg-secondary: #141414;
    --bg-tertiary: #1a1a1a;
    --bg-elevated: #1f1f1f;
    --border-color: #2a2a2a;
    --border-light: #333;
    --text-primary: #ffffff;
    --text-secondary: #b4b4b4;
    --text-muted: #888;
    --accent-primary: #3b82f6;
    --accent-hover: #2563eb;
    --accent-light: #60a5fa;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
}

/* ===== GLOBAL RESET & BASE ===== */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    line-height: 1.6 !important;
    font-size: 14px !important;
}

/* Force dark backgrounds everywhere */
*:not(img):not(svg):not(path) {
    background-color: transparent !important;
}

.page-content,
.page-wrapper,
#wrapper,
#main,
.container,
.row,
.col,
[class*="col-"],
.content-wrapper,
section,
article {
    background-color: transparent !important;
}

/* Text colors */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    letter-spacing: -0.025em !important;
}

h1, .h1 { font-size: 1.75rem !important; }
h2, .h2 { font-size: 1.5rem !important; }
h3, .h3 { font-size: 1.25rem !important; }
h4, .h4 { font-size: 1.125rem !important; }
h5, .h5 { font-size: 1rem !important; }
h6, .h6 { font-size: 0.875rem !important; }

p, span, div, li, label {
    color: var(--text-primary) !important;
}

a {
    color: var(--accent-light) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

a:hover {
    color: var(--accent-primary) !important;
}

/* ===== HEADER & TOP BAR ===== */
#header {
    background: linear-gradient(180deg, #000000 0%, #0a0a0a 100%) !important;
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.header-top {
    background-color: #000000 !important;
    padding: 8px 0 !important;
}

.header-nav {
    background-color: transparent !important;
}

/* Contact us link */
#header .contact-link,
#header a[href*="contact"] {
    color: var(--text-secondary) !important;
    font-size: 0.875rem !important;
}

/* Sign in / Account links */
.user-info a,
#_desktop_user_info a {
    color: var(--text-primary) !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

.user-info a:hover,
#_desktop_user_info a:hover {
    color: var(--accent-primary) !important;
}

/* Language/Currency selectors - HIDDEN */
.language-selector,
.currency-selector,
.language-selector-wrapper,
#_desktop_language_selector,
._desktop_language_selector,
.language-selector-wrapper,
[id*="language"],
[class*="language"],
.header-top .language-selector,
.dropdown.js-dropdown {
    display: none !important;
}

/* Hide specific language dropdown */
.header-top [data-iso-code] {
    display: none !important;
}

/* Shopping cart */
.blockcart,
#_desktop_cart {
    background-color: transparent !important;
}

.cart-products-count {
    background-color: var(--accent-primary) !important;
    color: white !important;
    border-radius: 12px !important;
    padding: 2px 8px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

.shopping-cart {
    color: var(--text-primary) !important;
}

/* Logo area */
#_desktop_logo {
    background-color: transparent !important;
}

/* ===== NAVIGATION MENU ===== */
#_desktop_top_menu,
.top-menu {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
    box-shadow: none !important;
}

#top-menu {
    background: linear-gradient(135deg, var(--bg-secondary), rgba(20, 20, 25, 1)) !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
    border-radius: 10px !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

#top-menu ul {
    background-color: transparent !important;
    border: none !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#top-menu ul li {
    margin: 0 !important;
    position: relative !important;
}

/* Hide category items (first 3) and Latest Shipping (last item) */
#top-menu > ul > li:nth-child(1),
#top-menu > ul > li:nth-child(2),
#top-menu > ul > li:nth-child(3),
#top-menu > ul > li:nth-last-child(1) {
    display: none !important;
}

/* Additional selectors to ensure categories are hidden */
#top-menu a[href*="/3-injectables"],
#top-menu a[href*="/6-orals"],
#top-menu a[href*="/7-pct"],
#top-menu a[href*="id_category=3"],
#top-menu a[href*="id_category=6"],
#top-menu a[href*="id_category=7"],
#top-menu a[href*="cms/11"],
#top-menu a[href*="latest-shipping"] {
    display: none !important;
}

/* Force hide parent li if it contains category links */
#top-menu li:has(a[href*="/3-"]),
#top-menu li:has(a[href*="/6-"]),
#top-menu li:has(a[href*="/7-"]),
#top-menu li:has(a[href*="id_category=3"]),
#top-menu li:has(a[href*="id_category=6"]),
#top-menu li:has(a[href*="id_category=7"]) {
    display: none !important;
}

#top-menu ul li a {
    color: var(--text-primary) !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    transition: all 0.25s ease !important;
    display: inline-block !important;
    white-space: nowrap !important;
    border: 1px solid transparent !important;
    letter-spacing: 0.02em !important;
}

#top-menu ul li a:hover,
#top-menu ul li.current a {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.1)) !important;
    color: var(--accent-light) !important;
    border-color: rgba(59, 130, 246, 0.4) !important;
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* Better spacing on larger screens */
@media (min-width: 992px) {
    #top-menu {
        padding: 10px 20px !important;
    }

    #top-menu ul {
        gap: 10px !important;
    }

    #top-menu ul li a {
        padding: 14px 28px !important;
        font-size: 1.0625rem !important;
    }
}

/* Dropdown menus */
.dropdown-menu {
    background-color: var(--bg-elevated) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
    padding: 8px !important;
}

.dropdown-item {
    color: var(--text-primary) !important;
    background-color: transparent !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--bg-tertiary) !important;
    color: var(--accent-light) !important;
}

/* Submenu dropdowns */
#top-menu .sub-menu,
#top-menu ul ul {
    background-color: var(--bg-elevated) !important;
}

#top-menu ul ul li {
    background-color: transparent !important;
}

#top-menu ul ul li a {
    background-color: transparent !important;
}

/* ===== SEARCH BAR ===== */
/* Hide search completely */
#search_widget,
.search-widget,
#_desktop_search,
._desktop_search,
.search-widget form,
#search_widget form {
    display: none !important;
    visibility: hidden !important;
}

#search_widget form,
.search-widget form {
    display: flex !important;
    align-items: center !important;
}

#search_widget input,
.search-widget input,
.ui-autocomplete-input {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    padding: 10px 42px 10px 16px !important;
    font-size: 0.875rem !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
}

#search_widget input:focus,
.search-widget input:focus {
    background-color: var(--bg-elevated) !important;
    border-color: var(--accent-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

#search_widget input::placeholder,
.search-widget input::placeholder {
    color: var(--text-muted) !important;
}

#search_widget button,
.search-widget button,
.search-widget button[type="submit"] {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--text-secondary) !important;
    transition: all 0.2s ease !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 6px !important;
    box-shadow: none !important;
}

#search_widget button:hover,
.search-widget button:hover,
.search-widget button[type="submit"]:hover {
    background-color: transparent !important;
    color: var(--accent-primary) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

/* ===== MAIN CONTENT AREA ===== */
#wrapper,
#main,
#content-wrapper,
.page-content {
    background-color: var(--bg-primary) !important;
}

#content {
    background-color: transparent !important;
}

/* ===== HERO / SLIDER SECTION ===== */
.carousel,
.carousel-inner,
.carousel-item {
    background-color: transparent !important;
}

.carousel-item img {
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
}

/* Image slider module */
#carousel,
.homeslider,
.banner {
    background-color: transparent !important;
    margin-bottom: 40px !important;
}

.homeslider .homeslider-container {
    background-color: var(--bg-secondary) !important;
    border-radius: 12px !important;
    padding: 60px 40px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* ===== SIDEBAR / LEFT COLUMN ===== */
#left-column {
    background-color: transparent !important;
}

/* Category menu */
.block-categories {
    background: linear-gradient(135deg, var(--bg-secondary), rgba(20, 20, 25, 1)) !important;
    border: 1px solid rgba(59, 130, 246, 0.15) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.block-categories h3,
.block-categories .h3 {
    color: var(--text-primary) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid var(--accent-primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    position: relative !important;
}

.block-categories h3::after,
.block-categories .h3::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -2px !important;
    width: 40px !important;
    height: 2px !important;
    background: var(--accent-light) !important;
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.5) !important;
}

.category-sub-menu {
    background-color: transparent !important;
    list-style: none !important;
    padding: 0 !important;
}

.category-sub-menu li {
    margin-bottom: 4px !important;
}

.category-sub-menu li a {
    color: var(--text-secondary) !important;
    padding: 10px 14px 10px 16px !important;
    display: block !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    transition: all 0.25s ease !important;
    font-size: 0.9375rem !important;
    position: relative !important;
    font-weight: 500 !important;
}

.category-sub-menu li a::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 3px !important;
    height: 0 !important;
    background: var(--accent-primary) !important;
    border-radius: 0 2px 2px 0 !important;
    transition: height 0.25s ease !important;
}

.category-sub-menu li a:hover,
.category-sub-menu li.current a {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.15), rgba(59, 130, 246, 0.05)) !important;
    color: var(--accent-light) !important;
    transform: translateX(6px) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2) !important;
}

.category-sub-menu li a:hover::before,
.category-sub-menu li.current a::before {
    height: 60% !important;
}

/* Faceted search / Filters */
.facet {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.facet-title {
    background-color: transparent !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* Sidebar blocks (Suppliers, Brands, etc) */
.block {
    background-color: var(--bg-secondary) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.block h3,
.block .h3,
.block .block-title {
    color: var(--text-primary) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid var(--accent-primary) !important;
}

.block ul {
    background-color: transparent !important;
    padding: 0 !important;
    list-style: none !important;
}

.block ul li {
    background-color: transparent !important;
    margin-bottom: 8px !important;
}

.block ul li a {
    color: var(--text-primary) !important;
    padding: 8px 12px !important;
    display: block !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.block ul li a:hover {
    background-color: var(--bg-elevated) !important;
    color: var(--accent-light) !important;
}

/* ===== PRODUCTS SECTION ===== */
.products-section-title,
.h2 {
    color: var(--text-primary) !important;
    font-size: 1.85rem !important;
    font-weight: 700 !important;
    margin-bottom: 40px !important;
    padding: 20px 32px !important;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent) !important;
    border-top: 1px solid rgba(59, 130, 246, 0.3) !important;
    border-bottom: 2px solid var(--accent-primary) !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    position: relative !important;
    text-shadow: 0 2px 10px rgba(59, 130, 246, 0.3) !important;
}

.products-section-title::before,
.h2::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -2px !important;
    transform: translateX(-50%) !important;
    width: 120px !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, var(--accent-light), transparent) !important;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.6) !important;
}

.featured-products,
.product-accessories,
.products-section {
    background-color: transparent !important;
    padding: 48px 0 !important;
    position: relative !important;
}

.featured-products::after,
.products-section::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.2), transparent) !important;
}

/* Product grid */
.products {
    background-color: transparent !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    margin: 0 -10px !important;
}

.products .js-product {
    padding: 10px !important;
    margin-bottom: 20px !important;
}

/* Fix product positioning */
.product-miniature {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

/* Product cards - SLEEK MODERN DESIGN */
.product-miniature {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    padding: 0 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.product-miniature:hover {
    border-color: var(--accent-primary) !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.35), 0 0 0 1px var(--accent-primary), 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

.product-miniature:hover .product-thumbnail {
    background: linear-gradient(135deg, rgba(40, 40, 50, 0.7), rgba(30, 30, 40, 0.9)) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(59, 130, 246, 0.15) !important;
}

.product-thumbnail {
    background: linear-gradient(135deg, rgba(30, 30, 35, 0.6), rgba(20, 20, 25, 0.8)) !important;
    border-radius: 8px !important;
    padding: 24px 16px !important;
    margin: 16px 16px 12px 16px !important;
    overflow: visible !important;
    display: flex !important;
    width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 280px !important;
    position: relative !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.product-thumbnail a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.product-thumbnail img {
    border-radius: 0 !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 280px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3)) brightness(0.92) contrast(1.05) !important;
    mix-blend-mode: lighten !important;
    opacity: 0.95 !important;
}

.product-miniature:hover .product-thumbnail img {
    transform: scale(1.05) !important;
    filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.4)) brightness(1) contrast(1.08) !important;
    opacity: 1 !important;
}

.product-title {
    margin: 0 !important;
    padding: 0 16px 8px 16px !important;
    flex-shrink: 0 !important;
    background-color: transparent !important;
}

.product-title a {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 0.9375rem !important;
    text-decoration: none !important;
    display: block !important;
    line-height: 1.3 !important;
}

.product-title h3,
.product-title .h3 {
    margin: 0 !important;
    font-size: 0.9375rem !important;
    line-height: 1.3 !important;
}

.product-price-and-shipping {
    margin: 0 !important;
    padding: 0 16px 16px 16px !important;
    flex-shrink: 0 !important;
    background-color: transparent !important;
}

.product-price {
    color: var(--accent-light) !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}

.price {
    color: var(--accent-light) !important;
    font-weight: 700 !important;
}

.product-description {
    color: var(--text-secondary) !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 16px 10px 16px !important;
}

.product-flags {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.product-flag {
    background-color: var(--accent-primary) !important;
    color: white !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    letter-spacing: 0.5px !important;
}

.product-flag.new {
    background-color: var(--success) !important;
}

.product-flag.discount {
    background-color: var(--danger) !important;
}

/* Hide quick view and highlighted info */
.highlighted-informations,
.quick-view,
.js-quick-view {
    display: none !important;
}

/* Wishlist heart button */
.wishlist-button-add,
.wishlist-button-product,
[data-button-action="add-to-wishlist"] {
    display: none !important;
}

/* Product page */
#main .product-container {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 16px !important;
    padding: 40px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

.product-cover img {
    background-color: var(--bg-elevated) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* ===== BUTTONS ===== */
.btn,
button,
input[type="submit"],
.btn-primary,
.add-to-cart,
.btn-add-to-cart {
    background: linear-gradient(135deg, var(--accent-primary), var(--accent-hover)) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
    cursor: pointer !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
.btn-primary:hover,
.add-to-cart:hover,
.btn-add-to-cart:hover {
    background: linear-gradient(135deg, var(--accent-hover), #1d4ed8) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.5) !important;
}

/* Product card add to cart button */
.product-miniature .add-to-cart,
.product-miniature .btn-add-to-cart {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    font-size: 0.8125rem !important;
}

.btn-secondary {
    background-color: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-light) !important;
}

.btn-secondary:hover {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-light) !important;
}

/* ===== FORMS & INPUTS ===== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select,
.form-control,
.custom-select {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 0.9375rem !important;
    transition: all 0.2s ease !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--text-muted) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    background-color: var(--bg-elevated) !important;
    border-color: var(--accent-primary) !important;
    color: var(--text-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* ===== BREADCRUMB ===== */
.breadcrumb {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    margin-bottom: 24px !important;
}

.breadcrumb-item,
.breadcrumb a {
    color: var(--text-secondary) !important;
    font-size: 0.875rem !important;
}

.breadcrumb-item.active {
    color: var(--text-primary) !important;
}

.breadcrumb a:hover {
    color: var(--accent-light) !important;
}

/* ===== FOOTER ===== */
#footer {
    background: linear-gradient(180deg, var(--bg-primary) 0%, #000000 100%) !important;
    border-top: 1px solid var(--border-color) !important;
    padding: 60px 0 30px !important;
    margin-top: 80px !important;
}

.footer-container {
    background-color: transparent !important;
}

#footer h3,
#footer .h3 {
    color: var(--text-primary) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

#footer a {
    color: var(--text-secondary) !important;
    font-size: 0.9375rem !important;
    transition: all 0.2s ease !important;
}

#footer a:hover {
    color: var(--accent-light) !important;
    padding-left: 4px !important;
}

#footer p,
#footer li {
    color: var(--text-secondary) !important;
    line-height: 1.8 !important;
}

/* Newsletter subscription */
.block-newsletter,
.block_newsletter {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(20, 20, 25, 0.95)) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    border-radius: 16px !important;
    padding: 48px 40px !important;
    margin-bottom: 48px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    position: relative !important;
    overflow: hidden !important;
}

.block-newsletter::before,
.block_newsletter::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, var(--accent-primary), var(--accent-light), transparent) !important;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.6) !important;
}

.block-newsletter h3,
.block_newsletter h3 {
    color: var(--text-primary) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.block-newsletter p,
.block_newsletter p {
    color: var(--text-secondary) !important;
    margin-bottom: 24px !important;
}

.block-newsletter .input-wrapper,
.block_newsletter .input-wrapper {
    background-color: transparent !important;
    display: flex !important;
    gap: 12px !important;
}

.block-newsletter input[type="email"],
.block_newsletter input[type="email"] {
    background-color: rgba(30, 30, 35, 0.8) !important;
    border: 2px solid rgba(59, 130, 246, 0.3) !important;
    color: var(--text-primary) !important;
    padding: 14px 20px !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
}

.block-newsletter input[type="email"]:focus,
.block_newsletter input[type="email"]:focus {
    outline: none !important;
    border-color: var(--accent-primary) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2), 0 4px 12px rgba(59, 130, 246, 0.3) !important;
    background-color: rgba(30, 30, 35, 1) !important;
}

.block-newsletter button[type="submit"],
.block_newsletter button[type="submit"] {
    background: linear-gradient(135deg, var(--accent-primary), var(--accent-hover)) !important;
    border: none !important;
    color: white !important;
    padding: 14px 32px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

.block-newsletter button[type="submit"]:hover,
.block_newsletter button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5) !important;
}

/* ===== CART ===== */
#blockcart-modal .modal-content,
.cart-grid,
.cart-overview {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
}

.cart-item {
    border-bottom: 1px solid var(--border-color) !important;
    padding: 20px !important;
}

.cart-summary {
    background-color: var(--bg-tertiary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    padding: 24px !important;
}

.cart-summary-line {
    color: var(--text-primary) !important;
    padding: 12px 0 !important;
}

.cart-total {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--accent-light) !important;
}

/* ===== MODALS ===== */
.modal-content {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9) !important;
}

.modal-header {
    background-color: var(--bg-elevated) !important;
    border-bottom: 1px solid var(--border-color) !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 24px !important;
}

.modal-body {
    padding: 24px !important;
}

.modal-footer {
    background-color: var(--bg-elevated) !important;
    border-top: 1px solid var(--border-color) !important;
    border-radius: 0 0 16px 16px !important;
    padding: 20px 24px !important;
}

.close,
.modal-close {
    color: var(--text-primary) !important;
    opacity: 1 !important;
    transition: all 0.2s ease !important;
}

.close:hover,
.modal-close:hover {
    color: var(--danger) !important;
}

/* ===== ALERTS ===== */
.alert {
    background-color: var(--bg-tertiary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    color: var(--text-primary) !important;
    padding: 16px 20px !important;
}

.alert-success {
    background-color: rgba(16, 185, 129, 0.1) !important;
    border-color: var(--success) !important;
    color: var(--success) !important;
}

.alert-danger {
    background-color: rgba(239, 68, 68, 0.1) !important;
    border-color: var(--danger) !important;
    color: var(--danger) !important;
}

.alert-warning {
    background-color: rgba(245, 158, 11, 0.1) !important;
    border-color: var(--warning) !important;
    color: var(--warning) !important;
}

/* ===== TABLES ===== */
table,
.table {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

table thead {
    background-color: var(--bg-elevated) !important;
}

table thead th {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.05em !important;
    padding: 16px !important;
}

table td,
table th {
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
    padding: 16px !important;
}

table tbody tr {
    transition: background-color 0.2s ease !important;
}

table tbody tr:hover {
    background-color: var(--bg-tertiary) !important;
}

/* ===== PAGINATION ===== */
.pagination {
    background-color: transparent !important;
    margin: 32px 0 !important;
}

.page-link {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    margin: 0 4px !important;
    transition: all 0.2s ease !important;
}

.page-link:hover {
    background-color: var(--bg-elevated) !important;
    color: var(--accent-light) !important;
    border-color: var(--accent-primary) !important;
}

.page-item.active .page-link {
    background-color: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4) !important;
}

/* ===== TABS ===== */
.nav-tabs {
    background-color: transparent !important;
    border-bottom: 2px solid var(--border-color) !important;
}

.nav-tabs .nav-link {
    color: var(--text-secondary) !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    padding: 12px 24px !important;
    transition: all 0.2s ease !important;
}

.nav-tabs .nav-link:hover {
    color: var(--text-primary) !important;
    background-color: var(--bg-tertiary) !important;
    border-bottom-color: var(--accent-primary) !important;
}

.nav-tabs .nav-link.active {
    color: var(--accent-light) !important;
    background-color: var(--bg-secondary) !important;
    border-bottom-color: var(--accent-primary) !important;
}

.tab-content {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
    padding: 24px !important;
}

/* ===== CARDS ===== */
.card {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.card-header {
    background-color: var(--bg-elevated) !important;
    border-bottom: 1px solid var(--border-color) !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 20px 24px !important;
}

.card-body {
    background-color: transparent !important;
    padding: 24px !important;
}

/* ===== CHECKOUT ===== */
#checkout {
    background-color: transparent !important;
}

.checkout-step {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
}

.delivery-option {
    background-color: var(--bg-tertiary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    transition: all 0.2s ease !important;
}

.delivery-option:hover {
    border-color: var(--accent-primary) !important;
}

/* ===== CMS PAGES ===== */
.cms-content,
#content {
    background-color: transparent !important;
}

.page-cms {
    background-color: var(--bg-secondary) !important;
    border-radius: 12px !important;
    padding: 40px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

.page-cms h1 {
    color: var(--text-primary) !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
    padding-bottom: 16px !important;
    border-bottom: 3px solid var(--accent-primary) !important;
}

.page-cms h2 {
    color: var(--text-primary) !important;
    font-size: 1.75rem !important;
    font-weight: 600 !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid var(--border-light) !important;
}

.page-cms h3 {
    color: var(--accent-light) !important;
    font-size: 1.375rem !important;
    font-weight: 600 !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
}

.page-cms p {
    color: var(--text-secondary) !important;
    line-height: 1.8 !important;
    margin-bottom: 16px !important;
}

/* ===== MISC ===== */
hr {
    border-color: var(--border-color) !important;
    opacity: 1 !important;
}

.badge {
    background-color: var(--accent-primary) !important;
    color: white !important;
    padding: 4px 12px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}

.tooltip-inner {
    background-color: var(--bg-elevated) !important;
    border: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}

/* Quickview */
.quickview {
    background-color: var(--bg-secondary) !important;
    border-radius: 12px !important;
}

/* Faceted search */
.faceted-search {
    background-color: var(--bg-secondary) !important;
}

/* Block reassurance */
.block-reassurance {
    background-color: var(--bg-secondary) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin: 40px 0 !important;
}

/* ===== SPECIFIC FIXES ===== */

/* Hide unwanted modules */
.block-brandlist,
.block_brandlist,
#block_brandlist,
.ps-brandlist,
.block-supplierlist,
.block_supplierlist,
#block_supplierlist,
.ps-supplierlist,
.block-customtext,
.customtext,
.ps-customtext,
.block-banner,
.ps-banner,
#carousel {
    display: none !important;
}

/* Fix white/grey backgrounds on specific elements */
.js-product-miniature,
.thumbnail-container,
.product-description-short,
.product-list-item,
.thumbnail-top,
.product-footer,
.product-actions,
.variant-links,
.product-list-reviews {
    background-color: transparent !important;
}

.thumbnail-container {
    position: relative !important;
    width: 100% !important;
    background-color: transparent !important;
}

.thumbnail-top {
    position: relative !important;
    width: 100% !important;
    background-color: transparent !important;
}

/* Product footer and action buttons */
.product-footer,
.product-additional {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure product images load */
img[loading="lazy"] {
    opacity: 1 !important;
}

.product-thumbnail img[data-src] {
    content: attr(data-src) !important;
}

/* Fix any hidden content */
.product-miniature * {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Product information section */
.product-description,
.product-description-short,
.highlighted-informations {
    background-color: transparent !important;
}

/* Logo/Brand area fix */
#_desktop_logo,
.logo {
    background-color: transparent !important;
}

/* All containers that should be transparent */
.container,
.container-fluid,
.row,
.col,
[class*="col-"] {
    background-color: transparent !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    .mobile-layer {
        background-color: #000 !important;
    }

    #mobile_top_menu_wrapper {
        background-color: var(--bg-secondary) !important;
    }

    .products {
        gap: 16px !important;
    }

    .product-miniature {
        padding: 16px !important;
    }
}

@media (max-width: 768px) {
    .page-cms {
        padding: 24px !important;
    }

    #footer {
        padding: 40px 0 20px !important;
    }

    .block-newsletter {
        padding: 24px !important;
    }
}

/* ===== ANIMATIONS ===== */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product-miniature {
    animation: fadeIn 0.4s ease-out !important;
}

/* ===== FINAL PRODUCT CARD POLISH ===== */

/* Remove ALL grey backgrounds */
.product-miniature article,
.product-miniature > div,
.product-miniature section,
.products-section,
.product-list,
.products article {
    background-color: transparent !important;
}

/* Ensure consistent spacing */
.product-miniature .product-title,
.product-miniature .product-price-and-shipping,
.product-miniature .product-description,
.product-miniature .product-footer {
    background: none !important;
}

/* Make images fill their containers better */
.product-thumbnail picture {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Improve button visibility on product cards */
.product-add-to-cart {
    background-color: transparent !important;
    padding: 0 16px 16px 16px !important;
}

.product-actions {
    padding: 0 !important;
    margin: 0 !important;
}

/* Better hover state for entire card */
.product-miniature {
    position: relative !important;
}

.product-miniature::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 12px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(37, 99, 235, 0.05)) !important;
}

.product-miniature:hover::before {
    opacity: 1 !important;
}

/* Price emphasis */
.product-price-and-shipping .price {
    font-size: 1.5rem !important;
    background: linear-gradient(135deg, var(--accent-light), var(--accent-primary)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ===== CONTACT FORM & WHITE BACKGROUND FIXES ===== */
.contact-form,
.page-contact,
#contact,
.form-fields,
.form-group,
.contact-rich,
.page-content-wrapper,
#content-wrapper,
.cms-content {
    background-color: transparent !important;
}

/* Fix white form containers */
form,
.form,
fieldset,
.fieldset {
    background-color: transparent !important;
}

/* Ensure all form elements have dark background */
.form-group,
.form-control-wrapper,
.input-group {
    background-color: transparent !important;
}

/* Contact form specific */
.contact-form .form-footer,
.contact-form .form-fields,
.page-contact .page-content {
    background-color: transparent !important;
}

/* Fix any remaining white boxes */
.box,
.card,
.panel,
.well {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

/* Reduce button font sizes */
button,
.btn,
input[type="submit"],
input[type="button"] {
    font-size: 0.875rem !important;
}

/* Reduce product card font sizes */
.product-title a,
.product-title h3 {
    font-size: 0.875rem !important;
}

.product-price {
    font-size: 1.25rem !important;
}

.product-description {
    font-size: 0.8125rem !important;
}

/* Reduce navigation font */
#top-menu ul li a {
    font-size: 0.875rem !important;
}

@media (min-width: 992px) {
    #top-menu ul li a {
        font-size: 0.9375rem !important;
    }
}

/* Fix white strip between contact form and newsletter */
.page-contact .page-footer,
.page-footer,
#footer-container,
.footer-before,
.page-content + *,
#content + footer,
#content-wrapper + footer {
    background-color: transparent !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Fix any white gaps/margins */
#content,
#wrapper,
.page-content {
    margin-bottom: 0 !important;
}

/* Ensure no white space between sections */
main,
#main {
    background-color: transparent !important;
}

/* Aggressive fix for white strip */
* {
    border-color: transparent !important;
}

/* Override any white containers */
.container:not(.product-miniature *),
.row:not(.product-miniature *) {
    background-color: transparent !important;
}

/* Target the specific white strip area */
#footer::before,
.page-footer::before,
footer::before {
    display: none !important;
}

/* Remove all white backgrounds from layout containers */
body > *,
#wrapper > *,
#main > * {
    background-color: transparent !important;
}

/* Force footer area to be dark */
#footer,
footer,
.footer-container,
.page-footer {
    background: linear-gradient(180deg, var(--bg-primary) 0%, #000000 100%) !important;
    margin-top: 0 !important;
    padding-top: 60px !important;
}

/* Hide PRODUCTS and OUR COMPANY footer sections */
#footer .links .wrapper:first-child,
#footer .links .col-md-6:first-child,
#footer .links div[class*="col"]:first-child,
.footer-container .links .wrapper:first-child,
.footer-container .links .col-md-6:first-child {
    display: none !important;
}

/* Hide OUR COMPANY section (usually second column) */
#footer .block-contact + .links,
#footer h3:contains("OUR COMPANY"),
.footer-container h3:contains("OUR COMPANY") {
    display: none !important;
}

/* Target by header text */
#footer .links h3,
.footer-container .links h3 {
    text-transform: uppercase;
}

/* Hide specific footer link sections */
#footer .links div[class*="col"]:nth-child(1),
#footer .links div[class*="col"]:nth-child(2) {
    display: none !important;
}

/* Only show YOUR ACCOUNT and STORE INFORMATION */
#footer .links > div:not(:nth-last-child(1)):not(:nth-last-child(2)) {
    display: none !important;
}

/* ===== COMPREHENSIVE SPACING & POLISH IMPROVEMENTS ===== */

/* Reduce excessive padding between sections */
.featured-products,
.products-section {
    padding: 32px 0 !important;
    margin-bottom: 24px !important;
}

/* Section headers - cleaner spacing */
.products-section-title,
.h2 {
    margin-bottom: 32px !important;
    padding: 16px 24px !important;
}

/* Better product grid spacing */
.products {
    margin: 0 -8px !important;
}

.products .js-product {
    padding: 8px !important;
    margin-bottom: 16px !important;
}

/* ===== QUANTITY BUTTONS - FIX AWFUL STYLING ===== */
.input-group,
.product-quantity {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

/* Quantity input */
input.product-quantity,
input[name="qty"],
input.qty,
.product-quantity input,
.bootstrap-touchspin input {
    background-color: var(--bg-tertiary) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    text-align: center !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 10px 8px !important;
    width: 60px !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

/* Quantity increment/decrement buttons */
.input-group-btn-vertical,
.bootstrap-touchspin-up,
.bootstrap-touchspin-down,
button.btn-touchspin,
.product-quantity button {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    padding: 10px 14px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    min-width: 40px !important;
}

.bootstrap-touchspin-down,
button.btn-touchspin.btn-touchspin-down {
    border-radius: 6px 0 0 6px !important;
    border-right: none !important;
}

.bootstrap-touchspin-up,
button.btn-touchspin.btn-touchspin-up {
    border-radius: 0 6px 6px 0 !important;
    border-left: none !important;
}

.bootstrap-touchspin-up:hover,
.bootstrap-touchspin-down:hover,
.product-quantity button:hover {
    background: var(--bg-elevated) !important;
    color: var(--accent-light) !important;
    border-color: var(--accent-primary) !important;
}

/* ===== CART PAGE IMPROVEMENTS ===== */
.cart-container,
.cart-grid {
    padding: 24px !important;
}

.cart-item {
    padding: 16px !important;
    margin-bottom: 12px !important;
}

.cart-summary {
    padding: 20px !important;
}

/* ===== BUTTON CONSISTENCY ===== */
.btn,
button:not(.product-quantity button) {
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.btn-primary,
button[type="submit"]:not(.product-quantity button) {
    background: linear-gradient(135deg, var(--accent-primary), var(--accent-hover)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

.btn-primary:hover,
button[type="submit"]:hover:not(.product-quantity button) {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4) !important;
}

/* ===== PRODUCT PAGE IMPROVEMENTS ===== */
.product-container {
    padding: 24px !important;
}

.product-information {
    padding: 0 24px !important;
}

.product-prices {
    margin: 20px 0 !important;
}

.product-actions {
    margin-top: 24px !important;
}

/* ===== CLEANER SPACING THROUGHOUT ===== */
.page-content {
    padding: 24px 0 !important;
}

.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Reduce newsletter padding */
.block-newsletter,
.block_newsletter {
    padding: 32px 28px !important;
    margin-bottom: 32px !important;
}

/* Footer spacing */
#footer {
    padding: 48px 0 24px !important;
    margin-top: 48px !important;
}

/* ===== BREADCRUMB REFINEMENT ===== */
.breadcrumb {
    padding: 12px 16px !important;
    margin-bottom: 20px !important;
    font-size: 0.875rem !important;
}

/* ===== CARD/BOX CONSISTENCY ===== */
.card,
.box,
.panel {
    padding: 20px !important;
    border-radius: 10px !important;
}

/* ===== INPUT FIELD CONSISTENCY ===== */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    padding: 10px 14px !important;
    font-size: 0.9375rem !important;
    border-radius: 6px !important;
}

/* ===== REMOVE EXCESSIVE MARGINS ===== */
.row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

[class*="col-"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* ===== SIMPLE CART PAGE STYLING ===== */

/* Cart items - simple clean styling */
.cart-item,
.cart-overview {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
}

/* Cart summary box */
.cart-summary,
.cart-detailed-totals {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* Cart product line spacing */
.product-line-info {
    margin-bottom: 12px !important;
}

/* Simple cart price styling */
.cart .product-price,
.cart .current-price {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: var(--accent-light) !important;
}

/* Cart summary lines */
.cart-summary-line {
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.cart-summary-line:last-child {
    border-bottom: none !important;
    font-weight: 700 !important;
    font-size: 1.125rem !important;
    padding-top: 16px !important;
    border-top: 2px solid var(--accent-primary) !important;
}

/* Hide duplicate price in cart item line */
.cart-item .product-price,
.cart-overview .product-price,
.product-line-grid .product-price,
.cart-detailed-product .product-price {
    display: none !important;
}

/* Keep only the price in the summary */
.cart-summary .product-price,
.cart-total .product-price {
    display: block !important;
}