/*!
 * Responsive Styles - WPHub Monobrand Theme
 * Additional responsive adjustments and optimizations
 * 
 * @package WPHub_Monobrand
 * @since 1.0.0
 */

/* ===== EXTRA SMALL DEVICES (Portrait phones, less than 576px) ===== */
@media (max-width: 575.98px) {

  .xdTBaJAF {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  /* Typography adjustments */
  .jK023nT5 {
    font-size: var(--font-size-lg);
  }

  /* Header adjustments */
  .ijR916vcFH {
    min-height: 50px;
  }

  .rEWcQLFn .custom-logo {
    max-height: 30px;
  }

  /* Mobile menu adjustments */
  .t8P5myJdUmxH {
    width: 100%;
    max-width: 100vw;
  }

}

/* ===== SMALL DEVICES (Landscape phones, 576px and up) ===== */
@media (min-width: 576px) and (max-width: 767.98px) {

  .xdTBaJAF {
    max-width: 540px;
  }

  .rEWcQLFn .custom-logo {
    max-height: 35px;
  }

}

/* ===== MEDIUM DEVICES (Tablets, 768px and up) ===== */
@media (min-width: 768px) and (max-width: 991.98px) {

  .xdTBaJAF {
    max-width: 720px;
  }

  .jK023nT5 {
    font-size: var(--font-size-2xl);
  }

  /* Show some desktop features on tablets */
  .pHyaW0f4i {
    display: none; /* Still hidden on tablets */
  }

}

/* ===== LARGE DEVICES (Desktops, 992px and up) ===== */
@media (min-width: 992px) and (max-width: 1199.98px) {

  .xdTBaJAF {
    max-width: 960px;
  }

}

/* ===== EXTRA LARGE DEVICES (Large desktops, 1200px and up) ===== */
@media (min-width: 1200px) {

  .xdTBaJAF {
    max-width: 1140px;
  }

}

/* ===== EXTRA EXTRA LARGE DEVICES (Larger desktops, 1400px and up) ===== */
@media (min-width: 1400px) {

  .xdTBaJAF {
    max-width: 1320px;
  }

}

/* ===== PRINT STYLES ===== */
@media print {

  .kEDkh9rZbbw1,
  .hEm2jcG5,
  .u5j2S0DRYw,
  .sidebar {
    display: none !important;
  }

  .xdTBaJAF {
    max-width: none;
  }

  .yi4kkWQJXw {
    position: static !important;
    box-shadow: none !important;
    border-bottom: 2px solid #000 !important;
  }
  
  body {
    font-size: 12pt;
    line-height: 1.6;
    color: #000 !important;
    background: #fff !important;
  }
  
}