/* 
 * Premium Design System OVERRIDES for Muhammad Hilal Developer
 */

:root {
  --primary-color: #0d6efd;
  --primary-hover: #0b5ed7;
  --secondary-color: #212529;
  --text-main: #333333;
  --text-light: #6c757d;
  --bg-main: #ffffff !important;
  --bg-light: #f8f9fa !important;
  --border-color: #e9ecef;
}

body, html {
  background-color: var(--bg-main) !important;
  color: var(--text-main) !important;
}

.wp-site-blocks, .site, .site-content {
    background-color: var(--bg-main) !important;
}

header, footer {
    background-color: var(--bg-light) !important;
    color: var(--secondary-color) !important;
}

header a, footer a {
    color: var(--secondary-color) !important;
}

.wp-block-group, .wp-block-columns, .has-background {
    background-color: transparent !important;
    color: var(--text-main) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--secondary-color) !important;
}

/* Hide the floating social sidebar if present to clean up UI */
.a2a_floating_style {
    display: none !important;
}

/* Ensure container constraints */
.content-area, .site-main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* 
 * CRITICAL OVERRIDES TO FORCE LIGHT THEME
 */
html, body, .wp-site-blocks, #page, .site, .site-content-contain, .site-content {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #333333 !important;
}

/* Force inner blocks to be light */
.wp-block-group.has-background, 
.wp-block-columns.has-background {
    background-color: transparent !important;
}

/* Hide floating social bar */
.a2a_floating_style, .addtoany_shortcode {
    display: none !important;
}

/* Ensure the hero section is full width and light */
.hero-section {
    background: #f8f9fa !important;
    color: #333 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* 
 * ABSOLUTE FORCING OF BACKGROUND COLORS TO OVERRIDE INLINE STYLES OR THEME JSON
 */
body, body.custom-background, .wp-site-blocks {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Find any element with a dark background and force it light, except buttons */
*:not(.btn):not(.btn-primary):not(.btn-secondary) {
    background-color: transparent !important;
}

body, .wp-site-blocks {
    background-color: #ffffff !important;
}

header, footer {
    background-color: #f8f9fa !important;
}

.card, .hero-section {
    background-color: #f8f9fa !important;
}