/*
Theme Name: Assalatbladi
Theme URI: https://assalatbladi.com
Author: Dar Assala
Author URI: https://assalatbladi.com
Description: Assalatbladi child theme, built on Darion.
Version: 1.0.0
Template: darion
Text Domain: assalatbladi
*/

/* ====================================================================
   ACCESSIBILITY & CONTRAST OVERRIDES (WCAG AA COMPLIANT)
   ==================================================================== */

/* 1. Hero Button & Overlay contrast fixes */
.ab-hero-overlay {
    background-color: rgba(26, 21, 20, 0.65) !important; /* Darker overlay for text readability */
}

.ab-hero-btn {
    background-color: #ffffff !important;
    color: #1a1514 !important;
    border: 1px solid #ffffff !important;
}

.ab-hero-btn:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* 2. Brand Subtitle contrast fix (WCAG AA compliant dark gold) */
.ab-inspired-wrapper .ab-subtitle, 
.ab-subtitle {
    color: #8c672b !important;
}

/* 3. Spotlight Content & Pillars Paragraph contrast fixes */
.ab-spotlight-content p, 
.ab-pillar p, 
.ab-inspired-wrapper p {
    color: #4c4c4c !important; /* Elegant dark grey with 8.5:1 contrast ratio */
}

/* 4. Outline Button contrast fix (using readable gold on white) */
.ab-btn-outline {
    border: 1px solid #8c672b !important;
    color: #8c672b !important;
}

.ab-btn-outline:hover {
    background-color: #8c672b !important;
    color: #ffffff !important;
}

/* 5. Solid Button contrast fix (using dark charcoal text on gold background) */
.ab-btn-solid {
    background-color: #c39953 !important;
    color: #1a1514 !important;
    border: 1px solid #c39953 !important;
}

.ab-btn-solid:hover {
    background-color: #1a1514 !important;
    color: #ffffff !important;
    border-color: #1a1514 !important;
}

/* 6. Elementor Text Editor & general paragraphs contrast fix */
.elementor-widget-text-editor, 
.elementor-widget-text-editor p,
.elementor-text-editor,
.elementor-text-editor p {
    color: #4c4c4c !important;
}

/* 7. Category Item Titles contrast fix (e.g. "Table" category link) */
.item-product-cat .item-title a span,
.item-product-cat .item-title a,
.product-cat-content-info .info .item-title a span {
    color: #1a1514 !important;
}

/* 8. Filter Category Tabs contrast fix (e.g. "Table" and "All" links) */
ul.filter-category li.category a span,
ul.filter-category li.category a,
.category-tab-nav ul.filter-category li a span,
.category-tab-nav ul.filter-category li a {
    color: #4c4c4c !important; /* Dark grey to pass contrast on light background */
}

ul.filter-category li.category.active a span,
ul.filter-category li.category.active a,
.category-tab-nav ul.filter-category li.active a span,
.category-tab-nav ul.filter-category li.active a {
    color: #1a1514 !important;
    font-weight: 700 !important;
}

/* 9. Footer text & Copyright contrast fixes (on dark background) */
#bwp-footer,
#bwp-footer p,
#bwp-footer span,
#bwp-footer div.elementor-widget-text-editor,
#bwp-footer .elementor-text-editor,
#bwp-footer .elementor-text-editor p,
.elementor-element-68a5020 p,
.elementor-element-c971a24 p,
.elementor-element-4962a83 p,
.elementor-element-4962a83 div {
    color: #e0e0e0 !important; /* Light grey with 11.5:1 contrast against dark bg */
}

#bwp-footer a {
    color: #ffffff !important;
}

#bwp-footer a:hover {
    color: #c39953 !important;
}

/* 10. Slick Slider aria-hidden focusable descendants accessibility fix */
.slick-slide[aria-hidden="true"],
.slick-slide[aria-hidden="true"] * {
    visibility: hidden !important;
}