/* ============================================================
   SMART ZUGDIDI — MOBILE FIXES
   1. ჰორიზონტალური scroll-ის მოხსნა
   2. ლოგო watermark-ის დამალვა მობილურზე
   3. შეტყობინებების dropdown-ის ზომა
   ============================================================ */

/* === 1. ჰორიზონტალური overflow-ის მოხსნა === */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* === 2. ლოგო watermark — მობილურზე დამალვა === */
@media (max-width: 768px) {
    body {
        background-image: none !important;
        background-color: #F7FAFC !important;
    }
    body::after {
        background: #F7FAFC !important;
    }
    body.dark-mode {
        background-image: none !important;
        background-color: #1a1a2e !important;
    }
    body.dark-mode::after {
        background: rgba(26, 26, 46, 0.98) !important;
    }
}

/* === 3. შეტყობინებების dropdown — მობილურზე პატარა === */
@media (max-width: 768px) {
    .notifications-dropdown {
        position: fixed !important;
        top: 60px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
        max-height: 60vh !important;
        border-radius: 12px !important;
        z-index: 2000 !important;
    }
    .notifications-list {
        max-height: 45vh !important;
        overflow-y: auto !important;
    }
    .notifications-header {
        padding: 12px 15px !important;
        font-size: 13px !important;
    }
    .notification-item {
        padding: 10px 12px !important;
    }
    .notification-item .notif-title {
        font-size: 13px !important;
    }
    .notification-item .notif-message {
        font-size: 11px !important;
    }
    
    /* პროფილის dropdown-იც */
    .profile-dropdown {
        position: fixed !important;
        top: 60px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
        z-index: 2000 !important;
    }
}

/* === 4. Header ელემენტების overflow === */
@media (max-width: 768px) {
    .header-container {
        overflow: hidden !important;
    }
    .smart-header {
        overflow: visible !important;
    }
}

/* === 5. Welcome actions overflow fix === */
@media (max-width: 768px) {
    .welcome-actions {
        overflow: hidden !important;
    }
    .welcome-btn {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}