/* ===================================
   Garden Craft - Responsive Overrides
   =================================== */

/* Additional responsive utilities already in theme.css */

/* Tablet specific adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .gc-container {
        padding: 0 30px;
    }
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
    .gc-container,
    .gc-container-wide,
    .gc-container-narrow {
        padding: 0 15px;
    }
}

/* ===================================
   Mobile Slim - lightweight overrides
   Desktop untouched
   =================================== */

@media (max-width: 640px) {

    /* --- Hero sections: compact, no grid pattern --- */

    .gc-category-hero,
    .gc-product-hero,
    .gc-products-hero,
    .gc-page-hero {
        padding-top: 16px;
        padding-bottom: 16px;
        margin-top: 70px;
    }

    /* Kill the grid-pattern overlay on mobile — visual noise on small screens */
    .gc-category-hero::before,
    .gc-product-hero::before,
    .gc-products-hero::before {
        display: none;
    }

    /* --- Hero titles: smaller, drop uppercase --- */

    .gc-category-hero-title,
    .gc-products-hero-title {
        font-size: 1.25rem;
        text-transform: none;
        letter-spacing: 0;
        margin-bottom: 12px;
    }

    .gc-product-hero-title {
        font-size: 1.1rem;
        text-transform: none;
        letter-spacing: 0;
        margin-bottom: 0;
    }

    /* Subtitles: tighter */
    .gc-category-hero-subtitle,
    .gc-products-hero-subtitle {
        font-size: 14px;
        line-height: 1.5;
    }

    /* Badge: smaller */
    .gc-category-hero-badge {
        font-size: 10px;
        padding: 5px 14px;
        margin-bottom: 12px;
    }

    /* Breadcrumb link in product hero */
    .gc-product-hero-category {
        font-size: 11px;
        margin-bottom: 8px;
    }

    /* --- Product listing: lighter cards --- */

    .gc-category-products {
        padding: 24px 0 40px;
    }

    .gc-product-card-v2 {
        border-color: transparent;
        box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    }

    .gc-product-card-image {
        padding-top: 70%;
    }

    .gc-product-card-content {
        padding: 12px 14px 14px;
    }

    .gc-product-card-title {
        font-size: 0.9rem;
        text-transform: none;
        letter-spacing: 0;
    }

    .gc-product-card-desc {
        font-size: 13px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
    }

    .gc-product-card-action {
        font-size: 11px;
        margin-top: 8px;
    }

    /* --- Product detail page: tighter --- */

    .gc-product-page {
        padding: 20px 0 40px;
    }

    .gc-product-grid {
        gap: 20px;
    }

    .gc-gallery-main {
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .gc-product-lead {
        font-size: 14px;
        line-height: 1.6;
    }

    .gc-product-content h2,
    .gc-product-content h3,
    .gc-product-content h4 {
        text-transform: none;
        letter-spacing: 0;
    }

    .gc-product-content h2 { font-size: 1.1rem; }
    .gc-product-content h3 { font-size: 1rem; }

    /* --- Bento grid: slim cards --- */

    .gc-categories-section {
        padding: 40px 0 60px;
    }

    .gc-bento-card {
        min-height: 160px;
    }

    .gc-bento-featured {
        min-height: 220px;
    }

    .gc-bento-title {
        font-size: 0.9rem;
        text-transform: none;
    }

    .gc-bento-featured .gc-bento-title {
        font-size: 1.1rem;
        text-transform: none;
    }

    .gc-bento-desc {
        font-size: 12px;
    }

    /* --- SEO content section: much lighter --- */

    .gc-category-content {
        padding: 40px 0 48px;
    }

    .gc-category-content .gc-content-wide {
        font-size: 14px;
        line-height: 1.6;
    }

    .gc-category-content .gc-content-wide h2 {
        font-size: 1.1rem;
        text-transform: none;
        letter-spacing: 0;
        margin-top: 2rem;
    }

    .gc-category-content .gc-content-wide h3 {
        font-size: 1rem;
        text-transform: none;
        letter-spacing: 0;
    }

    /* --- General section spacing --- */

    .gc-section {
        padding: 40px 0;
    }

    .gc-section-header {
        margin-bottom: 28px;
    }

    .gc-section-header h2 {
        font-size: 1.2rem;
        text-transform: none;
        letter-spacing: 0;
    }

    /* --- Footer: tighter --- */

    .gc-footer {
        padding-top: 40px;
    }

    .gc-footer-grid {
        gap: 20px;
    }

    /* --- Category cards (homepage) --- */

    .gc-category-card {
        padding: 28px 20px;
    }

    .gc-category-card-title {
        font-size: 0.95rem;
        text-transform: none;
    }

    /* --- Buttons: slightly smaller on mobile --- */

    .gc-product-actions-v2 .gc-btn {
        padding: 12px 20px;
        font-size: 12px;
    }

    /* --- Homepage hero: compact on mobile --- */

    .gc-hero-split {
        min-height: auto;
        padding: 80px 0 40px;
        margin-top: 70px;
    }

    .gc-hero-split::before {
        display: none;
    }

    .gc-hero-title {
        font-size: 1.5rem;
        text-transform: none;
        letter-spacing: 0;
        margin-bottom: 16px;
    }

    .gc-hero-title-accent {
        display: inline;
    }

    .gc-hero-subtitle {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 24px;
    }

    .gc-hero-badge {
        font-size: 10px;
        padding: 6px 14px;
        margin-bottom: 16px;
    }

    /* Hide product image on mobile — hero is text-only */
    .gc-hero-visual {
        display: none;
    }

    /* --- Homepage categories: compact --- */

    .gc-home-categories {
        padding: 40px 0 48px;
    }

    .gc-home-categories-grid {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 24px;
    }

    .gc-home-category-card,
    .gc-home-category-large {
        grid-column: auto;
        min-height: 140px;
    }

    .gc-home-category-content {
        padding: 16px;
    }

    .gc-home-category-title {
        font-size: 1rem;
        text-transform: none;
    }

    .gc-home-category-large .gc-home-category-title {
        font-size: 1.1rem;
        text-transform: none;
    }

    /* --- Homepage about: tight --- */

    .gc-home-about {
        padding: 32px 0 40px;
    }

    .gc-home-about-title {
        font-size: 1.15rem;
        text-transform: none;
        letter-spacing: 0;
    }

    .gc-home-about-content p {
        font-size: 14px;
        line-height: 1.6;
    }

    /* --- Homepage stats: compact --- */

    .gc-home-stats {
        padding: 40px 0;
    }

    .gc-home-stats-inner {
        flex-direction: column;
        gap: 32px;
    }

    .gc-home-stats-title {
        font-size: 1.15rem;
        text-transform: none;
        letter-spacing: 0;
    }

    .gc-home-stats-desc {
        font-size: 14px;
    }

    .gc-home-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .gc-home-stat-number {
        font-size: 1.5rem;
    }

    .gc-home-stat-label {
        font-size: 12px;
    }
}

/* Extra small screens */
@media (max-width: 380px) {
    .gc-category-hero-title,
    .gc-products-hero-title {
        font-size: 1.1rem;
    }

    .gc-product-hero-title {
        font-size: 1rem;
    }

    .gc-bento-card {
        min-height: 140px;
    }
}