/**
 * Responsive Styles
 * Alaska Gun Trader Theme
 * 
 * @package Alaska_Gun_Trader
 */

/* ==========================================
   LARGE TABLET / SMALL DESKTOP (1024px and below)
   ========================================== */
@media (max-width: 1024px) {
    .akammo-listings-section .hp-listings,
    .akammo-listings-section .hp-grid {
        grid-template-columns: repeat(2, 340px) !important;
        justify-content: center !important;
    }
    
    /* Amazon-style layout adjustments */
    .content-grid {
        grid-template-columns: 240px 1fr;
        gap: 20px;
    }
    
    .listings-grid-modern {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .categories-panel {
        position: static;
    }
}

/* ==========================================
   TABLET (768px and below)
   ========================================== */
@media (max-width: 768px) {
    /* Header */
    .header-content {
        flex-wrap: wrap;
    }
    
    .site-branding {
      width: 100%;
        text-align: center;
    }
    
    .site-title {
  font-size: 1.5rem;
    }
    
.main-navigation {
        width: 100%;
order: 3;
    }
    
    .menu-toggle {
display: flex;
    }
    
    .main-navigation ul {
        display: none;
      flex-direction: column;
        width: 100%;
        background: var(--agt-white);
  border-top: 2px solid var(--agt-gray);
        padding: 15px 0;
    }
    
    .main-navigation.toggled ul {
        display: flex;
  }
    
    .main-navigation li {
        width: 100%;
    }
    
    .main-navigation a {
  padding: 12px 20px;
    }
  
    .header-actions {
        order: 2;
        gap: 6px;
    }
  
    .btn-post-listing {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    .btn-login {
        padding: 6px 10px;
        font-size: 12px;
        margin-right: 0;
    }
    
    /* Search */
    .search-title {
    font-size: 24px;
    }
    
    .search-subtitle {
     font-size: 14px;
    }
    
    .agt-search-form {
        padding: 20px;
    }
    
    .search-fields,
    .akammo-search-section .hp-form__fields {
        grid-template-columns: 1fr;
     gap: 12px;
    }
    
    .search-primary {
        grid-column: span 1;
    }
    
    .search-submit {
    width: 100%;
        justify-content: center;
    }
    
/* Compact Hero */
    .akammo-hero-compact {
        padding: 40px 15px 35px;
    }
    
    .akammo-hero-compact h1 {
        font-size: 26px;
    }
    
    .hero-tagline {
        font-size: 14px;
    }
    
    .hero-search-bar {
        flex-wrap: wrap;
        border-radius: 16px;
        padding: 12px;
    }
    
    .hero-search-bar .search-icon {
        display: none;
    }
    
    .hero-search-input {
        width: 100%;
        text-align: center;
        padding: 8px 0;
    }
    
    .hero-search-btn {
        width: 100%;
        margin-top: 8px;
        padding: 14px;
        border-radius: 12px;
    }
    
    .quick-links {
        display: none;
    }
    
    .hero-search-results {
        border-radius: 12px;
    }
    
    /* Main Content - Amazon Layout */
    .content-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .categories-panel {
        position: static;
        order: 2;
    }
    
    .listings-main {
        order: 1;
    }
    
    .listings-grid-modern {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .listing-card-modern .card-content {
        padding: 12px;
    }
    
    .listing-card-modern .card-title {
        font-size: 13px;
    }
    
    .listing-card-modern .card-price {
        font-size: 16px;
    }
    
    .category-nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    
    .category-item {
        margin: 0;
        padding: 12px;
        background: #f9fafb;
        border-radius: 10px;
        flex-direction: column;
        text-align: center;
        gap: 6px;
    }
    
    .category-item .cat-icon {
        width: 24px;
        height: 24px;
    }
    
    .category-item .cat-count {
        display: none;
    }

    .search-result-item {
        padding: 12px 16px;
    }
    
    .search-result-image {
        width: 48px;
        height: 48px;
    }
    
/* Old Hero - hidden */
    .akammo-hero {
        display: none;
    }

    /* Map */
  .akammo-map-section {
        padding: 40px 20px;
    }
 
    .akammo-map-section .hp-listings__map {
    height: 350px;
    }
    
    /* Listings */
    .akammo-listings-section {
        padding: 40px 20px;
    }
    
    .akammo-listings-section .hp-listings,
    .akammo-listings-section .hp-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .hp-listings {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    /* Features */
    .akammo-features-section {
  padding: 40px 20px;
    }
    
    .akammo-features-grid {
        grid-template-columns: 1fr;
   gap: 30px;
    }
    
    /* Footer */
 .site-footer {
        padding: 40px 15px 15px;
 margin-top: 60px;
    }
    
    .footer-widget-area {
        grid-template-columns: 1fr;
     gap: 30px;
    }
    
    /* Forms */
    .hp-page--listing-submit,
    body.page-template-default .hp-page {
      padding: 20px 15px;
  }
    
  .hp-form--listing-submit,
    .hp-form {
        padding: 20px;
    }
    
    .hp-form button[type="submit"],
 .hp-form .button--primary {
        width: 100%;
      padding: 18px;
    }
    
    /* Archive headers */
    .post-type-archive-hp_listing .page-header,
    .tax-hp_listing_category .page-header {
 padding: 30px 15px;
    }
    
    /* Listing Filters */
    .listing-search-form .filter-row {
        grid-template-columns: 1fr;
gap: 12px;
    }
    
    .filter-submit .search-submit {
        width: 100%;
    }
    
    /* Listings Grid */
 .listings-grid {
        grid-template-columns: 1fr;
    gap: 20px;
    }
    
    /* SEO Content */
    .akammo-seo-content {
     padding: 40px 20px;
    }
    
    .akammo-seo-article h2 {
  font-size: 26px;
    }
  
    .akammo-seo-article h3 {
    font-size: 20px;
    }
    
    .akammo-categories-grid {
 grid-template-columns: 1fr;
        gap: 20px;
    }
    
 .akammo-location-tags {
        padding: 20px;
    }
    
    .akammo-tags {
        text-align: left;
  }
    
    .akammo-regional-filters {
   gap: 8px;
 }
    
.akammo-regional-filters a {
        padding: 8px 15px;
      font-size: 12px;
    }
}

/* ==========================================
   MOBILE (480px and below)
 ========================================== */
@media (max-width: 480px) {
    /* Hero */
    .akammo-hero {
        min-height: 350px;
    }
    
    .akammo-hero-content h1 {
 font-size: 24px;
  }
  
    .akammo-cta-button,
    .btn,
    .agt-button {
      padding: 14px 30px;
font-size: 15px;
    }
    
    /* Section titles */
    .akammo-features-section h2,
    .akammo-listings-section h2,
    .akammo-map-section h2 {
        font-size: 28px;
    }
    
    /* Typography */
    h1 { font-size: 1.875rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }
    
    /* Container padding */
    .container,
    .agt-container {
        padding: 0 15px;
    }
}

/* ==========================================
   DESKTOP LARGE (1400px and above)
   ========================================== */
@media (min-width: 1400px) {
    .container,
    .agt-container,
    .akammo-listings-container,
    .akammo-features-container,
    .akammo-map-container {
        max-width: 1400px;
    }
    
    .akammo-hero-content h1 {
        font-size: 48px;
    }
    
    .akammo-features-grid {
        grid-template-columns: repeat(3, 1fr);
    max-width: 1300px;
    }
}

/* ==========================================
   PRINT STYLES
   ========================================== */
@media print {
    .akammo-hero,
    .akammo-search-section,
    .akammo-map-section,
    .site-header,
    .site-footer {
        display: none;
    }
    
    .akammo-listings-section,
    .akammo-features-section {
        page-break-inside: avoid;
  }
    
    a {
 text-decoration: underline;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
    }
}

/* ==========================================
   REDUCED MOTION
   ========================================== */
@media (prefers-reduced-motion: reduce) {
  * {
      animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
     transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    .akammo-hero {
        background-attachment: scroll;
    }
}

/* ==========================================
   DARK MODE (Optional)
   ========================================== */
@media (prefers-color-scheme: dark) {
 /* Uncomment to add dark mode support */
    /*
    :root {
        --agt-white: #1a1a1a;
    --agt-gunmetal: #e0e0e0;
    }
    */
}