/*
 * Project Ganga style override for https://sentiment.chromeott.com/

 */

:root {
    --pg-blue: #012153;
    --pg-blue-2: #004b9b;
    --pg-orange: #ff7f00;
    --pg-orange-dark: #ef6f00;
    --pg-white: #f7f7f7;
    --pg-text: #111827;
    --pg-muted: #555555;
    --pg-border: #e5e7eb;
}

html,
body {
    background: var(--pg-white) !important;
    background-image: none !important;
    color: var(--pg-text) !important;
}

body {
    background-attachment: initial !important;
}

.orb-bg,
.noise-texture,
.blob {
    display: none !important;
}

.top-header {
    background: var(--pg-blue) !important;
    border-bottom: 1px solid #003d80 !important;
    box-shadow: 0 6px 18px rgba(1, 33, 83, 0.18) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.header-container {
    background: transparent !important;
}

.language-switch {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 127, 0, 0.45) !important;
    box-shadow: none !important;
}

.language-switch a {
    color: var(--pg-white) !important;
}

.language-switch a.active-lang {
    background: var(--pg-orange) !important;
    color: var(--pg-white) !important;
    box-shadow: 0 4px 10px rgba(255, 127, 0, 0.32) !important;
}

/* .language-switch a:hover {
    background: rgba(255, 127, 0, 0.18) !important;
    color: var(--pg-white) !important;
} */

.language-switch a:hover {
    background: rgb(239 232 225 / 18%) !important;
    color: var(--pg-white) !important;
}

.glass-card {
    background: var(--pg-white) !important;
    border: 1px solid rgba(1, 33, 83, 0.12) !important;
    box-shadow: 0 18px 42px rgba(1, 33, 83, 0.12) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.glass-card:hover {
    box-shadow: 0 22px 48px rgba(1, 33, 83, 0.16) !important;
}

.pro-header {
    background: var(--pg-blue) !important;
    border-bottom: 4px solid var(--pg-orange) !important;
}

.pro-header h2 {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    color: var(--pg-white) !important;
}

.pro-header h2 i {
    color: var(--pg-orange) !important;
}

.pro-header p {
    color: rgba(255, 255, 255, 0.92) !important;
    text-shadow: none !important;
}

.pro-body {
    background: var(--pg-white) !important;
}

.input-group-modern i {
    color: var(--pg-orange) !important;
}

.pro-input {
    background: var(--pg-white) !important;
    border: 1.5px solid rgba(1, 33, 83, 0.18) !important;
    color: var(--pg-text) !important;
}

.pro-input::placeholder {
    color: #6b7280 !important;
}

.pro-input:focus {
    background: var(--pg-white) !important;
    border-color: var(--pg-orange) !important;
    box-shadow: 0 0 0 4px rgba(255, 127, 0, 0.18) !important;
}

.btn-pro {
    background: var(--pg-orange) !important;
    color: var(--pg-white) !important;
    box-shadow: 0 8px 20px rgba(255, 127, 0, 0.28) !important;
}

.btn-pro:hover:not(:disabled) {
    background: var(--pg-orange-dark) !important;
    color: var(--pg-white) !important;
    box-shadow: 0 12px 26px rgba(255, 127, 0, 0.35) !important;
}

.btn-pro:disabled {
    opacity: 0.7 !important;
}

.otp-subtitle,
.resend-pro,
.timer-digits,
.success-text,
footer {
    color: var(--pg-orange) !important;
    background: none !important;
}

small {
    color: var(--pg-muted) !important;
}

.otp-digit {
    background: var(--pg-white) !important;
    border: 2px solid rgba(1, 33, 83, 0.18) !important;
    color: var(--pg-blue) !important;
}

.otp-digit:focus {
    background: var(--pg-white) !important;
    border-color: var(--pg-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 127, 0, 0.22) !important;
    color: var(--pg-blue) !important;
}

.timer-premium {
    background: #f8fafc !important;
    border: 1px solid rgba(1, 33, 83, 0.12) !important;
    box-shadow: none !important;
}

.resend-pro:hover:not(:disabled) {
    background: rgba(255, 127, 0, 0.12) !important;
    color: var(--pg-orange-dark) !important;
}

.alert-success {
    background: rgba(0, 75, 155, 0.10) !important;
    border-left-color: var(--pg-orange) !important;
    color: var(--pg-blue) !important;
}

.alert-warning {
    background: rgba(255, 127, 0, 0.12) !important;
    border-left-color: var(--pg-orange) !important;
    color: #7a3c00 !important;
}

.alert-danger {
    background: rgba(220, 38, 38, 0.10) !important;
    border-left-color: #dc2626 !important;
    color: #991b1b !important;
}

.image-popup-overlay {
    background: rgba(1, 33, 83, 0.84) !important;
}

.popup-card {
    background: var(--pg-white) !important;
    border: 1px solid rgba(255, 127, 0, 0.45) !important;
}

.popup-close-btn {
    background: var(--pg-orange) !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
}

.popup-close-btn:hover {
    background: var(--pg-orange-dark) !important;
}

.popup-close-btn i {
    color: var(--pg-white) !important;
}

@keyframes borderGlow {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(255, 127, 0, 0.45);
    }

    50% {
        box-shadow: 0 0 18px 4px rgba(255, 127, 0, 0.55);
    }
}