/* Desktop Font Consistency - De Rekenmakkers */
/* This file ensures consistent font sizes across all desktop sections */

/* Desktop-only styles (769px and above) */
@media (min-width: 769px) {
  
  /* === HERO SECTION === */
  .hero-text h2 {
    font-size: 28px !important; /* Reduced from 32px for consistency */
    line-height: 1.3;
  }
  
  .hero-text p {
    font-size: 16px !important; /* Reduced from 18px */
    line-height: 1.6;
  }
  
  /* === SERVICES SECTION === */
  #services h2,
  #services .text-4xl {
    font-size: 26px !important; /* Reduced from 28px */
    line-height: 1.3;
  }
  
  #services .text-xl {
    font-size: 16px !important; /* Reduced from 18px */
    line-height: 1.5;
  }
  
  /* Services Carousel Cards */
  .services-carousel .card-title {
    font-size: 17px !important; /* Slightly reduced from 18px */
    line-height: 1.4;
  }
  
  .services-carousel .card-description {
    font-size: 14px !important; /* Consistent with mobile */
    line-height: 1.5;
  }
  
  .services-carousel .feature-list li {
    font-size: 13px !important; /* Slightly smaller for better fit */
  }
  
  /* === ABOUT SECTION (Over Ons) === */
  .about-title {
    font-size: 32px !important; /* Significantly reduced from 40px (2.5rem) */
    line-height: 1.2;
  }
  
  .about-subtitle {
    font-size: 17px !important; /* Reduced from 20px (1.25rem) */
    line-height: 1.5;
  }
  
  .about-heading {
    font-size: 20px !important; /* Reduced from 24px (1.5rem) */
    line-height: 1.3;
  }
  
  .about-box p {
    font-size: 15px !important; /* Reduced from default paragraph size */
    line-height: 1.6;
  }
  
  /* Mission text specifically */
  .mission-text {
    font-size: 14px !important;
    line-height: 1.6;
  }
  
  /* Team card text */
  .team-name {
    font-size: 15px !important; /* Reduced from 16px */
  }
  
  .team-role {
    font-size: 13px !important; /* Reduced from 14px */
  }
  
  /* === TEAM IMAGES SCALING === */
  /* Scale team images proportionally with reduced text */
  .team-img {
    height: 20rem !important; /* Reduced from 25rem (-20% to match text reduction) */
    width: 100%;
    object-fit: cover;
    object-position: top center;
  }
  
  /* Adjust team card overall sizing */
  .team-card {
    transform: scale(0.9); /* Slightly smaller overall */
    transform-origin: center;
    transition: all 0.7s ease;
  }
  
  .team-card:hover {
    transform: scale(0.92) translateY(-4px); /* Maintain hover effect with new scale */
  }
  
  /* Adjust team info positioning for smaller images */
  .team-info {
    padding: 1rem !important; /* Reduced padding to match smaller image */
  }
  
  /* === TESTIMONIALS SECTION === */
  #testimonials h2 {
    font-size: 26px !important; /* Consistent with services */
    line-height: 1.3;
  }
  
  .review blockquote {
    font-size: 15px !important; /* Reduced for consistency */
    line-height: 1.6;
  }
  
  .review p {
    font-size: 13px !important; /* Attribution text */
  }
  
  /* === FOOTER SECTION === */
  .footer .company-name {
    font-size: 18px !important; /* Reduced from 20px */
  }
  
  .footer .description {
    font-size: 14px !important;
    line-height: 1.5;
  }
  
  .footer .section-title {
    font-size: 16px !important; /* Reduced from 18px */
  }
  
  .footer .link-list a {
    font-size: 14px !important;
  }
  
  .footer .contact-item span {
    font-size: 14px !important;
  }
  
  .footer .copyright {
    font-size: 13px !important;
  }
  
  .footer .bottom-links a {
    font-size: 13px !important;
  }
  
  /* === GENERAL BUTTON CONSISTENCY === */
  .btn {
    font-size: 16px !important; /* Consistent button size */
    padding: 12px 28px !important;
  }
  
  /* === CONTACT POPUP === */
  .contact-popup-header h3 {
    font-size: 18px !important;
  }
  
  .contact-label {
    font-size: 13px !important;
  }
  
  .contact-link,
  .contact-text {
    font-size: 16px !important;
  }
  
  /* === NAVIGATION === */
  .desktop-nav a {
    font-size: 15px !important; /* Slightly reduced navigation */
  }
  
  /* === UTILITY CLASSES === */
  .text-sm {
    font-size: 14px !important;
  }
  
  .text-lg {
    font-size: 17px !important;
  }
  
  .text-xl {
    font-size: 18px !important;
  }
  
  /* === ABOUT SECTION SPECIFIC SPACING === */
  .about-section {
    padding: 4rem 0 !important; /* Reduced from 5rem for less height */
  }
  
  .about-content {
    gap: 3rem !important; /* Reduced from 4rem */
    align-items: stretch !important; /* Make both columns equal height */
  }
  
  .about-box {
    padding: 3rem !important; /* Increased from 2rem for better text readability */
    height: fit-content !important; /* Let content determine height */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* Distribute content evenly */
    line-height: 1.8 !important; /* Improved line spacing for readability */
  }
  
  .about-header {
    margin-bottom: 3rem !important; /* Reduced from 4rem */
  }
  
  /* === ABOUT SECTION ALIGNMENT === */
  /* Make the text column align with the combined height of both team images */
  @media (min-width: 1024px) {
    .about-content {
      align-items: start !important; /* Start alignment for proper positioning */
    }
    
    .about-text {
      position: relative;
    }
    
    .about-box {
      min-height: calc(41rem + 3rem) !important; /* Height of two scaled images + gap between them */
      /* 20rem (first image) + 1.5rem (gap) + 20rem (second image) = 41.5rem approx */
      justify-content: flex-start !important;
      padding-top: 2rem !important;
      padding-bottom: 2rem !important;
    }
    
    .about-team {
      gap: 1.5rem !important; /* Consistent gap between team cards */
    }
  }
  
  /* === SERVICES SECTION SPACING === */
  #services {
    padding: 60px 0 !important; /* Reduced from 80px */
  }
  
  .mb-16 {
    margin-bottom: 48px !important; /* Reduced from 64px */
  }
}

/* Extra large desktop (1200px+) - slightly larger fonts for big screens */
@media (min-width: 1200px) {
  .hero-text h2 {
    font-size: 30px !important;
  }
  
  .about-title {
    font-size: 34px !important;
  }
  
  #services h2,
  #services .text-4xl {
    font-size: 28px !important;
  }
  
  /* === DESKTOP MOBILE TOGGLE HIDE === */
  .mobile-toggle-btn,
  .mobile-story-container .story-preview,
  .expand-story-link,
  .collapse-story-link {
    display: none !important;
  }
  
  .about-collapsible-content,
  .about-full-content {
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
  }
  
  /* Show full content on desktop */
  .mobile-story-container .about-full-content {
    display: block !important;
  }
}