/**
 * Responsive Styles
 */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .snackems-container {
        padding: 0 var(--soba-space-6);
    }

    .site-header-inner {
        gap: var(--soba-space-4);
    }
}

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
    :root {
        --soba-text-4xl: 1.875rem;
        --soba-text-3xl: 1.5rem;
        --soba-text-2xl: 1.25rem;
    }

    .snackems-container {
        padding: 0 var(--soba-space-4);
    }

    .site-header {
        padding: var(--soba-space-3) 0;
    }

    .site-content {
        padding: var(--soba-space-8) 0;
    }

    .entry-title {
        font-size: var(--soba-text-3xl);
    }

    .custom-logo-link img {
        max-height: 40px;
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    .header-actions {
        gap: var(--soba-space-2);
    }

    .header-search button,
    .header-account a,
    .header-cart a {
        width: 36px;
        height: 36px;
    }
}