/* Brand Estonia reaktiivsed stiilid dünaamiliste muutujatega */

@media (max-width: var(--breakpoint-xl)) {
  .est-container {
    max-width: calc(var(--breakpoint-xl) - 3rem);
  }
}

@media (max-width: var(--breakpoint-lg)) {
  .est-container {
    max-width: calc(var(--breakpoint-lg) - 3rem);
  }
  
  .est-navigation {
    height: 4.375rem;
  }
  
  .est-mobile-menu {
    top: 4.375rem;
  }
  
  .est-hero-content {
    max-width: 100%;
  }
  
  .est-experience-badge {
    width: 5rem;
    height: 5rem;
  }
  
  .est-badge-number {
    font-size: var(--text-xl);
  }
  
  .est-badge-text {
    font-size: var(--text-xs);
  }
  
  .est-service-grid {
    grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr));
  }
}

@media (max-width: var(--breakpoint-md)) {
  .est-container {
    max-width: 100%;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }
  
  .est-hero {
    padding-top: 7.5rem;
    padding-bottom: var(--space-8);
  }
  
  .est-section {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }
  
  .est-service-grid {
    grid-template-columns: 1fr;
  }
  
  .est-pricing-cards {
    flex-direction: column;
    align-items: center;
  }
  
  .est-pricing-card, .est-pricing-card-featured {
    max-width: 25rem;
    transform: none;
  }
  
  .est-pricing-card-featured {
    order: -1;
  }
  
  .est-pricing-card:hover, .est-pricing-card-featured:hover {
    transform: translateY(-0.5rem);
  }
  
  .est-contact-grid {
    flex-direction: column;
  }
}

@media (max-width: var(--breakpoint-sm)) {
  .est-container {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }
  
  .est-logo {
    font-size: var(--text-xl);
  }
  
  .est-navigation {
    height: 3.75rem;
  }
  
  .est-mobile-menu {
    top: 3.75rem;
  }
  
  .est-service-item {
    padding: var(--space-4);
  }
  
  .est-quote {
    font-size: var(--text-2xl);
  }
  
  .est-footer {
    padding-top: var(--space-8);
    padding-bottom: var(--space-5);
  }
  
  .est-footer-links {
    flex-direction: column;
    gap: var(--space-3);
  }
  
  .est-footer-info p {
    font-size: var(--text-sm);
  }
}

/* For very small screens */
@media (max-width: 380px) {
  .est-hero {
    padding-top: 6rem;
    padding-bottom: var(--space-6);
  }
  
  .est-section {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
  
  .est-experience-badge {
    width: 4rem;
    height: 4rem;
    right: 1rem;
    bottom: -1rem;
  }
  
  .est-badge-number {
    font-size: var(--text-lg);
  }
  
  .est-badge-text {
    font-size: 0.625rem;
  }
}