/* =======================================================================
   iRIF Mall — Market Identity Pack (v1.0)
   Three distinct storefront brand themes, one per active country, matched
   to the same brand colors the Mobile API Bridge already serves to the
   app (mobile_market_themes) so web and mobile look like one brand.
   Loaded AFTER theme.css so these rules override the base --variables.
   Applied via a body class set by Helper::marketThemeClass():
     .irf-market-th  -> Thailand      (orange + cobalt blue)
     .irf-market-za  -> South Africa  (green + gold)
     .irf-market-nl  -> Netherlands   (burnt orange + Delft navy)
   If the Mobile API Bridge module is installed, Helper::marketThemeVars()
   reads the live colors from mobile_market_themes and header.php prints
   them as an inline override, so editing that table (Country Admin UI,
   no app rebuild needed) re-themes both web and mobile at once. These
   classes are the static fallback when that table/module isn't present.
   No country matched here: storefront keeps the default iRIF blue theme.
   ======================================================================= */

/* ---------- Thailand ---------- */
.irf-market-th{
  --primary:#FF7A00; --accent:#0B5ED7; --navy:#07295c; --ink:#1c1a17;
  --danger:#E53935; --gold:#FF7A00; --line:#f0e2d2; --bg:#FFF9F2; --radius:12px;
}
.irf-market-th body,.irf-market-th.irf-v3{font-family:"Noto Sans Thai","Inter",ui-sans-serif,system-ui,sans-serif}
.irf-market-th .irf-topline{background:linear-gradient(90deg,var(--navy),var(--accent))}
.irf-market-th .irf-hero-grid{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.3),transparent 21%),linear-gradient(120deg,var(--navy),var(--accent) 55%,var(--primary))}
.irf-market-th .irf-hero h1 em{color:#ffd9a8}
.irf-market-th .irf-hero-actions a{background:var(--primary)}
.irf-market-th .irf-flash-hero{background:linear-gradient(110deg,#9c2b1f,var(--primary))}
.irf-market-th .irf-store-hero{background:linear-gradient(115deg,var(--navy),var(--accent))}
.irf-market-th .irf-promo-grid .blue{background:linear-gradient(135deg,#07295c,#0b5ed7)}
.irf-market-th .irf-promo-grid .pink{background:linear-gradient(135deg,#b5480f,var(--primary))}
.irf-market-th .irf-promo-grid .green{background:linear-gradient(135deg,#0a5c46,#2fae82)}
.irf-market-th .irf-verified{background:var(--accent)}
.irf-market-th .irf-card-buy{background:var(--danger);border-color:var(--danger)}
.irf-market-th .irf-footer{background:#0a1f42}

/* ---------- South Africa ---------- */
.irf-market-za{
  --primary:#007749; --accent:#FFB81C; --navy:#00351f; --ink:#1c1a12;
  --danger:#DE3831; --gold:#FFB81C; --line:#e7ecdf; --bg:#F7FAF8; --radius:10px;
}
.irf-market-za .irf-topline{background:linear-gradient(90deg,var(--navy),var(--primary))}
.irf-market-za .irf-hero-grid{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.3),transparent 21%),linear-gradient(120deg,var(--navy),var(--primary) 55%,var(--accent))}
.irf-market-za .irf-hero h1 em{color:#ffe29c}
.irf-market-za .irf-hero-actions a{background:var(--accent);color:#00351f!important}
.irf-market-za .irf-flash-hero{background:linear-gradient(110deg,#7a1620,var(--danger))}
.irf-market-za .irf-store-hero{background:linear-gradient(115deg,var(--navy),var(--primary))}
.irf-market-za .irf-promo-grid .blue{background:linear-gradient(135deg,#00351f,#007749)}
.irf-market-za .irf-promo-grid .pink{background:linear-gradient(135deg,#8a2210,var(--danger))}
.irf-market-za .irf-promo-grid .green{background:linear-gradient(135deg,#144a37,#1f9c6c)}
.irf-market-za .irf-verified{background:var(--primary)}
.irf-market-za .irf-card-buy{background:var(--danger);border-color:var(--danger)}
.irf-market-za .irf-footer{background:#04170e}
.irf-market-za .irf-small-btn{background:var(--primary)}

/* ---------- Netherlands ---------- */
.irf-market-nl{
  --primary:#E65A14; --accent:#21468B; --navy:#0f2952; --ink:#101a26;
  --danger:#E21E2D; --gold:#E8A400; --line:#dde6ee; --bg:#F8F8FA; --radius:8px;
}
.irf-market-nl .irf-topline{background:linear-gradient(90deg,var(--navy),var(--accent))}
.irf-market-nl .irf-hero-grid{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.3),transparent 21%),linear-gradient(120deg,var(--navy),var(--accent) 55%,var(--primary))}
.irf-market-nl .irf-hero h1 em{color:#ffcf9e}
.irf-market-nl .irf-hero-actions a{background:var(--primary)}
.irf-market-nl .irf-flash-hero{background:linear-gradient(110deg,#7a1620,var(--primary))}
.irf-market-nl .irf-store-hero{background:linear-gradient(115deg,var(--navy),var(--accent))}
.irf-market-nl .irf-promo-grid .blue{background:linear-gradient(135deg,#0f2952,#21468b)}
.irf-market-nl .irf-promo-grid .pink{background:linear-gradient(135deg,#b4520a,var(--primary))}
.irf-market-nl .irf-promo-grid .green{background:linear-gradient(135deg,#0f3d33,#1f7a5c)}
.irf-market-nl .irf-verified{background:var(--accent)}
.irf-market-nl .irf-card-buy{background:var(--danger);border-color:var(--danger)}
.irf-market-nl .irf-footer{background:#081724}
.irf-market-nl .irf-product-card,.irf-market-nl .irf-category-grid,.irf-market-nl .irf-flash,.irf-market-nl .irf-sidebar,.irf-market-nl .irf-summary,.irf-market-nl .irf-panel{border-radius:8px}