/* Медиа-запросы для компонентов */

/* Большие экраны */
@media (max-width: var(--breakpoint-xl)) {
    .container {
        width: 95%;
        max-width: 1140px;
    }
}

/* Десктопы */
@media (max-width: var(--breakpoint-lg)) {
    .container {
        width: 95%;
        max-width: 960px;
    }
    
    .navbar {
        padding: var(--spacing-sm) 0;
    }
    
    .navbar-brand {
        font-size: 1.3rem;
    }
}

/* Планшеты */
@media (max-width: var(--breakpoint-md)) {
    .container { 
        width: 95%; 
    }
    
    .fixed-buttons {
        right: var(--spacing-lg);
        bottom: var(--spacing-lg);
    }

    .fixed-btn {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .header-flex { 
        flex-direction: column; 
        align-items: flex-start; 
        gap: var(--spacing-sm); 
        padding: var(--spacing-md) var(--spacing-sm) var(--spacing-sm); 
    }
    
    .main-header-bg { 
        padding-bottom: 0; 
    }
    
    .logo-block { 
        margin-bottom: var(--spacing-sm); 
    }
    
    .header-actions-flex { 
        width: 100%; 
        display: flex; 
        flex-wrap: wrap; 
        gap: var(--spacing-sm); 
        justify-content: flex-start; 
    }
    
    .header-btn { 
        font-size: var(--font-size-base); 
        padding: 0.4rem 1.1rem; 
        border-radius: var(--border-radius-md); 
        margin-bottom: var(--spacing-xs); 
    }
}

/* Мобильные */
@media (max-width: var(--breakpoint-sm)) {
    .main-header-bg { 
        padding: var(--spacing-md) 0; 
    }
    
    .site-title, .site-subtitle {
        padding-left: var(--spacing-sm);
    }
    
    .site-title { 
        font-size: 1.3em; 
        margin-left: var(--spacing-sm); 
    }
    
    .site-subtitle { 
        font-size: 0.95em; 
        margin-left: var(--spacing-sm); 
    }
    
    .header-actions-flex { 
        align-items: center; 
        width: 100%; 
    }
    
    .main-content { 
        margin: var(--spacing-md) 0; 
        gap: var(--spacing-sm); 
    }
    
    .card { 
        padding: var(--spacing-md) var(--spacing-sm); 
    }
}

.btn, .btn-primary, .btn-register, .btn-outline-primary, .btn-secondary, .page-btn {
    border: none !important;
    outline: none !important;
}

.btn:focus, .btn-primary:focus, .btn-register:focus, .btn-outline-primary:focus, .btn-secondary:focus, .page-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

a, .nav-link, .dropdown-item {
    text-decoration: none !important;
}

a:hover, .nav-link:hover, .dropdown-item:hover {
    text-decoration: none !important;
}