/* ═══════════════════════════════════════════════════════════
   Abualkomboz — GLOBAL color/font layer (all pages except home)
   Scope: colors → monochrome, font → Readex Pro, dark mode.
   Layout, spacing, shapes and content are untouched.
   ═══════════════════════════════════════════════════════════ */

:root {
  --abk-bg: #ffffff;
  --abk-fg: #111111;
  --abk-muted: #6b7280;
  --abk-border: #e5e7eb;
}
html.dark {
  --abk-bg: #09090b;
  --abk-fg: #fafafa;
  --abk-muted: #a1a1aa;
  --abk-border: #27272a;
}

/* ── Woodmart core color variables → monochrome ── */
:root, html, body {
  --wd-primary-color: var(--abk-fg) !important;
  --wd-alternative-color: var(--abk-fg) !important;
  --wd-link-color: var(--abk-fg) !important;
  --wd-link-color-hover: var(--abk-fg) !important;
  --wd-title-color: var(--abk-fg) !important;
  --wd-text-color: var(--abk-fg) !important;
  --wd-main-bgcolor: var(--abk-bg) !important;
  --wd-header-clr: var(--abk-fg) !important;
  --btn-accented-bgcolor: var(--abk-fg) !important;
  --btn-accented-bgcolor-hover: var(--abk-fg) !important;
  --btn-accented-color: var(--abk-bg) !important;
  --btn-accented-color-hover: var(--abk-bg) !important;
  --btn-default-bgcolor: var(--abk-fg) !important;
  --btn-default-bgcolor-hover: var(--abk-fg) !important;
  --btn-default-color: var(--abk-bg) !important;
  --btn-default-color-hover: var(--abk-bg) !important;
  --wd-form-brd-color: var(--abk-border) !important;
  --wd-form-brd-color-focus: var(--abk-fg) !important;
  --wd-form-color: var(--abk-fg) !important;
  --wd-form-bg: var(--abk-bg) !important;
  --wd-notice-color: var(--abk-fg) !important;
}

/* ── Font: Readex Pro everywhere ── */
body, body p, body a, body li, body span, body div, body td, body th,
body h1, body h2, body h3, body h4, body h5, body h6,
body input, body textarea, body select, body button, body label,
body blockquote, body .btn, body .title, body .wd-entities-title {
  font-family: "Readex Pro", system-ui, sans-serif !important;
}
/* restore icon fonts broken by the global font override */
body .fa, body .fas, body .far, body .fal,
body i[class*="fa-"], body span[class*="fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
}
body .fab, body i.fab, body span[class*="fa-brands"] {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", FontAwesome !important;
}
body [class*="wd-icon"], body .wd-tools-icon, body [data-wd-icon],
body .woodmart-burger, body .rs-icon {
  font-family: "woodmart-font" !important;
}

/* ── Base surfaces ── */
body, .main-page-wrapper, .website-wrapper, .site-content, .wd-content-area {
  background-color: var(--abk-bg) !important;
  color: var(--abk-fg);
}
::selection { background: var(--abk-fg); color: var(--abk-bg); }

/* colored/patterned section backgrounds → flat page background */
.vc_row[style], .wpb_row[style], .vc_column-inner[style], .wpb_column[style],
[class*="vc_custom_"],
.vc_section, .wd-section,
.page-title, .wd-page-title,
.color-scheme-light, .wd-title-color-white {
  background-color: transparent !important;
  background-image: none !important;
}

/* sections that had white text on dark bg → readable palette */
.color-scheme-light, .color-scheme-light p, .color-scheme-light li,
.color-scheme-light span, .color-scheme-light div,
.color-scheme-light h1, .color-scheme-light h2, .color-scheme-light h3,
.color-scheme-light h4, .color-scheme-light h5, .color-scheme-light h6,
.wd-title-color-white, .white-text, .light-text {
  color: var(--abk-fg) !important;
}

/* inline-colored text → monochrome (buttons excluded) */
.site-content [style*="color:"]:not(.btn):not(.btn *):not(button):not(button *):not(a.button):not(.onsale),
.main-footer [style*="color:"]:not(.btn):not(.btn *) {
  color: var(--abk-fg) !important;
}
/* huge decorative ghost display text stays faint */
.wd-text-block.wd-fontsize-custom.hidden-md,
.wd-text-block.wd-fontsize-custom.hidden-md p {
  color: var(--abk-border) !important;
}
.site-content [style*="color:#eef0f1"], .site-content [style*="color: #eef0f1"],
.site-content [style*="color:#f1f1f1"], .site-content [style*="color: #f1f1f1"],
.site-content [style*="color:#f4f4f4"], .site-content [style*="color: #f4f4f4"],
.site-content [style*="color:#f9f9f9"], .site-content [style*="color: #f9f9f9"],
.site-content [style*="color:#eee"], .site-content [style*="color: #eee"] {
  color: var(--abk-border) !important;
}

/* ── Typography colors ── */
h1, h2, h3, h4, h5, h6,
.title, .wd-entities-title, .post-title, .entry-title, .widget-title,
.wd-title-element, .woocommerce-loop-product__title {
  color: var(--abk-fg) !important;
}
p, li, td, th, address, .wd-text-block, .wpb_text_column { color: var(--abk-fg); }
.post-date, .wd-post-date, .entry-meta, .wd-entry-meta, .wd-post-meta,
.meta-author, .wd-meta-author, .modified-date, figcaption, small, .small,
.woocommerce-breadcrumb, .wd-breadcrumbs, .yoast-breadcrumb,
.wd-entry-meta a, .entry-meta a, .cat-links, .cat-links a, .tags-links a,
.wd-post-cat, .wd-post-cat a, .meta-post-categories, .meta-post-categories a,
.author_name, .author_name a, .post-date-day, .post-date-month {
  color: var(--abk-muted) !important;
}
a { color: var(--abk-fg); }
.entry-content p a, .wpb_text_column p a, .wd-text-block p a {
  color: var(--abk-fg) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
blockquote { color: var(--abk-fg) !important; border-color: var(--abk-fg) !important; }
hr { border-color: var(--abk-border) !important; }

/* ── Header (colors only) ── */
.whb-header, .whb-main-header, .whb-row, .whb-general-header,
.whb-sticky-row, .whb-top-bar, .whb-header-bottom,
.whb-header.whb-sticked .whb-sticky-row {
  background: var(--abk-bg) !important;
  background-image: none !important;
}
.whb-header { border-bottom: 1px solid var(--abk-border); }
.wd-nav > li > a, .woodmart-nav-link, .wd-nav .nav-link-text { color: var(--abk-muted) !important; }
.wd-nav > li:hover > a, .wd-nav > li:hover .nav-link-text,
.wd-nav > li.current-menu-item > a, .wd-nav > li.current-menu-item .nav-link-text {
  color: var(--abk-fg) !important;
}
.wd-tools-element > a, .wd-tools-icon, .wd-tools-text,
.wd-header-search .wd-tools-icon, .wd-header-my-account .wd-tools-icon {
  color: var(--abk-fg) !important;
}
.wd-dropdown, .wd-dropdown-menu, .wd-sub-menu,
.wd-dropdown.color-scheme-dark, .wd-sub-menu.color-scheme-dark,
.color-scheme-dark.wd-dropdown-menu {
  background: var(--abk-bg) !important;
  border-color: var(--abk-border) !important;
}
.wd-sub-menu li a, .wd-dropdown a, .wd-dropdown-menu li a,
.wd-sub-menu.color-scheme-dark li a { color: var(--abk-muted) !important; }
.wd-sub-menu li a:hover, .wd-dropdown a:hover { color: var(--abk-fg) !important; }
.wd-side-hidden, .mobile-nav, .wd-header-mobile-nav-dropdown {
  background: var(--abk-bg) !important;
  border-color: var(--abk-border) !important;
}
.wd-side-hidden a, .mobile-nav a { color: var(--abk-fg) !important; }
.site-logo img { filter: grayscale(1) contrast(1.1); }

/* ── Buttons: colors only, shapes untouched ── */
.btn, .button, button[type="submit"], input[type="submit"],
.wd-button, .vc_btn3, .elementor-button,
.woocommerce .button, .add_to_cart_button, .single_add_to_cart_button,
.checkout-button, .nf-form-content input[type="button"],
.wpcf7-submit, .mc4wp-form button, .tutor-btn-primary {
  background-color: var(--abk-fg) !important;
  background-image: none !important;
  color: var(--abk-bg) !important;
  border-color: var(--abk-fg) !important;
}
.btn:hover, .button:hover, button[type="submit"]:hover, input[type="submit"]:hover,
.wd-button:hover, .vc_btn3:hover, .woocommerce .button:hover,
.add_to_cart_button:hover, .single_add_to_cart_button:hover,
.wpcf7-submit:hover, .mc4wp-form button:hover, .tutor-btn-primary:hover {
  opacity: .85;
  background-color: var(--abk-fg) !important;
  color: var(--abk-bg) !important;
}
.btn-style-bordered, .vc_btn3-style-outline, .tutor-btn-outline-primary {
  background-color: transparent !important;
  color: var(--abk-fg) !important;
  border-color: var(--abk-fg) !important;
}
.btn-style-bordered:hover, .vc_btn3-style-outline:hover, .tutor-btn-outline-primary:hover {
  background-color: var(--abk-fg) !important;
  color: var(--abk-bg) !important;
  opacity: 1;
}

/* ── Forms: colors only ── */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="password"], input[type="search"], input[type="number"],
textarea, select, .select2-container .select2-selection {
  background-color: var(--abk-bg) !important;
  color: var(--abk-fg) !important;
  border-color: var(--abk-border) !important;
}
input:focus, textarea:focus, select:focus { border-color: var(--abk-fg) !important; }
::placeholder { color: var(--abk-muted) !important; }

/* ── Cards / posts / products: colors only ── */
.wd-post, .article-inner, article.post, .wd-product, .product-grid-item,
.wd-course, .tutor-course-card {
  background-color: var(--abk-bg) !important;
  border-color: var(--abk-border);
}
.wd-post .post-title a, .wd-post .wd-entities-title a { color: var(--abk-fg) !important; }
.post-date, .wd-post-date {
  background: var(--abk-bg) !important;
  border-color: var(--abk-border) !important;
  color: var(--abk-muted) !important;
}

/* ── WooCommerce colors ── */
.price, .woocommerce-Price-amount, .amount { color: var(--abk-fg) !important; }
.star-rating, .star-rating span::before { color: var(--abk-fg) !important; }
.onsale, .wd-product-label { background: var(--abk-fg) !important; color: var(--abk-bg) !important; }
.woocommerce-tabs .tabs li a { color: var(--abk-muted) !important; }
.woocommerce-tabs .tabs li.active a { color: var(--abk-fg) !important; }
table, table td, table th { border-color: var(--abk-border) !important; }
table th { background: var(--abk-border) !important; color: var(--abk-fg) !important; }

/* ── Page title bar ── */
.page-title, .wd-page-title { background: var(--abk-bg) !important; }
.page-title .title, .page-title h1, .wd-page-title .title { color: var(--abk-fg) !important; }

/* ── Footer ── */
.footer-container, .main-footer, .copyrights-wrapper {
  background: var(--abk-bg) !important;
  background-image: none !important;
  color: var(--abk-muted) !important;
}
.footer-container { border-top: 1px solid var(--abk-border); }
.main-footer p, .main-footer li, .main-footer span, .main-footer div,
.main-footer a, .copyrights-wrapper, .copyrights-wrapper a {
  color: var(--abk-muted) !important;
}
.main-footer a:hover, .copyrights-wrapper a:hover { color: var(--abk-fg) !important; }
.main-footer .widget-title, .main-footer h4, .main-footer h5, .main-footer strong {
  color: var(--abk-fg) !important;
}
.main-footer .wd-social-icons .wd-icon, .wd-social-icons a {
  background-color: transparent !important;
  border-color: var(--abk-border) !important;
  color: var(--abk-muted) !important;
}
.wd-social-icons a:hover { border-color: var(--abk-fg) !important; color: var(--abk-fg) !important; }
.main-footer img { filter: grayscale(1); }

/* ── Misc colors ── */
.page-numbers li .page-numbers, .pagination a, .pagination span {
  background: transparent !important;
  border-color: var(--abk-border) !important;
  color: var(--abk-muted) !important;
}
.page-numbers li .page-numbers.current, .pagination .current {
  background: var(--abk-fg) !important;
  color: var(--abk-bg) !important;
  border-color: var(--abk-fg) !important;
}
.tagcloud a, .wd-post-tags a {
  background: transparent !important;
  border-color: var(--abk-border) !important;
  color: var(--abk-muted) !important;
}
.tagcloud a:hover, .wd-post-tags a:hover { border-color: var(--abk-fg) !important; color: var(--abk-fg) !important; }
.scrollToTop, .wd-back-to-top { background: var(--abk-fg) !important; color: var(--abk-bg) !important; }
#ez-toc-container { background: var(--abk-bg) !important; border-color: var(--abk-border) !important; }
#ez-toc-container a { color: var(--abk-muted) !important; }
#ez-toc-container a:hover { color: var(--abk-fg) !important; }
.rev_slider_wrapper, rs-module-wrap, sr7-module { filter: grayscale(1); }
#chaty-widget, .chaty, #chaty { filter: grayscale(1); }

/* ── Dark-mode niceties ── */
html.dark img { opacity: .92; }
html.dark .site-logo img { filter: grayscale(1) invert(1) hue-rotate(180deg); }
html.dark .main-footer img { filter: grayscale(1) invert(1) hue-rotate(180deg); }

/* ── Injected dark-mode toggle in Woodmart header ── */
.abk-theme-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; align-self: center;
  background: transparent !important;
  border: 1px solid var(--abk-border) !important;
  color: var(--abk-fg) !important;
  cursor: pointer; padding: 0;
  transition: border-color .15s;
}
.abk-theme-toggle:hover { border-color: var(--abk-fg) !important; }
.abk-theme-toggle svg { width: 17px !important; height: 17px !important; min-width: 17px; display: block; }