/* ==========================================================================
   MOBILE HEADER + OFFCANVAS
   ========================================================================== */

.mobile-icon {
    font-size: 22px;
    color: var(--eb-header-mobile-icon);
    position: relative;
}

.offcanvas-title {
    font-weight: 600;
}

.mobile-menu-item {
    padding: 12px 6px;
    display: flex;
    align-items: center;
    font-size: 16px;
    text-decoration: none;
    color: var(--eb-header-mobile-link);
    transition: 0.2s ease;
}

.mobile-menu-item:hover {
    background: var(--eb-header-mobile-link-hover-bg);
}

/* Phones: the logo and the header search are 44px tap targets. */
@media (max-width: 767.98px) {
  .navbar-brand { display: inline-flex; align-items: center; min-height: 44px; }
  .search-pill input[type="search"], .search-pill input[type="text"] { min-height: 44px; }
}