/**
 * Indusroof child theme — CSS variable overrides
 *
 * Hyvä Tailwind v4 uses CSS custom properties for colors.
 * We override them here so classes like bg-primary, text-on-primary, etc.
 * automatically pick up Indusroof brand colors.
 *
 * Primary: Indusroof teal-blue (prod #08598e)
 * Secondary: Indusroof green (prod #0a4b2a)
 */
:root {
    --color-primary-lighter: #1e7bb8;
    --color-primary: #08598e;
    --color-primary-darker: #043d63;
    --color-secondary-lighter: #136d3f;
    --color-secondary: #0a4b2a;
    --color-secondary-darker: #063319;
    --color-on-primary: #fff;
    --color-on-secondary: #fff;
}

/* ============================================================
 * Body background — navy default per Design System §1
 * Eliminates FOUC (Hyva default is #F8FAFC off-white).
 * Checkout / cart / login / register keep light bg (§26 exception).
 * Added 2026-06-07.
 * ============================================================ */
html,
body {
    background-color: #0D1A2D;
}

body.checkout-index-index,
body.checkout-cart-index,
body.checkout-onepage-success,
body.customer-account-login,
body.customer-account-create,
body.customer-account-createpassword,
body.customer-account-forgotpassword {
    background-color: #F8FAFC;
}

/* ============================================================
 * A1: Dark Navy Theme for Category / Search Product Listing
 * Scoped to catalog-category-view + catalogsearch-result-index
 * Matches Design System: bg #0D1A2D, cards #112240, borders #1E3A5F
 * Added 2026-06-07.
 * ============================================================ */

/* --- Page-level containers --- */
.catalog-category-view .columns,
.catalog-category-view .column.main,
.catalog-category-view .page-main,
.catalogsearch-result-index .columns,
.catalogsearch-result-index .column.main,
.catalogsearch-result-index .page-main {
    background-color: #0D1A2D;
    color: #CBD5E1;
}

/* --- Product cards --- */
.catalog-category-view .product-item,
.catalog-category-view .card,
.catalogsearch-result-index .product-item,
.catalogsearch-result-index .card {
    background-color: #112240 !important;
    border: 1px solid #1E3A5F !important;
    border-top: 4px solid #29ABE2 !important;
    border-radius: 0.5rem;
    color: #F8FAFC;
}

.catalog-category-view .product-item:hover,
.catalog-category-view .card:hover,
.catalogsearch-result-index .product-item:hover,
.catalogsearch-result-index .card:hover {
    border-color: #29ABE2 !important;
    box-shadow: 0 4px 12px rgba(41,171,226,0.15);
}

/* Card product name */
.catalog-category-view .product-item-link,
.catalog-category-view .product-item-name a,
.catalogsearch-result-index .product-item-link,
.catalogsearch-result-index .product-item-name a {
    color: #F8FAFC !important;
}

.catalog-category-view .product-item-link:hover,
.catalogsearch-result-index .product-item-link:hover {
    color: #29ABE2 !important;
}

/* Card price */
.catalog-category-view .price,
.catalog-category-view .price-box,
.catalogsearch-result-index .price,
.catalogsearch-result-index .price-box {
    color: #F8FAFC !important;
}

.catalog-category-view .old-price .price,
.catalogsearch-result-index .old-price .price {
    color: #94A3B8 !important;
}

/* Product image area - keep white for visibility */
.catalog-category-view .product-image-container,
.catalog-category-view .product-image-wrapper,
.catalogsearch-result-index .product-image-container,
.catalogsearch-result-index .product-image-wrapper {
    background-color: #FFFFFF;
    border-radius: 0.375rem;
    padding: 0.5rem;
}

/* Card buttons */
.catalog-category-view .product-item button[type="submit"],
.catalog-category-view .action.tocart,
.catalogsearch-result-index .product-item button[type="submit"],
.catalogsearch-result-index .action.tocart {
    background-color: #29ABE2 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0.375rem;
}

.catalog-category-view .product-item button[type="submit"]:hover,
.catalogsearch-result-index .product-item button[type="submit"]:hover {
    background-color: #1D8CB8 !important;
}

/* --- Filter Sidebar (Layered Navigation) --- */
.catalog-category-view .sidebar-main,
.catalogsearch-result-index .sidebar-main {
    background-color: #0D1A2D;
    color: #F8FAFC;
}

.catalog-category-view .sidebar-main .block,
.catalogsearch-result-index .sidebar-main .block {
    background-color: #0D1A2D !important;
    border: none !important;
}

.catalog-category-view .filter-options-title,
.catalogsearch-result-index .filter-options-title {
    color: #F8FAFC !important;
    border-color: #1E3A5F !important;
    background-color: transparent !important;
}

.catalog-category-view .filter-options-content,
.catalogsearch-result-index .filter-options-content {
    background-color: transparent !important;
    border-color: #1E3A5F !important;
}

.catalog-category-view .filter-options-content a,
.catalog-category-view .filter-options-content label,
.catalog-category-view .filter-options-content span,
.catalogsearch-result-index .filter-options-content a,
.catalogsearch-result-index .filter-options-content label,
.catalogsearch-result-index .filter-options-content span {
    color: #CBD5E1 !important;
}

.catalog-category-view .filter-options-content a:hover,
.catalogsearch-result-index .filter-options-content a:hover {
    color: #29ABE2 !important;
}

/* Filter count badges */
.catalog-category-view .filter-count-label,
.catalog-category-view .count,
.catalogsearch-result-index .filter-count-label,
.catalogsearch-result-index .count {
    color: #94A3B8 !important;
}

/* Active filter state */
.catalog-category-view .filter-current .items,
.catalog-category-view .filter-actions,
.catalogsearch-result-index .filter-current .items {
    background-color: #112240;
    border: 1px solid #1E3A5F;
    border-radius: 0.375rem;
    padding: 0.5rem;
}

.catalog-category-view .filter-current .item,
.catalogsearch-result-index .filter-current .item {
    color: #F8FAFC;
}

.catalog-category-view .action.remove,
.catalogsearch-result-index .action.remove {
    color: #29ABE2 !important;
}

/* --- Toolbar (sort, grid/list, per page) --- */
.catalog-category-view .toolbar-products,
.catalogsearch-result-index .toolbar-products {
    color: #CBD5E1;
}

.catalog-category-view .toolbar-products select,
.catalogsearch-result-index .toolbar-products select {
    background-color: #112240 !important;
    border: 1px solid #1E3A5F !important;
    color: #F8FAFC !important;
    border-radius: 0.375rem;
}

.catalog-category-view .toolbar-amount,
.catalog-category-view .sorter-label,
.catalog-category-view .limiter-label,
.catalogsearch-result-index .toolbar-amount,
.catalogsearch-result-index .sorter-label {
    color: #94A3B8 !important;
}

/* Grid/list view icons */
.catalog-category-view .modes-mode,
.catalogsearch-result-index .modes-mode {
    color: #94A3B8;
    border-color: #1E3A5F !important;
}

.catalog-category-view .modes-mode.active,
.catalog-category-view .modes-mode:hover,
.catalogsearch-result-index .modes-mode.active {
    color: #29ABE2;
    border-color: #29ABE2 !important;
}

/* --- Pagination --- */
.catalog-category-view .pages .items,
.catalogsearch-result-index .pages .items {
    gap: 0.25rem;
}

.catalog-category-view .pages .item a,
.catalog-category-view .pages .item span,
.catalogsearch-result-index .pages .item a,
.catalogsearch-result-index .pages .item span {
    background-color: #112240 !important;
    border: 1px solid #1E3A5F !important;
    color: #CBD5E1 !important;
    border-radius: 0.375rem;
}

.catalog-category-view .pages .item.current span,
.catalogsearch-result-index .pages .item.current span {
    background-color: #29ABE2 !important;
    border-color: #29ABE2 !important;
    color: #FFFFFF !important;
}

.catalog-category-view .pages .item a:hover,
.catalogsearch-result-index .pages .item a:hover {
    border-color: #29ABE2 !important;
    color: #29ABE2 !important;
}

/* --- Misc text elements --- */
.catalog-category-view .category-description,
.catalogsearch-result-index .search.results {
    color: #CBD5E1;
}

.catalog-category-view .message.info,
.catalogsearch-result-index .message.info {
    background-color: #112240;
    border: 1px solid #1E3A5F;
    color: #CBD5E1;
}

/* --- Hyva-specific utility overrides --- */
.catalog-category-view .bg-gray-100,
.catalogsearch-result-index .bg-gray-100 {
    background-color: #0D1A2D !important;
}

.catalog-category-view .border-gray-300,
.catalogsearch-result-index .border-gray-300 {
    border-color: #1E3A5F !important;
}

.catalog-category-view .text-gray-700,
.catalog-category-view .text-gray-600,
.catalogsearch-result-index .text-gray-700,
.catalogsearch-result-index .text-gray-600 {
    color: #CBD5E1 !important;
}

.catalog-category-view .text-gray-900,
.catalogsearch-result-index .text-gray-900 {
    color: #F8FAFC !important;
}

.catalog-category-view .bg-white,
.catalogsearch-result-index .bg-white {
    background-color: #112240 !important;
}

/* Card-interactive Hyva shadow override */
.catalog-category-view .card-interactive,
.catalogsearch-result-index .card-interactive {
    --card-interactive-shadow: none;
    box-shadow: none;
}

/* Search results page title */
.catalogsearch-result-index .page-title-wrapper .page-title {
    color: #F8FAFC;
}