/* =========================================================================
   UAESSS — Design Tokens (AMZUNIT homepage spec applied to UAESSS brand)
   T2 / 2026-05-09
   - Fonts: Barlow Condensed (display), Archivo Black (wordmark), Inter (UI),
            Bebas Neue (accent display), Tajawal (Arabic body)
   - Palette: spec red #e30613, black #0a0a0a, ink #111, bone #f4f4f2
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Archivo+Black&family=Inter:wght@400;500;600;700;800&family=Bebas+Neue&family=Tajawal:wght@400;500;700;800;900&display=swap');

:root{
  --uaesss-black:#0a0a0a;
  --uaesss-ink:#111111;
  --uaesss-white:#ffffff;
  --uaesss-bone:#f4f4f2;
  --uaesss-line:#e5e5e2;
  --uaesss-mute:#6b6b6b;
  --uaesss-red:#e30613;
  --uaesss-red-deep:#b8050f;
  --uaesss-gold:#c8a24a;
  --uaesss-font-display:'Barlow Condensed', 'Bebas Neue', 'Inter', system-ui, sans-serif;
  --uaesss-font-wordmark:'Archivo Black','Inter Black', system-ui, sans-serif;
  --uaesss-font-ui:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --uaesss-font-accent:'Bebas Neue','Barlow Condensed', system-ui, sans-serif;
  --uaesss-font-arabic:'Tajawal','Cairo','Inter', system-ui, sans-serif;
}

/* Body / UI font */
body, .wd-text-element, .woocommerce, .woocommerce-page,
.wd-grid-g, .wd-products .product-grid-item, .product_meta,
button, input, select, textarea {
  font-family: var(--uaesss-font-ui);
}
body.rtl, html[lang^="ar"] body, html[dir="rtl"] body {
  font-family: var(--uaesss-font-arabic);
}

/* Display / headings — uppercase condensed */
h1,h2,h3,
.wd-page-title .entry-title,
.wd-section-title,
.heading-text,
.product-title,
.entry-title,
.wd-products-element-title,
.wd-products .product-title a,
.wd-banner-title,
.wd-cta-banner-title {
  font-family: var(--uaesss-font-display);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.005em;
  line-height: 0.92;
}
body.rtl h1, body.rtl h2, body.rtl h3,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 {
  font-family: var(--uaesss-font-arabic);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.25;
}

/* Wordmark — site logo text fallback */
.site-logo, .wd-logo .wd-logo-text, .wd-header-logo .wd-logo-text {
  font-family: var(--uaesss-font-wordmark) !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Buttons — block, condensed, uppercase */
.btn, .button, .wd-button, .single_add_to_cart_button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce-page button.button {
  font-family: var(--uaesss-font-display) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  border-radius: 4px !important;
}

/* Primary button — spec red solid */
.btn-color-primary, .button.alt, .single_add_to_cart_button,
.checkout-button, .wc-forward.checkout, .wc-block-components-button,
.wd-button.color-primary, .wd-button.bg-primary,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--uaesss-red) !important;
  color: var(--uaesss-white) !important;
  border-color: var(--uaesss-red) !important;
}
.btn-color-primary:hover, .button.alt:hover, .single_add_to_cart_button:hover,
.wd-button.bg-primary:hover, .checkout-button:hover {
  background-color: var(--uaesss-red-deep) !important;
  border-color: var(--uaesss-red-deep) !important;
  color: var(--uaesss-white) !important;
}

/* Ghost / outline button (hero secondary CTA) */
.btn-style-bordered, .button.outline, .wd-button.style-bordered {
  background: transparent !important;
  color: var(--uaesss-white) !important;
  border: 2px solid var(--uaesss-white) !important;
}
.btn-style-bordered:hover, .button.outline:hover, .wd-button.style-bordered:hover {
  background: var(--uaesss-white) !important;
  color: var(--uaesss-black) !important;
}

/* Links / accent */
a, a:visited { color: var(--uaesss-ink); }
a:hover { color: var(--uaesss-red); }
.wd-products .product-title a:hover { color: var(--uaesss-red) !important; }

/* Price — Barlow Condensed condensed */
.price, .woocommerce-Price-amount, .product-price,
.wd-products .price, .single-product .price {
  font-family: var(--uaesss-font-display) !important;
  font-weight: 800 !important;
  letter-spacing: 0.005em;
}
.price del, .price del .woocommerce-Price-amount {
  color: var(--uaesss-mute) !important;
}
.price ins, .price > .amount {
  color: var(--uaesss-ink);
  text-decoration: none;
}
body.single-product .price, body.single-product .price ins .amount {
  color: var(--uaesss-red) !important;
}

/* SALE / NEW / Featured product labels — already option-driven, polish here */
.product-label-new, .product-labels .new {
  background: var(--uaesss-black) !important;
  color: var(--uaesss-white) !important;
  font-family: var(--uaesss-font-display);
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.product-label-sale, .product-labels .onsale,
.woocommerce span.onsale {
  background: var(--uaesss-red) !important;
  color: var(--uaesss-white) !important;
  font-family: var(--uaesss-font-display);
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Wishlist heart — toggle red on active */
.wd-wishlist-btn .wd-tooltip-label, .wd-wishlist-btn-icon {
  color: var(--uaesss-ink);
}
.wd-wishlist-btn.added .wd-icon-heart-stroke,
.wd-wishlist-btn.added .wd-tooltip-label,
.added_to_wishlist + a, .wd-icon-heart.added {
  color: var(--uaesss-red) !important;
}

/* Header announcement banner — spec § 3.1 black ribbon, white text */
.whb-top-bar, .wd-header-banner, .wd-prefooter, body .wd-header-banner {
  background: var(--uaesss-black) !important;
  color: var(--uaesss-white) !important;
  font-family: var(--uaesss-font-ui);
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.wd-header-banner .wd-header-banner-content,
.whb-top-bar .info-text { color: var(--uaesss-white) !important; }
.wd-header-banner span + span::before {
  content: '\2022';
  color: var(--uaesss-red) !important;
  margin: 0 8px;
}

/* Sticky-nav blur surface (white, like spec) */
.whb-main-header { background: rgba(255,255,255,0.94) !important; backdrop-filter: blur(8px); }
.whb-sticked .whb-main-header { box-shadow: 0 1px 0 rgba(0,0,0,0.06); }

/* Header tools (search/account/wishlist/cart) - inherit ink */
.whb-column .wd-tools-element a, .whb-column .wd-tools-element {
  color: var(--uaesss-ink);
}
.whb-column .wd-tools-element .wd-cart-number,
.whb-column .wd-tools-element .wd-wishlist-count,
.wd-cart-mini-icon .wd-cart-number {
  background: var(--uaesss-red) !important;
  color: var(--uaesss-white) !important;
  font-family: var(--uaesss-font-display);
  font-weight: 800;
}

/* Main nav — uppercase condensed, red active underline */
.main-nav .menu-item > a {
  font-family: var(--uaesss-font-display) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-size: 15px !important;
}
.main-nav .menu-item.current-menu-item > a,
.main-nav .menu-item.current-menu-parent > a,
.main-nav .menu-item:hover > a { color: var(--uaesss-red) !important; }
.main-nav .menu-item.current-menu-item > a::after,
.main-nav .menu-item:hover > a::after {
  content: '';
  display: block;
  height: 3px;
  background: var(--uaesss-red);
  margin-top: 6px;
  border-radius: 1px;
}

/* SALE menu accent — stays red, font-weight from base nav */
.menu-item a[href*="special-"],
.menu-item a[href*="on_sale"]{
  color: var(--uaesss-red) !important;
  font-weight: 800 !important;
}

/* Side cart drawer (mini-cart) — light, condensed totals */
.widget_shopping_cart_content .total .amount,
.wd-side-cart .wd-cart-totals .amount {
  font-family: var(--uaesss-font-display) !important;
  font-weight: 900 !important;
}

/* Page-title bar — neutral, capitalize */
.wd-page-title .entry-title { letter-spacing: 0; }

/* Footer — black canvas, white text */
.site-footer, .footer-container, .wd-footer { background: var(--uaesss-black) !important; color: var(--uaesss-white) !important; }
.site-footer a, .wd-footer a { color: var(--uaesss-white) !important; opacity: 0.78; }
.site-footer a:hover, .wd-footer a:hover { color: var(--uaesss-red) !important; opacity: 1; }
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5,
.wd-footer h1, .wd-footer h2, .wd-footer h3, .wd-footer h4 {
  color: var(--uaesss-white) !important;
  font-family: var(--uaesss-font-display);
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Mobile sticky toolbar — accent the active red */
.wd-sticky-tools-mobile .wd-tools-element.active,
.wd-sticky-tools-mobile .wd-cart-number {
  color: var(--uaesss-red) !important;
}
.wd-sticky-tools-mobile .wd-cart-number { background: var(--uaesss-red) !important; color: var(--uaesss-white) !important; }

/* Responsive : keep display type readable */
@media (max-width: 700px){
  h1 { font-size: clamp(28px, 9vw, 48px); }
  h2 { font-size: clamp(22px, 6.5vw, 36px); }
  .main-nav .menu-item > a { font-size: 14px !important; }
}

/* RTL polish hooks (deeper RTL pass in T10) */
body.rtl .main-nav .menu-item.current-menu-item > a::after,
body.rtl .main-nav .menu-item:hover > a::after {
  margin-top: 4px;
}
body.rtl .price, html[dir="rtl"] .price {
  font-family: var(--uaesss-font-arabic) !important;
  letter-spacing: 0;
}

/* Sale on home, archives, single — visible & branded */
.woocommerce span.onsale {
  border-radius: 3px !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
}

/* ---------- T11 color cleanups (PDP tabs + sidebar search submit) ---------- */

/* PDP tabs active underline — was WoodMart legacy green #83b735 */
.wd-tabs .wd-nav-tabs > li.active::before,
.wd-tabs .wd-nav-tabs > li:hover::before,
.wd-tabs.wd-style-default > .wd-nav-tabs > li.active > a,
.woocommerce-tabs ul.tabs li.active::before,
.woocommerce-tabs ul.tabs li.active a {
  background-color: var(--uaesss-red) !important;
  border-color: var(--uaesss-red) !important;
}
.wd-tabs.wd-style-default > .wd-nav-tabs > li.active > a,
.woocommerce-tabs ul.tabs li.active a {
  color: var(--uaesss-red) !important;
}

/* Sidebar search submit button — was legacy green */
.widget_search button[type="submit"],
.widget_product_search button[type="submit"],
form.search-form button[type="submit"],
.wd-search-form button[type="submit"],
.wd-header-search-form button[type="submit"] {
  background-color: var(--uaesss-red) !important;
  border-color: var(--uaesss-red) !important;
  color: #ffffff !important;
}
.widget_search button[type="submit"]:hover,
.widget_product_search button[type="submit"]:hover,
form.search-form button[type="submit"]:hover,
.wd-search-form button[type="submit"]:hover {
  background-color: var(--uaesss-red-deep, #b8050f) !important;
  border-color: var(--uaesss-red-deep, #b8050f) !important;
}

/* End design tokens */