/* =============================================================================
   ASTRA DARK OVERRIDE  –  Astra Child Hossam
   Location: /wp-content/themes/astra-child-hossam/assets/css/astra-dark-override.css

   This file forces the dark theme onto ALL Astra page containers,
   fixes the My Account wider layout, and styles both shortcodes.

   01. Force dark on all Astra containers
   02. Force dark on Elementor containers
   03. My Account – wider logged-in layout
   04. Shortcode: [dark_featured_products]
   05. Shortcode: [dark_shop_grid]
   06. Shop Shortcode Sidebar / Filters
   07. Shop Shortcode Product Cards
   08. Shared Pagination
   09. Responsive
   ============================================================================= */

/* ─── COLOR PALETTE (matches the zip files) ─────────────────────────────────
   --c-bg:         #131313   (surface / background)
   --c-bg-dark:    #0E0E0E   (surface-container-lowest)
   --c-bg-low:     #1C1B1B   (surface-container-low)
   --c-bg-high:    #2A2A2A   (surface-container-high)
   --c-surface:    #201F1F   (surface-container)
   --c-surface-var:#353534   (surface-variant / surface-container-highest)
   --c-gold:       #F2CA50   (primary)
   --c-gold-dim:   #D4AF37   (primary-container)
   --c-muted:      #99907C   (outline)
   --c-text:       #E5E2E1   (on-surface / on-background)
   --c-text-muted: #D0C5AF   (on-surface-variant)
   --c-outline:    #4D4635   (outline-variant)
   ─────────────────────────────────────────────────────────────────────────── */

/* =============================================================================
   01. FORCE DARK ON ALL ASTRA CONTAINERS
   ============================================================================= */

/* Base body */
body,
body.dark-theme {
  background-color: #131313 !important;
  color: #E5E2E1 !important;
}

/* Astra site wrappers */
#page,
.site,
#ast-page,
.hfeed { background-color: #131313 !important; }

/* All Astra content containers */
#content,
.site-content,
#ast-content-id,
.ast-content,
.ast-container,
.ast-site-content-maxwidth,
.ast-max-width-layout,
.ast-separate-container,
.ast-separate-container .site-content,
.ast-separate-container #primary,
.ast-page-builder-template .site-content,
.ast-full-width-layout .site-content,
.ast-no-sidebar,
#primary,
.site-primary,
.content-area,
main,
main#main,
main.site-main {
  background-color: #131313 !important;
  color: #E5E2E1 !important;
}

/* Astra article / post / page entry */
article,
.post,
.page,
.ast-article-post,
.ast-article-inner,
.entry,
.entry-content,
.post-content,
.page-content,
.ast-post-format- { background-color: transparent !important; color: #E5E2E1 !important; }

.ast-article-post,
.ast-article-post:last-child {
  border-bottom: 1px solid rgba(77,70,53,.2) !important;
}

/* Astra inner grid / layouts */
.ast-grid,
.ast-container-fluid,
.ast-row,
.ast-col { background-color: transparent !important; }

/* Astra Sidebar */
.secondary,
.widget-area,
.sidebar-primary,
#secondary { background-color: transparent !important; color: #E5E2E1 !important; }

/* Astra widgets */
.widget { background-color: transparent !important; color: #D0C5AF !important; }
.widget-title,
.widgettitle { font-family: 'Noto Serif', serif !important; color: #F2CA50 !important; font-size: 10px !important; letter-spacing: .3em !important; text-transform: uppercase !important; margin-bottom: 16px !important; }
.widget ul li { border-bottom: 1px solid rgba(77,70,53,.1) !important; }
.widget ul li a { color: #99907C !important; font-size: .85rem !important; transition: color .3s ease !important; }
.widget ul li a:hover { color: #F2CA50 !important; }

/* Astra page/post title */
.entry-title,
.page-title,
h1.page-title {
  font-family: 'Noto Serif', serif !important;
  color: #E5E2E1 !important;
}

/* Astra comment area */
.comment-area,
.comments-area,
#comments { background: transparent !important; color: #D0C5AF !important; }
.comment-body { background: rgba(53,53,52,.4) !important; border: 1px solid rgba(77,70,53,.2) !important; padding: 16px !important; }

/* Astra header (in case not using child header.php) */
.ast-primary-header-bar,
.site-header,
#masthead,
.ast-site-header-primary { background-color: rgba(19,19,19,.94) !important; border-bottom: 1px solid rgba(77,70,53,.2) !important; }
.ast-masthead-custom-menu-items,
.ast-site-identity a,
.ast-site-identity { color: #F2CA50 !important; }

/* Astra footer (in case not using child footer.php) */
.site-footer,
.ast-small-footer,
.ast-footer-1,
.ast-footer-2 { background-color: #0E0E0E !important; color: #99907C !important; }

/* Astra page header / banner */
.ast-breadcrumbs-wrapper,
.ast-page-header-content { background-color: #1C1B1B !important; }
.ast-breadcrumbs a { color: #99907C !important; }
.ast-breadcrumbs a:hover { color: #F2CA50 !important; }

/* Astra search form */
.search-form input[type="search"],
.ast-search-menu-icon .search-form input { background: #201F1F !important; border: 1px solid #4D4635 !important; color: #E5E2E1 !important; border-radius: 0 !important; }

/* Astra pagination */
.ast-pagination a,
.pagination a,
.nav-links a { color: #99907C !important; }
.ast-pagination .current,
.pagination .current { color: #F2CA50 !important; border-bottom: 1px solid #F2CA50 !important; }

/* General headings inside page content */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: #E5E2E1 !important;
  font-family: 'Noto Serif', serif !important;
}
.entry-content p,
.entry-content li { color: #D0C5AF !important; }
.entry-content a { color: #F2CA50 !important; }
.entry-content strong { color: #E5E2E1 !important; }
.entry-content hr { border-color: rgba(77,70,53,.3) !important; }
.entry-content table { background: transparent !important; border-color: rgba(77,70,53,.2) !important; }
.entry-content table th { background: rgba(53,53,52,.6) !important; color: #E5E2E1 !important; }
.entry-content table td { color: #D0C5AF !important; border-color: rgba(77,70,53,.15) !important; }