/*
Theme Name:   QemaTech Child v2
Theme URI:    https://qematech.site/
Description:  Child theme for Blocksy — QemaTech bilingual Arabic/English tech store. Fully independent header/footer, smart fallbacks, WooCommerce compatible.
Author:       QemaTech
Author URI:   https://qematech.site/
Template:     blocksy
Version:      2.0.0
Text Domain:  qematech
Domain Path:  /languages
Tags:         rtl-language, custom-colors, e-commerce, woocommerce
*/

/* ============================================================
   BRAND TOKENS — single source of truth
============================================================ */
:root {
  /* Blues */
  --qt-blue:        #0B3D91;
  --qt-blue-mid:    #1565C0;
  --qt-blue-light:  #1E88E5;

  /* Greens */
  --qt-green:       #00A86B;
  --qt-green-light: #00C97E;
  --qt-green-dim:   rgba(0,168,107,.18);

  /* Darks (dark UI / hero backgrounds) */
  --qt-dark:        #060F1E;
  --qt-dark-2:      #0D1B2E;
  --qt-dark-3:      #132640;

  /* Lights */
  --qt-white:       #FFFFFF;
  --qt-off:         #F4F7FB;
  --qt-grey:        #8A9BB5;
  --qt-grey-light:  #D1DCF0;
  --qt-border-dim:  rgba(255,255,255,.08);

  /* Typography */
  --qt-font-ar: 'Cairo', 'Tajawal', sans-serif;
  --qt-font-en: 'Plus Jakarta Sans', 'DM Sans', sans-serif;

  /* Shape */
  --qt-r:    14px;
  --qt-r-lg: 24px;

  /* Shadows */
  --qt-shadow:    0 8px 40px rgba(11,61,145,.16);
  --qt-shadow-sm: 0 3px 16px rgba(11,61,145,.10);
  --qt-shadow-g:  0 4px 24px rgba(0,168,107,.22);

  /* Motion */
  --qt-ease: .32s cubic-bezier(.4,0,.2,1);

  /* Gradients */
  --qt-grad:      linear-gradient(135deg,#0B3D91 0%,#1565C0 50%,#00A86B 100%);
  --qt-grad-dark: linear-gradient(135deg,#060F1E 0%,#0D1B2E 60%,#0a2240 100%);
}

/* ============================================================
   BASE RESET
============================================================ */
*,*::before,*::after { box-sizing: border-box; }
html  { scroll-behavior: smooth; }
body  {
  font-family: var(--qt-font-ar);
  background:  var(--qt-white);
  color:       var(--qt-dark);
  line-height: 1.7;
  overflow-x:  hidden;
  margin: 0;
}
body.lang-en, body.lang-en * { font-family: var(--qt-font-en); }
img  { max-width: 100%; height: auto; display: block; }
a    { color: var(--qt-blue-light); text-decoration: none; transition: color var(--qt-ease); }
a:hover { color: var(--qt-green); }
ul,ol { list-style: none; margin: 0; padding: 0; }
button { font-family: inherit; cursor: pointer; }

/* hide Blocksy's default header/footer — we use our own */
.ct-header, .ct-footer { display: none !important; }