/* ============================================================
   SMART ZUGDIDI - DARK MODE COMPLETE FIX
   Version: 3.0 | Date: 2026-02-13
   ეს ფაილი სრულად მართავს Dark Mode-ს ყველა გვერდზე
   ============================================================ */

/* ===== DARK MODE VARIABLES ===== */
body.dark-mode {
    --dm-bg: #0f1729;
    --dm-bg-secondary: #162036;
    --dm-bg-card: #1a2744;
    --dm-bg-elevated: #1e2d52;
    --dm-bg-input: #1a2744;
    --dm-border: #2a3f6b;
    --dm-border-light: #233357;
    --dm-text: #e8edf5;
    --dm-text-secondary: #9bacc4;
    --dm-text-muted: #6b7f9e;
    --dm-accent: #00A896;
    --dm-accent-hover: #02C39A;
    --dm-primary: #1A365D;
    --dm-shadow: rgba(0, 0, 0, 0.4);
}

/* ===== BODY & BASE ===== */
body.dark-mode {
    background-color: var(--dm-bg) !important;
    color: var(--dm-text) !important;
}

body.dark-mode::after {
    background-color: rgba(15, 23, 41, 0.92) !important;
}

/* ===== HEADER ===== */
body.dark-mode .smart-header {
    background: rgba(15, 23, 41, 0.97) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--dm-border) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3) !important;
}

body.dark-mode .brand-title .title-en {
    color: #ffffff !important;
}

body.dark-mode .brand-title .title-ka {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .nav-link {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .nav-link:hover {
    color: var(--dm-accent) !important;
    background: rgba(0, 168, 150, 0.1) !important;
}

/* ===== SEARCH SECTION ===== */
body.dark-mode .search-section {
    background: linear-gradient(135deg, #0f1729 0%, #162036 50%, #1a2744 100%) !important;
}

body.dark-mode .search-section::before,
body.dark-mode .search-section::after {
    opacity: 0.05 !important;
}

body.dark-mode .search-container h1 {
    color: #ffffff !important;
}

body.dark-mode .search-container p {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .search-form div[style*="background: #fff"],
body.dark-mode .search-form div[style*="background:#fff"] {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
}

body.dark-mode .search-form input[type="text"] {
    background: transparent !important;
    color: var(--dm-text) !important;
}

body.dark-mode .search-form input[type="text"]::placeholder {
    color: var(--dm-text-muted) !important;
}

body.dark-mode .search-form span {
    color: var(--dm-text) !important;
}

/* ===== DEBT CARD (RESULT) ===== */
body.dark-mode .debt-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0 10px 40px var(--dm-shadow) !important;
}

body.dark-mode .debt-header h3 {
    color: #ffffff !important;
}

body.dark-mode .debt-card .address {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .debt-item {
    background: var(--dm-bg-elevated) !important;
    border: 1px solid var(--dm-border-light) !important;
}

body.dark-mode .debt-item span {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .debt-item strong {
    color: #ffffff !important;
}

body.dark-mode .debt-item.total {
    background: linear-gradient(135deg, var(--dm-accent), var(--dm-primary)) !important;
    border: none !important;
}

body.dark-mode .debt-item.total span,
body.dark-mode .debt-item.total strong {
    color: #ffffff !important;
}

body.dark-mode .code-badge {
    background: var(--dm-accent) !important;
    color: #ffffff !important;
}

/* ===== NOT FOUND ===== */
body.dark-mode .not-found {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
}

body.dark-mode .not-found h3 {
    color: #ffffff !important;
}

body.dark-mode .not-found p {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .not-found i {
    color: #e74c3c !important;
}

/* ===== NEWS SECTION ===== */
body.dark-mode .news-section h2,
body.dark-mode .services-section h2 {
    color: #ffffff !important;
}

body.dark-mode .news-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0 5px 20px var(--dm-shadow) !important;
}

body.dark-mode .news-card:hover {
    box-shadow: 0 10px 30px rgba(0, 168, 150, 0.15) !important;
    border-color: var(--dm-accent) !important;
}

body.dark-mode .news-content {
    background: var(--dm-bg-card) !important;
}

body.dark-mode .news-content h3 {
    color: #ffffff !important;
}

body.dark-mode .news-content p {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .news-date {
    color: var(--dm-accent) !important;
}

body.dark-mode .news-link {
    color: var(--dm-accent) !important;
}

body.dark-mode .news-link:hover {
    color: var(--dm-accent-hover) !important;
}

body.dark-mode .news-image {
    background: var(--dm-bg-elevated) !important;
}

/* ===== RATING SECTION (inline styles override) ===== */
body.dark-mode section > div[style*="linear-gradient(135deg, #ff9800"] {
    background: linear-gradient(135deg, #b36d00, #c45800) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* ===== SERVICES SECTION ===== */
body.dark-mode .service-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0 5px 20px var(--dm-shadow) !important;
}

body.dark-mode .service-card:hover {
    box-shadow: 0 10px 30px rgba(0, 168, 150, 0.15) !important;
    border-color: var(--dm-accent) !important;
}

body.dark-mode .service-card h3 {
    color: #ffffff !important;
}

body.dark-mode .service-card p {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .service-icon {
    background: var(--dm-bg-elevated) !important;
    color: var(--dm-accent) !important;
}

body.dark-mode .service-price {
    color: var(--dm-accent) !important;
}

body.dark-mode .service-btn {
    background: var(--dm-accent) !important;
    color: #ffffff !important;
}

body.dark-mode .service-btn:hover {
    background: var(--dm-accent-hover) !important;
}

/* ===== VIEW ALL BUTTON ===== */
body.dark-mode .view-all-btn {
    background: var(--dm-accent) !important;
    color: #ffffff !important;
}

body.dark-mode .view-all-btn:hover {
    background: var(--dm-accent-hover) !important;
}

body.dark-mode .section-footer {
    background: transparent !important;
}

/* ===== FOOTER ===== */
body.dark-mode .footer-main {
    background: #080d19 !important;
    border-top: 1px solid var(--dm-border) !important;
}

body.dark-mode .footer-main h4 {
    color: #ffffff !important;
}

body.dark-mode .footer-main p,
body.dark-mode .footer-main a {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .footer-bottom {
    background: #060a14 !important;
    border-top: 1px solid var(--dm-border-light) !important;
}

body.dark-mode .footer-bottom p {
    color: var(--dm-text-muted) !important;
}

body.dark-mode .social-links a {
    background: var(--dm-bg-elevated) !important;
    color: var(--dm-text-secondary) !important;
    border: 1px solid var(--dm-border) !important;
}

body.dark-mode .social-links a:hover {
    background: var(--dm-accent) !important;
    color: #ffffff !important;
    border-color: var(--dm-accent) !important;
}

/* ===== HELP BUTTONS (FAB) ===== */
body.dark-mode .help-btn {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .help-btn::before {
    background: var(--dm-bg-card) !important;
    color: var(--dm-text) !important;
}

/* ===== CHAT MODAL ===== */
body.dark-mode .chat-modal {
    background: var(--dm-bg-secondary) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .chat-header {
    background: linear-gradient(135deg, var(--dm-primary), var(--dm-accent)) !important;
}

body.dark-mode .chat-body {
    background: var(--dm-bg-secondary) !important;
}

body.dark-mode .chat-message.bot p {
    background: var(--dm-bg-card) !important;
    color: var(--dm-text) !important;
    border: 1px solid var(--dm-border-light) !important;
}

body.dark-mode .chat-message.user p {
    background: linear-gradient(135deg, var(--dm-accent), #00c9b0) !important;
    color: #ffffff !important;
}

body.dark-mode .chat-footer {
    background: var(--dm-bg-secondary) !important;
    border-top: 1px solid var(--dm-border) !important;
}

body.dark-mode .chat-footer input {
    background: var(--dm-bg-input) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text) !important;
}

body.dark-mode .chat-footer input::placeholder {
    color: var(--dm-text-muted) !important;
}

body.dark-mode .chat-footer button {
    background: var(--dm-accent) !important;
    color: #ffffff !important;
}

body.dark-mode .chat-quick-buttons button {
    background: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .chat-quick-buttons button:hover {
    background: var(--dm-accent) !important;
    color: #ffffff !important;
    border-color: var(--dm-accent) !important;
}

/* ===== DARK MODE TOGGLE BUTTON ===== */
body.dark-mode .dark-mode-btn {
    border-color: var(--dm-accent) !important;
    color: var(--dm-accent) !important;
}

body.dark-mode .dark-mode-btn:hover {
    background: var(--dm-accent) !important;
    color: var(--dm-bg) !important;
}

/* ===== NOTIFICATION BUTTON & DROPDOWN ===== */
body.dark-mode .notification-btn {
    border-color: #f5a623 !important;
    color: #f5a623 !important;
}

body.dark-mode .notification-btn:hover {
    background: #f5a623 !important;
    color: var(--dm-bg) !important;
}

body.dark-mode .notifications-dropdown {
    background: var(--dm-bg-secondary) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .notification-item {
    border-bottom-color: var(--dm-border-light) !important;
}

body.dark-mode .notification-item:hover {
    background: var(--dm-bg-card) !important;
}

body.dark-mode .notification-item.unread {
    background: rgba(0, 168, 150, 0.08) !important;
}

body.dark-mode .notification-item .notif-title {
    color: #ffffff !important;
}

body.dark-mode .notification-item .notif-message {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .notification-item .notif-time {
    color: var(--dm-text-muted) !important;
}

body.dark-mode .notifications-footer {
    background: var(--dm-bg-secondary) !important;
    border-top-color: var(--dm-border) !important;
}

body.dark-mode .notifications-footer a {
    color: var(--dm-accent) !important;
}

body.dark-mode .no-notifications {
    color: var(--dm-text-muted) !important;
}

body.dark-mode .no-notifications i {
    color: var(--dm-border) !important;
}

/* ===== FORMS (GLOBAL) ===== */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="number"],
body.dark-mode input[type="password"],
body.dark-mode textarea,
body.dark-mode select {
    background: var(--dm-bg-input) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text) !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: var(--dm-text-muted) !important;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 0 0 3px rgba(0, 168, 150, 0.15) !important;
}

/* ===== PAY BUTTON & METHODS BUTTON ===== */
body.dark-mode .pay-btn {
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.2) !important;
}

body.dark-mode .methods-btn {
    box-shadow: 0 4px 15px rgba(255, 152, 0, 0.2) !important;
}

/* ===== PAYMENT PAGE ===== */
body.dark-mode .payment-card,
body.dark-mode .payment-method-card,
body.dark-mode .method-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
}

body.dark-mode .payment-card h3,
body.dark-mode .method-card h3 {
    color: #ffffff !important;
}

body.dark-mode .payment-card p,
body.dark-mode .method-card p {
    color: var(--dm-text-secondary) !important;
}

/* ===== RESULT SECTION ===== */
body.dark-mode .result-section {
    background: transparent !important;
}

body.dark-mode .result-container {
    background: transparent !important;
}

/* ===== ACCOUNT PAGE ===== */
body.dark-mode .account-card,
body.dark-mode .info-card,
body.dark-mode .stats-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
}

body.dark-mode .account-card h3,
body.dark-mode .info-card h3 {
    color: #ffffff !important;
}

/* ===== RATING PAGE ===== */
body.dark-mode .rating-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
}

body.dark-mode .rating-card h3 {
    color: #ffffff !important;
}

body.dark-mode .star-rating .star {
    color: var(--dm-border) !important;
}

body.dark-mode .star-rating .star.active,
body.dark-mode .star-rating .star:hover {
    color: #ffc107 !important;
}

/* ===== CONTACT PAGE ===== */
body.dark-mode .contact-card,
body.dark-mode .contact-form-container {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
}

body.dark-mode .contact-card h3 {
    color: #ffffff !important;
}

body.dark-mode .contact-card p {
    color: var(--dm-text-secondary) !important;
}

/* ===== SERVICES PAGE ===== */
body.dark-mode .services-page .service-detail-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
}

/* ===== NEWS PAGE ===== */
body.dark-mode .news-page .news-detail-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
}

body.dark-mode .news-page .news-detail-card h2 {
    color: #ffffff !important;
}

/* ===== MAIN CONTENT ===== */
body.dark-mode .main-content {
    background: transparent !important;
}

/* ===== MOBILE MENU ===== */
body.dark-mode .main-nav {
    background: var(--dm-bg-secondary) !important;
}

body.dark-mode .main-nav .nav-menu li a {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode .main-nav .nav-menu li a:hover {
    color: var(--dm-accent) !important;
}

body.dark-mode .mobile-menu-close {
    color: var(--dm-text) !important;
}

body.dark-mode .mobile-menu-btn {
    color: var(--dm-text) !important;
}

/* ===== GENERIC OVERRIDES ===== */
/* ნებისმიერი თეთრი background-ის override */
body.dark-mode div[style*="background: #fff"],
body.dark-mode div[style*="background:#fff"],
body.dark-mode div[style*="background: white"],
body.dark-mode div[style*="background:white"],
body.dark-mode div[style*="background-color: #fff"],
body.dark-mode div[style*="background-color:#fff"],
body.dark-mode div[style*="background-color: white"],
body.dark-mode div[style*="background-color:white"] {
    background: var(--dm-bg-card) !important;
}

/* ნებისმიერი მუქი ტექსტის override */
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #ffffff !important;
}

body.dark-mode p {
    color: var(--dm-text-secondary) !important;
}

body.dark-mode a {
    color: var(--dm-accent) !important;
}

body.dark-mode strong {
    color: var(--dm-text) !important;
}

/* ===== TABLE ELEMENTS ===== */
body.dark-mode table {
    border-color: var(--dm-border) !important;
}

body.dark-mode th {
    background: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
    border-color: var(--dm-border) !important;
}

body.dark-mode td {
    background: var(--dm-bg-card) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-border-light) !important;
}

body.dark-mode tr:hover td {
    background: var(--dm-bg-elevated) !important;
}

/* ===== SCROLLBAR ===== */
body.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: var(--dm-bg);
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--dm-border);
    border-radius: 4px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--dm-accent);
}

/* ===== SELECTION ===== */
body.dark-mode ::selection {
    background: var(--dm-accent);
    color: #ffffff;
}

/* ===== TRANSITIONS ===== */
body.dark-mode * {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* გამონაკლისები transition-ისთვის */
body.dark-mode .pay-btn,
body.dark-mode .methods-btn,
body.dark-mode .service-btn,
body.dark-mode .news-link,
body.dark-mode a {
    transition: all 0.3s ease !important;
}

/* ===== SPECIFIC INLINE STYLE OVERRIDES ===== */
/* search form container override */
body.dark-mode .search-form > div {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: 10px !important;
}

body.dark-mode .search-form > div > span {
    color: var(--dm-text) !important;
}

body.dark-mode .search-form > div > input {
    background: transparent !important;
    color: var(--dm-text) !important;
    border: none !important;
}

/* ===== X BUTTON FIX — desktop-ზე არ უნდა ჩანდეს ===== */
.mobile-menu-close {
    display: none !important;
}

@media (max-width: 768px) {
    .main-nav.active .mobile-menu-close {
        display: flex !important;
    }
}

/* ===== NAV MENU BACKGROUND FIX ===== */
/* მენიუს ტექსტებს თეთრი ფონი წავუშალოთ */
.nav-menu,
.main-nav,
.main-nav ul {
    background: transparent !important;
}

body.dark-mode .nav-menu,
body.dark-mode .main-nav,
body.dark-mode .main-nav ul {
    background: transparent !important;
}

body.dark-mode .nav-menu li,
body.dark-mode .main-nav .nav-menu li {
    background: transparent !important;
}

body.dark-mode .nav-menu li a,
body.dark-mode .main-nav .nav-menu li a,
body.dark-mode .main-nav .nav-menu li a.nav-link {
    background: transparent !important;
    color: var(--dm-text-secondary) !important;
    border: none !important;
}

body.dark-mode .nav-menu li a:hover,
body.dark-mode .main-nav .nav-menu li a:hover,
body.dark-mode .main-nav .nav-menu li a.nav-link:hover {
    background: rgba(0, 168, 150, 0.1) !important;
    color: var(--dm-accent) !important;
}

/* pay-btn და methods-btn-ს ფონი დარჩეს */
body.dark-mode .nav-menu li a.pay-btn {
    background: linear-gradient(135deg, #4caf50, #2e7d32) !important;
    color: #fff !important;
}

body.dark-mode .nav-menu li a.methods-btn {
    background: linear-gradient(135deg, #ff9800, #f57c00) !important;
    color: #fff !important;
}

/* ===== MOBILE MENU DARK FIX ===== */
@media (max-width: 768px) {
    body.dark-mode .main-nav {
        background: var(--dm-bg-secondary) !important;
    }
    
    body.dark-mode .main-nav.active {
        background: var(--dm-bg-secondary) !important;
        border-right: 1px solid var(--dm-border) !important;
    }
}

/* ===== BACKGROUND WATERMARK — პატარა და გამჭვირვალე ===== */
body {
    background-size: 150px !important;
}

body::after {
    background: rgba(247, 250, 252, 0.93) !important;
}

body.dark-mode {
    background-size: 150px !important;
}

body.dark-mode::after {
    background-color: rgba(15, 23, 41, 0.96) !important;
}

/* ===== HEADER LOGO SIZE FIX ===== */
.smart-header .logo-area .main-logo {
    height: 75px !important;
    width: auto !important;
}

/* ===== PRINT ===== */
@media print {
    body.dark-mode {
        background: white !important;
        color: black !important;
    }
    
    body.dark-mode * {
        background: white !important;
        color: black !important;
        box-shadow: none !important;
    }
}