/*
 * External Service Loader Styles
 * Theme-specific loader styling for each external service domain
 */

/* ============================================
   VERVELOOK - Pink/Rose theme
   ============================================ */
:root.external-vervelook,
body.external-vervelook {
    --vervelook-primary: #FFB6C1;
    --vervelook-secondary: #EAD0D8;
    --vervelook-accent: #C06C84;
    --vervelook-headline: #8B4513;
    --vervelook-text: #2c3e50;
    --vervelook-white: #ffffff;
}

/* ============================================
   IMAGEALIVE - Purple theme
   ============================================ */
html.external-imagealive .loading-screen,
body.external-imagealive .loading-screen {
    background: #1a1025;
}

html.external-imagealive .ai-loader-core,
body.external-imagealive .ai-loader-core {
    background: linear-gradient(135deg, #8b5cf6, #a78bfa);
    box-shadow: 0 0 25px rgba(139, 92, 246, 0.8), 0 0 50px rgba(139, 92, 246, 0.5);
}

html.external-imagealive .ai-loader-ring-1,
body.external-imagealive .ai-loader-ring-1 {
    border-top-color: #8b5cf6;
    border-right-color: rgba(139, 92, 246, 0.5);
}

html.external-imagealive .ai-loader-ring-2,
body.external-imagealive .ai-loader-ring-2 {
    border-top-color: #a78bfa;
    border-left-color: rgba(167, 139, 250, 0.5);
}

html.external-imagealive .ai-loader-ring-3,
body.external-imagealive .ai-loader-ring-3 {
    border-top-color: #c4b5fd;
    border-bottom-color: rgba(196, 181, 253, 0.4);
}

html.external-imagealive .ai-loader-particles span,
body.external-imagealive .ai-loader-particles span {
    background: linear-gradient(135deg, #8b5cf6, #a78bfa);
    box-shadow: 0 0 12px rgba(139, 92, 246, 0.8);
}

/* ============================================
   COOKWITHBOT - Yellow/Amber theme
   ============================================ */
html.external-cookwithbot .loading-screen,
body.external-cookwithbot .loading-screen {
    background: #1a1612;
}

html.external-cookwithbot .ai-loader-core,
body.external-cookwithbot .ai-loader-core {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    box-shadow: 0 0 25px rgba(245, 158, 11, 0.8), 0 0 50px rgba(245, 158, 11, 0.5);
}

html.external-cookwithbot .ai-loader-ring-1,
body.external-cookwithbot .ai-loader-ring-1 {
    border-top-color: #f59e0b;
    border-right-color: rgba(245, 158, 11, 0.5);
}

html.external-cookwithbot .ai-loader-ring-2,
body.external-cookwithbot .ai-loader-ring-2 {
    border-top-color: #fbbf24;
    border-left-color: rgba(251, 191, 36, 0.5);
}

html.external-cookwithbot .ai-loader-ring-3,
body.external-cookwithbot .ai-loader-ring-3 {
    border-top-color: #fcd34d;
    border-bottom-color: rgba(252, 211, 77, 0.4);
}

html.external-cookwithbot .ai-loader-particles span,
body.external-cookwithbot .ai-loader-particles span {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.8);
}

/* ============================================
   EVERAFTER - Rose/Pink theme
   ============================================ */
html.external-everafter .loading-screen,
body.external-everafter .loading-screen {
    background: #1a1015;
}

html.external-everafter .ai-loader-core,
body.external-everafter .ai-loader-core {
    background: linear-gradient(135deg, #e11d48, #f43f5e);
    box-shadow: 0 0 25px rgba(225, 29, 72, 0.8), 0 0 50px rgba(225, 29, 72, 0.5);
}

html.external-everafter .ai-loader-ring-1,
body.external-everafter .ai-loader-ring-1 {
    border-top-color: #e11d48;
    border-right-color: rgba(225, 29, 72, 0.5);
}

html.external-everafter .ai-loader-ring-2,
body.external-everafter .ai-loader-ring-2 {
    border-top-color: #f43f5e;
    border-left-color: rgba(244, 63, 94, 0.5);
}

html.external-everafter .ai-loader-ring-3,
body.external-everafter .ai-loader-ring-3 {
    border-top-color: #fb7185;
    border-bottom-color: rgba(251, 113, 133, 0.4);
}

html.external-everafter .ai-loader-particles span,
body.external-everafter .ai-loader-particles span {
    background: linear-gradient(135deg, #e11d48, #f43f5e);
    box-shadow: 0 0 12px rgba(225, 29, 72, 0.8);
}

/* ============================================
   FALAK - Gold/Mystical theme
   ============================================ */
html.external-falak .loading-screen,
body.external-falak .loading-screen {
    background: #0d0d1a;
}

html.external-falak .ai-loader-core,
body.external-falak .ai-loader-core {
    background: linear-gradient(135deg, #d4a853, #c9a227);
    box-shadow: 0 0 25px rgba(212, 168, 83, 0.8), 0 0 50px rgba(212, 168, 83, 0.5);
}

html.external-falak .ai-loader-ring-1,
body.external-falak .ai-loader-ring-1 {
    border-top-color: #d4a853;
    border-right-color: rgba(212, 168, 83, 0.5);
}

html.external-falak .ai-loader-ring-2,
body.external-falak .ai-loader-ring-2 {
    border-top-color: #c9a227;
    border-left-color: rgba(201, 162, 39, 0.5);
}

html.external-falak .ai-loader-ring-3,
body.external-falak .ai-loader-ring-3 {
    border-top-color: #e8c547;
    border-bottom-color: rgba(232, 197, 71, 0.4);
}

html.external-falak .ai-loader-particles span,
body.external-falak .ai-loader-particles span {
    background: linear-gradient(135deg, #d4a853, #c9a227);
    box-shadow: 0 0 12px rgba(212, 168, 83, 0.8);
}

/* ============================================
   PLANT (Iris AI) - Green theme
   ============================================ */
html.external-plant .loading-screen,
body.external-plant .loading-screen {
    background: #0a1a0f;
}

html.external-plant .ai-loader-core,
body.external-plant .ai-loader-core {
    background: linear-gradient(135deg, #22c55e, #4ade80);
    box-shadow: 0 0 25px rgba(34, 197, 94, 0.8), 0 0 50px rgba(34, 197, 94, 0.5);
}

html.external-plant .ai-loader-ring-1,
body.external-plant .ai-loader-ring-1 {
    border-top-color: #22c55e;
    border-right-color: rgba(34, 197, 94, 0.5);
}

html.external-plant .ai-loader-ring-2,
body.external-plant .ai-loader-ring-2 {
    border-top-color: #4ade80;
    border-left-color: rgba(74, 222, 128, 0.5);
}

html.external-plant .ai-loader-ring-3,
body.external-plant .ai-loader-ring-3 {
    border-top-color: #86efac;
    border-bottom-color: rgba(134, 239, 172, 0.4);
}

html.external-plant .ai-loader-particles span,
body.external-plant .ai-loader-particles span {
    background: linear-gradient(135deg, #22c55e, #4ade80);
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.8);
}

/* ============================================
   TOURIST - Purple/Cyan gradient theme
   ============================================ */
html.external-tourist .loading-screen,
body.external-tourist .loading-screen {
    background: #080a0f;
}

html.external-tourist .ai-loader-core,
body.external-tourist .ai-loader-core {
    background: linear-gradient(135deg, #7c5cfc, #06b6d4);
    box-shadow: 0 0 25px rgba(124, 92, 252, 0.8), 0 0 50px rgba(6, 182, 212, 0.5);
}

html.external-tourist .ai-loader-ring-1,
body.external-tourist .ai-loader-ring-1 {
    border-top-color: #7c5cfc;
    border-right-color: rgba(124, 92, 252, 0.5);
}

html.external-tourist .ai-loader-ring-2,
body.external-tourist .ai-loader-ring-2 {
    border-top-color: #06b6d4;
    border-left-color: rgba(6, 182, 212, 0.5);
}

html.external-tourist .ai-loader-ring-3,
body.external-tourist .ai-loader-ring-3 {
    border-top-color: #22d3ee;
    border-bottom-color: rgba(34, 211, 238, 0.4);
}

html.external-tourist .ai-loader-particles span,
body.external-tourist .ai-loader-particles span {
    background: linear-gradient(135deg, #7c5cfc, #06b6d4);
    box-shadow: 0 0 12px rgba(124, 92, 252, 0.8);
}

/* ============================================
   O-RED (Ooredoo Algeria) - Red/Black theme
   ============================================ */
:root.operator-ooredoo-algeria,
body.operator-ooredoo-algeria {
    --ored-primary: #ED1C24;
    --ored-secondary: #000000;
    --ored-accent: #ED1C24;
    --ored-background: #000000;
    --ored-white: #ffffff;
}

html.operator-ooredoo-algeria .loading-screen,
body.operator-ooredoo-algeria .loading-screen {
    background: #000000;
}

html.operator-ooredoo-algeria .ai-loader-core,
body.operator-ooredoo-algeria .ai-loader-core {
    background: linear-gradient(135deg, #ED1C24, #FF4A4A);
    box-shadow:
        0 0 25px rgba(237, 28, 36, 0.8),
        0 0 50px rgba(237, 28, 36, 0.6),
        0 0 75px rgba(255, 74, 74, 0.4);
}

html.operator-ooredoo-algeria .ai-loader-ring-1,
body.operator-ooredoo-algeria .ai-loader-ring-1 {
    border-top-color: #ED1C24;
    border-right-color: rgba(237, 28, 36, 0.5);
}

html.operator-ooredoo-algeria .ai-loader-ring-2,
body.operator-ooredoo-algeria .ai-loader-ring-2 {
    border-top-color: #FF4A4A;
    border-left-color: rgba(255, 74, 74, 0.5);
}

html.operator-ooredoo-algeria .ai-loader-ring-3,
body.operator-ooredoo-algeria .ai-loader-ring-3 {
    border-top-color: #FF6B6B;
    border-bottom-color: rgba(255, 107, 107, 0.4);
}

html.operator-ooredoo-algeria .ai-loader-particles span,
body.operator-ooredoo-algeria .ai-loader-particles span {
    background: linear-gradient(135deg, #ED1C24, #FF4A4A);
    box-shadow: 0 0 12px rgba(237, 28, 36, 0.8);
}