/* Settings Modal Phone Adjustments */
@media screen and (max-width: 768px) {
    :root {
        /* Modal Variables for Phone */
        --phone-modal-width: 100vw;
        --phone-modal-height: 100vh;
        --phone-modal-border-radius: 0;
        --phone-modal-max-height: 100vh;
        
        /* Header Adjustments */
        --phone-header-padding: 20px;
        --phone-title-font-size: 20px;
        
        /* Content Adjustments */
        --phone-content-padding: 16px;
        --phone-info-card-padding: 32px 16px;
        --phone-icon-size: 60px;
        --phone-icon-container-size: 70px;
        --phone-info-title-font-size: 28px;
        --phone-info-description-font-size: 14px;
        
        /* List Adjustments */
        --phone-list-item-padding: 16px 20px;
        --phone-list-label-font-size: 16px;
        --phone-list-value-font-size: 16px;
        --phone-chevron-size: 14px;
        
        /* Footer Adjustments */
        --phone-footer-padding: 16px 20px;
        --phone-btn-padding: 14px 24px;
        --phone-btn-font-size: 16px;
    }
    
    /* Modal Overlay Full Screen */
    .modal-overlay {
        padding: 0;
    }
    
    /* Modal Full Screen */
    .modal {
        width: var(--phone-modal-width);
        height: var(--phone-modal-height);
        max-height: var(--phone-modal-max-height);
        border-radius: var(--phone-modal-border-radius);
        margin: 0;
    }
    
    /* Modal Header */
    .modal-header {
        padding: var(--phone-header-padding);
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }
    
    .modal-title {
        font-size: var(--phone-title-font-size);
    }
    
    /* Settings Info Card */
    .settings-info-card {
        padding: var(--phone-info-card-padding);
        margin: 0;
    }
    
    .settings-icon-container {
        width: var(--phone-icon-container-size);
        height: var(--phone-icon-container-size);
        margin: 0 auto 20px auto;
    }
    
    .settings-icon {
        width: var(--phone-icon-size);
        height: var(--phone-icon-size);
    }
    
    .settings-info-title {
        font-size: var(--phone-info-title-font-size);
        margin: 20px 0 12px 0;
    }
    
    .settings-info-description {
        font-size: var(--phone-info-description-font-size);
        line-height: 1.4;
        padding: 0 16px;
    }
    
    /* Modal Content */
    .modal-content {
        padding: var(--phone-content-padding);
        max-height: calc(var(--phone-modal-max-height) - 160px);
    }
    
    /* Settings List Card */
    .settings-list-card {
        margin: 16px 0;
        border-radius: 12px;
    }
    
    .settings-list-item {
        padding: var(--phone-list-item-padding);
    }
    
    .settings-list-label {
        font-size: var(--phone-list-label-font-size);
    }
    
    .settings-list-value {
        font-size: var(--phone-list-value-font-size);
    }
    
    .settings-chevron {
        width: var(--phone-chevron-size);
        height: var(--phone-chevron-size);
    }
    
    /* Toggle Switches */
    .toggle-switch {
        transform: scale(0.9);
    }
    
    /* Modal Footer */
    .modal-footer {
        padding: var(--phone-footer-padding);
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        position: sticky;
        bottom: 0;
        background: var(--modal-bg);
        backdrop-filter: blur(var(--modal-blur));
    }
    
    .modal-btn {
        padding: var(--phone-btn-padding);
        font-size: var(--phone-btn-font-size);
        flex: 1;
        max-width: calc(50% - 6px);
    }
    
    .modal-btn-secondary {
        margin-right: 4px;
    }
    
    .modal-btn-primary {
        margin-left: 4px;
    }
}

/* iPhone SE specific adjustments */
@media screen and (max-width: 375px) {
    :root {
        /* Even smaller for iPhone SE */
        --phone-se-info-title-font-size: 24px;
        --phone-se-info-description-font-size: 13px;
        --phone-se-list-item-padding: 14px 16px;
        --phone-se-list-label-font-size: 15px;
        --phone-se-list-value-font-size: 15px;
        --phone-se-icon-size: 50px;
        --phone-se-icon-container-size: 60px;
    }
    
    .settings-info-title {
        font-size: var(--phone-se-info-title-font-size);
    }
    
    .settings-info-description {
        font-size: var(--phone-se-info-description-font-size);
        padding: 0 12px;
    }
    
    .settings-icon-container {
        width: var(--phone-se-icon-container-size);
        height: var(--phone-se-icon-container-size);
    }
    
    .settings-icon {
        width: var(--phone-se-icon-size);
        height: var(--phone-se-icon-size);
    }
    
    .settings-list-item {
        padding: var(--phone-se-list-item-padding);
    }
    
    .settings-list-label {
        font-size: var(--phone-se-list-label-font-size);
    }
    
    .settings-list-value {
        font-size: var(--phone-se-list-value-font-size);
    }
}