/**
 * Header/Search/Cart Visual Fixes - v2
 * Fixes: Sharp logo, dropdown positioning, compact no-results, cart caret
 */

/* ============================================
   FIX 1: Logo - Sharp 60px, No Filters
   ============================================ */

.stitch-logo {
  display: flex;
  align-items: center;
}

.stitch-logo-img {
  height: 60px !important;
  width: auto !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  image-rendering: auto;
}

.stitch-logo-img:hover {
  opacity: 1 !important;
}

@media (max-width: 767px) {
  .stitch-logo-img {
    height: 44px !important;
  }
}

/* ============================================
   FIX 2: Search Dropdown - Directly Under Pill
   ============================================ */

/* Ensure search wrapper has relative positioning */
.stitch-search {
  position: relative !important;
}

.lula-search-wrapper {
  position: relative !important;
}

/* Dropdown positioned directly under search pill, same width */
.lula-search-dropdown,
.lula-autocomplete-dropdown {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: 9999 !important;
  transform: none !important;
  background: #FFFFFF;
  border: 1px solid rgba(107, 102, 97, 0.15);
  border-radius: 14px;
  box-shadow:
    0 4px 12px rgba(76, 99, 88, 0.08),
    0 2px 4px rgba(76, 99, 88, 0.04);
  max-height: 420px;
  overflow: hidden;
}

/* Mobile dropdown - aligns to pill which has padding */
@media (max-width: 768px) {
  .lula-search-dropdown,
  .lula-autocomplete-dropdown {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

/* ============================================
   FIX 3: No-Results Box - Compact (max 150px)
   ============================================ */

.lula-search-no-results {
  padding: 24px 20px !important;
  gap: 6px !important;
  min-height: auto !important;
  max-height: 150px !important;
}

.lula-search-no-results svg {
  width: 32px !important;
  height: 32px !important;
  margin-bottom: 2px !important;
}

.lula-search-no-results p {
  font-size: 14px !important;
  margin: 0 !important;
}

.lula-search-hint {
  font-size: 12px !important;
}

@media (max-width: 768px) {
  .lula-search-no-results {
    padding: 24px 20px !important;
    max-height: 150px !important;
  }

  .lula-search-no-results svg {
    width: 32px !important;
    height: 32px !important;
  }

  .lula-search-no-results p {
    font-size: 14px !important;
  }
}

/* ============================================
   FIX 4: Cart Icon - Remove Bootstrap Caret
   ============================================ */

#cart .dropdown-toggle::after,
.stitch-cart.dropdown-toggle::after,
.stitch-icon-link.dropdown-toggle::after,
.stitch-actions .dropdown-toggle::after,
.stitch-lang-toggle::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

.stitch-cart-badge:empty,
.stitch-cart-count:empty,
.badge:empty {
  display: none !important;
}

.stitch-cart::before,
.stitch-cart::after,
.stitch-icon-link::before,
.stitch-icon-link::after {
  display: none !important;
  content: none !important;
}