/* ORANGE range theme — activates only on /orange/* pages, where theme.js sets
   <html data-line="orange">. Remaps Manu Plast's wine-red + teal accents to the
   ORANGE palette so the product list & detail pages keep the Orange identity.
   Loaded on all shared pages but scoped, so it is inert on Manu Plast pages. */

html[data-line="orange"] { --o-500:#F97316; --o-600:#EA580C; --o-700:#C2410C; --o-50:#FFF7ED; --o-100:#FFEDD5; }

/* Warm palette carried from the ORANGE landing (data-theme="warm") across the
   product list & detail pages so the whole Orange section feels like one site. */
html[data-line="orange"] body { background-color:#FBF3EA; color:#3A2A1E; }
/* Warm the neutral surfaces (keep cards readable) */
html[data-line="orange"] .bg-gray-50,
html[data-line="orange"] .bg-gray-100 { background-color:#F6ECE0 !important; }
html[data-line="orange"] .bg-white { background-color:#FFFBF6 !important; }
html[data-line="orange"] .border-gray-100,
html[data-line="orange"] .border-gray-200 { border-color:#EADFCF !important; }
html[data-line="orange"] .text-gray-900 { color:#2E211A !important; }
html[data-line="orange"] .text-gray-700,
html[data-line="orange"] .text-gray-600 { color:#6B5A4B !important; }
html[data-line="orange"] .text-gray-500,
html[data-line="orange"] .text-gray-400 { color:#9A8878 !important; }
/* Warm gradient section backdrops (Manu Plast reds) → warm cream→amber */
html[data-line="orange"] .from-red-600 { --tw-gradient-from:#EA580C !important; --tw-gradient-to:rgba(234,88,12,0) !important; --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important; }

/* Wine-red accents → orange */
html[data-line="orange"] .text-red-500,
html[data-line="orange"] .text-red-600,
html[data-line="orange"] .text-red-700,
html[data-line="orange"] .text-red-800 { color:#EA580C !important; }
html[data-line="orange"] .bg-red-600,
html[data-line="orange"] .bg-red-700  { background-color:#EA580C !important; }
html[data-line="orange"] .bg-red-50   { background-color:#FFF7ED !important; }
html[data-line="orange"] .bg-red-100  { background-color:#FFEDD5 !important; }
html[data-line="orange"] .hover\:bg-red-600:hover,
html[data-line="orange"] .hover\:bg-red-700:hover,
html[data-line="orange"] .hover\:bg-red-800:hover { background-color:#C2410C !important; }
html[data-line="orange"] .border-red-500,
html[data-line="orange"] .border-red-600 { border-color:#EA580C !important; }
html[data-line="orange"] .from-red-600 { --tw-gradient-from:#EA580C !important; --tw-gradient-to:rgba(234,88,12,0) !important; --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important; }
html[data-line="orange"] .to-red-800  { --tw-gradient-to:#9A3412 !important; }

/* Teal/blue accents → orange */
html[data-line="orange"] .text-blue-600,
html[data-line="orange"] .text-blue-700 { color:#EA580C !important; }
html[data-line="orange"] .bg-blue-600,
html[data-line="orange"] .bg-blue-700  { background-color:#EA580C !important; }
html[data-line="orange"] .hover\:bg-blue-700:hover { background-color:#C2410C !important; }
html[data-line="orange"] .border-blue-500 { border-color:#F97316 !important; }
html[data-line="orange"] .hover\:border-blue-200:hover,
html[data-line="orange"] .hover\:border-blue-500:hover { border-color:#FDBA74 !important; }

/* Brand primary (wine-red) tokens → orange */
html[data-line="orange"] .bg-primary { background-color:#EA580C !important; }
html[data-line="orange"] .text-primary { color:#EA580C !important; }
html[data-line="orange"] .border-primary { border-color:#EA580C !important; }
html[data-line="orange"] .hover\:bg-primary:hover { background-color:#C2410C !important; }

/* Header nav (teal #00768a) → orange while in the Orange context */
html[data-line="orange"] .nav-link.active,
html[data-line="orange"] .nav-link:not(.active):hover { color:#EA580C !important; }
html[data-line="orange"] .nav-underline { background-color:#EA580C !important; }
html[data-line="orange"] .nav-link.active .mobile-indicator { background-color:#EA580C !important; }

/* ── ORANGE dark theme (product list & detail pages + shared header) ────────── */
html[data-line="orange"][data-theme="dark"] body { background-color:#0F0B08 !important; color:#F5EFE6 !important; }
html[data-line="orange"][data-theme="dark"] #main-header { background:rgba(20,16,16,.92) !important; border-bottom:1px solid rgba(201,154,91,.16) !important; box-shadow:0 6px 24px rgba(0,0,0,.4) !important; }
html[data-line="orange"][data-theme="dark"] #main-header nav { border-color:rgba(201,154,91,.14) !important; }
html[data-line="orange"][data-theme="dark"] .nav-link { color:#C9BCA9 !important; }
html[data-line="orange"][data-theme="dark"] .theme-toggle-btn { border-color:rgba(201,154,91,.3); color:#E7D9C4; }
html[data-line="orange"][data-theme="dark"] .theme-toggle-btn:hover { background:rgba(249,115,22,.14); color:#FDBA74; }
html[data-line="orange"][data-theme="dark"] .brand-switch-link[data-switch="to-manuplast"] { background:#1B1512 !important; border-color:rgba(201,154,91,.22) !important; }
html[data-line="orange"][data-theme="dark"] .brand-switch-caption { color:#B7A997 !important; }
html[data-line="orange"][data-theme="dark"] .bg-white { background-color:#141010 !important; }
html[data-line="orange"][data-theme="dark"] .bg-gray-50,
html[data-line="orange"][data-theme="dark"] .bg-gray-100 { background-color:#1B1512 !important; }
html[data-line="orange"][data-theme="dark"] .text-gray-900 { color:#F5EFE6 !important; }
html[data-line="orange"][data-theme="dark"] .text-gray-700,
html[data-line="orange"][data-theme="dark"] .text-gray-600 { color:#B7A997 !important; }
html[data-line="orange"][data-theme="dark"] .text-gray-500,
html[data-line="orange"][data-theme="dark"] .text-gray-400 { color:#8A7C6E !important; }
html[data-line="orange"][data-theme="dark"] .border-gray-100,
html[data-line="orange"][data-theme="dark"] .border-gray-200 { border-color:rgba(201,154,91,.16) !important; }
html[data-line="orange"][data-theme="dark"] .shadow-md,
html[data-line="orange"][data-theme="dark"] .shadow-sm,
html[data-line="orange"][data-theme="dark"] .shadow-2xl { box-shadow:0 10px 34px rgba(0,0,0,.45) !important; }