/* 
 * Portrait Orientation Styles
 * For tablets and mobile devices in portrait mode
 */

/* Hide small image by default */
.global-banner-section.single-team .team-image .team-image-small {
  display: none;
}

@media (orientation: portrait) {
  /* Add portrait-specific styles here */
}

@media (orientation: portrait) and (max-width: 767px) {
  /* Mobile portrait */
}

@media (orientation: portrait) and (min-width: 768px) and (max-width: 899px) {
  /* Tablet portrait (iPad Mini 768px, iPad 820px, iPad Pro 1024px) */
  
  .global-banner-section {
    min-height: 70vh;
    max-height: 70vh;
  }

  .global-banner-section.single-team {
    min-height: 100vh;
  }

  .global-banner-section .main-content {
    text-align: center;
    margin: 0 auto;
  }

  .global-banner-section.careers-banner {
    padding: 0;
  }

  .global-banner-section.careers-banner.main-banner {
    background-position: center;
  }

  .insight-card .insight-image img {
    height: 150px;
  }

  /* Services page banner - iPad Portrait specific image (exclude insights and team pages) */
  .services-banner:not(.global-section):not(.team) {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url('https://knoetzl.com/wp-content/uploads/2026/03/TREATEDMARBLE-ipad.jpg') !important;
    background-position: center;
    background-size: cover;
  }

  /* About page banner - iPad Portrait specific image */
  .main-banner-section.about-page {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 100%), url('https://knoetzl.com/wp-content/uploads/2026/03/about-banner-min.png') !important;
    background-position: center;
    background-size: cover;
  }

  /* Use small image for single team pages */
  .global-banner-section.single-team .team-image .team-image-full {
    display: none;
  }
  .global-banner-section.single-team .team-image .team-image-small {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}