/* QT Core shared UI. Built on design tokens v5; every token has a literal fallback because not all v5 tokens resolve on every page of the live site. */
/* QT-only family names (same faces as qt-components.css) so the header and menus use Pangea Afrikan on pages that do not load the components sheet (2.6.3). */
@font-face{font-family:"QT Pangea Var";src:url("/wp-content/uploads/GreenShift/fonts/font_2/woff2/PangeaAfrikanVAR_2.003.woff2") format("woff2");font-weight:300 900;font-display:swap;ascent-override:93%;descent-override:23%;line-gap-override:0%}
@font-face{font-family:"QT Pangea Text";src:url("/wp-content/uploads/GreenShift/fonts/font_6/woff2/PangeaAfrikanText-RegularWeb.woff2") format("woff2");font-weight:400;font-display:swap;ascent-override:93%;descent-override:23%;line-gap-override:0%}
.qt-search,.qt-header,.qt-cart,.qt-hero,.qt-mega,.qt-menu-block{
	--qt-primary:var(--color-primary,#048a7c);
	--qt-primary-700:var(--color-primary-700,#03776a);
	--qt-primary-50:var(--color-primary-50,#e6f5f4);
	--qt-primary-100:var(--color-primary-100,#d3eeec);
	--qt-navy:var(--qt-navy-v5,#0f3d63);
	--qt-navy-site:var(--color-secondary,#173e64);
	--qt-yellow:#fcb000;
	--qt-amber:#f7ad00;
	--qt-text:var(--color-text,#000001);
	--qtc-accent:#048a7c;--qtc-accent-700:#03776a;--qtc-accent-50:#e6f5f4;
	--qt-sec:var(--color-text-secondary,#444);
	--qt-muted:#5d6a76;
	--qt-border:var(--color-border-solid,#e0e4e8);
	--qt-border-strong:var(--color-border-strong,#c0c8d0);
	--qt-surface:var(--color-surface,#f9fafb);
	--qt-radius:12px;
	--qt-radius-lg:24px;
	--qt-shadow:0 1px 2px rgba(15,61,99,.06),0 4px 12px rgba(15,61,99,.06);
	--qt-shadow-lg:0 1px 2px rgba(15,61,99,.06),0 24px 48px -12px rgba(15,61,99,.24);
	--qt-ease:cubic-bezier(.4,0,.2,1);
	--qt-ease-out:cubic-bezier(.165,.84,.44,1);
	--qt-spring:linear(0, 0.0465, 0.1348, 0.2388, 0.3436, 0.4417, 0.5229, 0.6007, 0.6676, 0.7243, 0.7721, 0.8119, 0.845, 0.8725, 0.8952, 0.9139, 0.9281, 0.941, 0.9516, 0.9603, 0.9674, 0.9733, 0.9781, 0.982, 0.9853, 0.9879, 0.9901, 0.9917, 0.9932, 0.9944, 0.9954, 0.9963, 0.9969, 0.9975, 0.9979, 0.9983, 0.9986, 0.9988, 0.9991, 0.9992, 0.9994, 0.9995, 1);--qt-spring-dur:501ms;--qt-ctl-stretch:.16;--qt-ctl-press:.9;--qt-ctl-on:#048a7c;--qt-ctl-off:#d3dbe2;
	--qt-head:"QT Pangea Var",var(--font-heading,"PangeaAfrikanVar"),"Pangea Afrikan",system-ui,sans-serif;
	--qt-body:"QT Pangea Text",var(--font-body,"PangeaAfrikanText-RegularWeb"),-apple-system,"Segoe UI",sans-serif;
	--qt-tint-quran:#fde6e6;--qt-tint-iman:#dbf5f5;--qt-tint-fiqh:#e2f3fa;--qt-tint-adab:#f1ebff;--qt-tint-sirah:#fef3d9;--qt-tint-none:var(--qt-surface);
	--qt-c-quran:var(--color-quran,#e13347);--qt-c-iman:var(--color-iman,#048a7c);--qt-c-fiqh:var(--color-fiqh,#22c1de);--qt-c-adab:var(--color-adab,#624ea0);--qt-c-sirah:var(--color-sirah,#fcb000);
}
/* H1 (2.6.3): menus and header text use the body font. --qt-body is the font, never a colour. */
.qt-header,.qt-mega,.qt-menu-block,.qt-cart{font-family:var(--qt-body)}
.qt-search *,.qt-header *,.qt-cart *,.qt-hero *,.qt-mega *{box-sizing:border-box}
.qt-icon{width:1em;height:1em;display:inline-block;flex:none;vertical-align:-.125em}
.qt-ui-icon{width:20px;height:20px;flex:none;display:block}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* Buttons: PangeaAfrikan, uppercase, pill; feedback is lift + shadow, never a colour flip (v5 section 24). */
.qt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;border:0;font-family:var(--qt-head);font-weight:600;font-size:14px;line-height:1;letter-spacing:.5px;text-transform:uppercase;text-decoration:none!important;cursor:pointer;transition:transform .2s var(--qt-ease-out),box-shadow .2s var(--qt-ease),background-color .2s var(--qt-ease)}
.qt-btn:hover{transform:translateY(-1px)}
.qt-btn:active{transform:scale(.98)}
.qt-btn--primary{background:var(--qt-accent,var(--qt-primary));color:#fff!important;box-shadow:0 8px 20px rgba(4,138,124,.25)}
.qt-btn--primary:hover{box-shadow:0 12px 26px rgba(4,138,124,.32)}
.qt-btn--amber{background:var(--qt-amber);color:#0f2c49!important;box-shadow:0 8px 20px rgba(247,173,0,.25)}
.qt-btn--amber:hover{box-shadow:0 12px 26px rgba(247,173,0,.34)}
.qt-btn--ghost{background:#fff;color:var(--qt-navy)!important;box-shadow:inset 0 0 0 1.5px var(--qt-border-strong)}
.qt-btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--qt-navy)}
.qt-btn--outline{background:transparent;color:var(--qt-primary)!important;box-shadow:inset 0 0 0 1.5px var(--qt-primary)}
.qt-btn--block{width:100%}
.qt-btn .qt-ui-icon{width:16px;height:16px}

/* Chips: flex-centred, so text always sits in the middle. */
.qt-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-border-strong);color:var(--qt-text);font:inherit;font-size:14px;line-height:1;cursor:pointer;white-space:nowrap;transition:box-shadow .15s var(--qt-ease),background-color .15s var(--qt-ease)}
.qt-chip:hover,.qt-chip[aria-selected=true]{box-shadow:inset 0 0 0 1.5px var(--qt-primary);background:var(--qt-primary-50)}
.qt-chip--sm{min-height:28px;padding:0 10px;font-size:13px;background:var(--qt-primary-50);box-shadow:none}
.qt-chip b{font-family:var(--qt-head);font-weight:700;color:var(--qt-navy)}
.qt-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;background:var(--qt-surface);color:var(--qt-muted);font-size:11.5px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.qt-badge--free{background:#dbf5f5;color:#00756d}

.qt-search :focus-visible,.qt-header :focus-visible,.qt-cart :focus-visible,.qt-hero :focus-visible,.qt-mega :focus-visible{outline:2px solid var(--qt-primary);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.qt-search *,.qt-header *,.qt-cart *,.qt-hero *,.qt-mega *{animation-duration:.01ms!important;transition-duration:.01ms!important}}