/* Light Blue Theme v3.1 - Clean & Minimal */

:root {
    --lightblue-primary: #0288D1;
    --lightblue-secondary: #0277BD;
    --lightblue-accent: #4FC3F7;
    --lightblue-bg: #E1F5FE;
    --lightblue-border: #B3E5FC;
}

.ramdan-v2-wrapper.ramdan-theme-lightblue { 
    background: var(--lightblue-bg);
    color: var(--lightblue-primary); 
    padding: 20px; 
    border-radius: 12px;
    border: 1px solid var(--lightblue-border);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .ramdan-luke { 
    background-color: rgba(255, 255, 255, 0.95); 
    border: 1px solid var(--lightblue-border);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .ramdan-luke:hover { 
    border-color: var(--lightblue-primary);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .day-num { 
    color: var(--lightblue-primary);
    background: rgba(255, 255, 255, 0.98);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .luke-iftar-info { 
    color: var(--lightblue-secondary);
    background: rgba(255, 255, 255, 0.95);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .luke-date-info { 
    color: #546E7A;
    background: rgba(255, 255, 255, 0.9);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .ramdan-eid-btn { 
    background: #E1F5FE;
    color: var(--lightblue-primary);
    border: 1px solid var(--lightblue-accent);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .ramdan-eid-btn:hover { 
    background: #B3E5FC;
    border-color: var(--lightblue-primary);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .ramdan-stats-box { 
    background: rgba(225, 245, 254, 0.9); 
    border: 1px solid var(--lightblue-border);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .ramdan-iftar-box { 
    background: rgba(225, 245, 254, 0.9); 
    border: 1px solid var(--lightblue-border);
    color: var(--lightblue-primary);
}

/* Modal theming */
body:has(.ramdan-theme-lightblue) .ramdan-modal .ramdan-modal-box { 
    border: 1px solid var(--lightblue-border);
    background: var(--lightblue-bg);
}

body:has(.ramdan-theme-lightblue) .ramdan-modal .ramdan-modal-header { 
    background: #E1F5FE;
    color: var(--lightblue-primary);
    border-bottom: 1px solid var(--lightblue-border);
}

body:has(.ramdan-theme-lightblue) .ramdan-modal .ramdan-close:hover {
    background: var(--lightblue-accent);
    color: var(--lightblue-primary);
}

/* Countdown header */
.ramdan-v2-wrapper.ramdan-theme-lightblue #ramdan-countdown-header {
    background: #E1F5FE;
    border: 1px solid var(--lightblue-accent);
    color: var(--lightblue-primary);
}

/* Quiz options for lightblue theme */
.ramdan-v2-wrapper.ramdan-theme-lightblue .quiz-opt {
    border-color: var(--lightblue-primary);
    color: var(--lightblue-primary);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .quiz-opt:hover:not(:disabled) {
    background: var(--lightblue-bg);
    border-color: var(--lightblue-secondary);
}

/* Share buttons for lightblue */
.ramdan-v2-wrapper.ramdan-theme-lightblue #ramdan-smart-share { 
    border-color: var(--lightblue-primary);
    color: var(--lightblue-primary);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue #ramdan-copy-link { 
    border-color: var(--lightblue-secondary);
    color: var(--lightblue-secondary);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .share-icon-btn:hover {
    border-color: var(--lightblue-primary);
}

.ramdan-v2-wrapper.ramdan-theme-lightblue .share-download-btn:hover {
    background: var(--lightblue-primary);
    border-color: var(--lightblue-primary);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .ramdan-v2-wrapper.ramdan-theme-lightblue {
        padding: 16px 12px;
    }
}