/* =====================================================
   छत्रपती शिवाजी महाराज चषक - Responsive Theme Button
   Device-Specific Sizing
   ===================================================== */

/* Desktop Base - Already defined in fab-enhancements.css */
/* 56x56px is the default */

/* ========================================
   TABLET (768px - 1023px)
   ======================================== */
@media (max-width: 1023px) and (min-width: 768px) {
    .theme-toggle-fab {
        width: 52px !important;
        height: 52px !important;
        font-size: 1.3rem !important;
        bottom: 25px !important;
        right: 25px !important;
    }
}

/* ========================================
   MOBILE (< 768px)
   ======================================== */
@media (max-width: 767px) {
    .theme-toggle-fab {
        width: 48px !important;
        height: 48px !important;
        font-size: 1.2rem !important;
        bottom: 20px !important;
        right: 20px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    }
    
    .theme-toggle-fab::before {
        width: 70px !important;
        height: 70px !important;
    }
    
    .theme-toggle-fab:hover {
        transform: scale(1.08) !important;
    }
    
    /* Hide text/tooltip on mobile */
    .theme-toggle-fab .tooltip,
    .theme-toggle-fab .theme-text,
    .theme-toggle-fab span:not(.theme-icon) {
        display: none !important;
    }
}

/* ========================================
   SMALL MOBILE (< 480px)
   ======================================== */
@media (max-width: 479px) {
    .theme-toggle-fab {
        width: 44px !important;
        height: 44px !important;
        font-size: 1.1rem !important;
        bottom: 16px !important;
        right: 16px !important;
    }
    
    .theme-toggle-fab::before {
        width: 65px !important;
        height: 65px !important;
    }
    
    /* Hide all text elements */
    .theme-toggle-fab .tooltip,
    .theme-toggle-fab .theme-text,
    .theme-toggle-fab span:not(.theme-icon) {
        display: none !important;
    }
}

/* ========================================
   EXTRA SMALL MOBILE (< 375px)
   ======================================== */
@media (max-width: 374px) {
    .theme-toggle-fab {
        width: 42px !important;
        height: 42px !important;
        font-size: 1rem !important;
        bottom: 14px !important;
        right: 14px !important;
    }
    
    .theme-toggle-fab::before {
        width: 60px !important;
        height: 60px !important;
    }
    
    /* Hide all text elements */
    .theme-toggle-fab .tooltip,
    .theme-toggle-fab .theme-text,
    .theme-toggle-fab span:not(.theme-icon) {
        display: none !important;
    }
}

/* ========================================
   LANDSCAPE MODE (Phones)
   ======================================== */
@media (max-height: 500px) and (orientation: landscape) {
    .theme-toggle-fab {
        width: 40px !important;
        height: 40px !important;
        font-size: 0.95rem !important;
        bottom: 12px !important;
        right: 12px !important;
    }
    
    .theme-toggle-fab::before {
        width: 55px !important;
        height: 55px !important;
    }
    
    /* Hide all text elements in landscape */
    .theme-toggle-fab .tooltip,
    .theme-toggle-fab .theme-text,
    .theme-toggle-fab span:not(.theme-icon) {
        display: none !important;
    }
}