/*! azadasearchpro.mobile.css — CLEAN MOBILE + GRID + NATIVE CHIPS + SVG ICONS */
@media (max-width: 991px) {

  /* ========================================================
     1. UKRYWANIE ELEMENTÓW DESKTOPOWYCH
     ======================================================== */
  .azsp-hint,
  .azsp-show-filtered-btn,
  .azsp-mobile-cta,
  .azsp-widget .tvheader-top-search-wrapper button,
  .azsp-widget .hidden-md-down { 
      display: none !important; 
  }

  .azsp-filter-column {
      display: none !important;
  }

  /* ========================================================
     2. NOWE CHIPSY KATEGORII (NATIVE TPL)
     ======================================================== */
  .azsp-mobile-categories-wrapper {
      display: block !important;
      padding: 0 0 15px 0;
      border-bottom: 1px solid #f0f0f0;
      margin-bottom: 15px;
      background: #fff;
  }

  .azsp-mobile-cat-header {
      font-size: 11px;
      text-transform: uppercase;
      color: #999;
      font-weight: 700;
      margin-bottom: 8px;
      padding-left: 5px;
      letter-spacing: 0.5px;
  }

  .azsp-mobile-chips-scroll {
      display: flex;
      overflow-x: auto;
      gap: 8px;
      padding-bottom: 5px; 
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none; 
  }
  .azsp-mobile-chips-scroll::-webkit-scrollbar {
      display: none; 
  }

  /* Styl pojedynczego chipa */
  .azsp-mobile-cat-chip {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      padding: 6px 14px;
      border-radius: 20px;
      background: #f5f5f5;
      color: #333;
      font-size: 13px;
      font-weight: 500;
      text-decoration: none !important;
      border: 1px solid transparent;
      transition: all 0.2s;
      flex-shrink: 0;
  }

  /* --- NOWOŚĆ: Odstęp dla ikony SVG --- */
  .azsp-chip-icon {
      margin-right: 5px;
      display: block; /* Ważne dla SVG */
  }
  /* ------------------------------------ */
  
  .azsp-mobile-cat-chip.active {
      background: #333;
      color: #fff;
  }

  /* ID 45: Strefa Okazji (Pomarańczowy) */
  .azsp-special-chip-45 {
      background-color: #fff4e6;
      color: #ea7404;
      border-color: #ffe0b2;
      font-weight: 700;
  }
  .azsp-special-chip-45.active {
      background-color: #ea7404;
      color: #fff;
  }

  /* ID 180: Krótka Data (Czerwony) */
  .azsp-special-chip-180 {
      background-color: #ffebee;
      color: #d32f2f;
      border-color: #ffcdd2;
      font-weight: 700;
  }
  .azsp-special-chip-180.active {
      background-color: #d32f2f;
      color: #fff;
  }

  /* ========================================================
     3. RESZTA STYLÓW (FORMULARZ, PRODUKTY) - BEZ ZMIAN
     ======================================================== */
  .azsp-top-wrapper { padding: 10px 0 !important; width: 100% !important; }
  .azsp-header-display-wrappper { width: 100% !important; display: block !important; }

  form.azsp-premium-search-form {
      display: block !important; position: relative !important; width: 100% !important;
      height: 44px !important; margin: 0 !important; background: #ffffff !important;
      border: 1px solid #e1e1e1 !important; border-radius: 4px !important;
  }
  .azsp-premium-input-group { width: 100% !important; height: 100% !important; display: block !important; border: none !important; background: transparent !important; }
  
  input.azsp-premium-input {
      width: 100% !important; height: 100% !important; border: none !important; background: transparent !important;
      margin: 0 !important; padding: 0 50px 0 15px !important; font-size: 14px !important; color: #333 !important; outline: none !important;
  }
  
  button.azsp-premium-search-btn {
      position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important;
      width: 50px !important; background: transparent !important; border: none !important;
      display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important;
  }
  button.azsp-premium-search-btn svg { width: 22px !important; height: 22px !important; }
  button.azsp-premium-search-btn svg path { stroke: #ea7404 !important; }

  .azsp-result {
      width: 100vw !important; left: 0 !important; right: 0 !important; margin-left: -15px !important;
      position: absolute !important; top: 100% !important; z-index: 99999 !important; background: #fff;
  }
  .azadasearchpro-dropdown {
      width: 100% !important; border-radius: 0 0 4px 4px !important; border: 1px solid #eee !important;
      box-shadow: 0 10px 30px rgba(0,0,0,0.15); position: relative !important;
  }
  .azsp-products-column { width: 100% !important; padding: 10px !important; background: #fff; }

  .azsp-all-dropdown-wrapper {
      display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding: 0 !important;
      max-height: 65vh !important; 
      overflow-y: auto !important; align-content: flex-start !important;
  }

  .azsp-dropdown-wrapper {
      width: calc(50% - 5px) !important; margin: 0 !important; border: 1px solid #f5f5f5 !important;
      border-radius: 6px; display: flex; flex-direction: column; background: #fff; position: relative; height: auto !important;
  }
  .azsp-dropdown-wrapper a {
      display: flex !important; flex-direction: column !important; align-items: center !important;
      padding: 10px !important; text-align: center; text-decoration: none !important; width: 100%; height: auto !important;
  }
  .azsp-dropdown-img-block {
      width: 100% !important; height: 120px !important; margin: 0 0 8px 0 !important;
      display: flex; align-items: center; justify-content: center;
  }
  .azsp-dropdown-img-block img { max-width: 100%; max-height: 100%; object-fit: contain; }
  
  .azsp-dropdown-title {
      font-size: 12px !important; line-height: 1.3 !important; height: 32px !important;
      overflow: hidden; margin-bottom: 5px !important; font-weight: 500 !important; color: #333 !important;
      text-align: center !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  }
  .azsp-result .product-price-and-shipping { display: flex; flex-direction: column; align-items: center !important; margin-top: auto; width: 100%; }
  .azsp-dropdown-price .price { font-size: 14px !important; font-weight: 700 !important; color: #222 !important; }
  .azsp-dropdown-price .regular-price { font-size: 11px !important; }

  .azsp-badge-custom { font-size: 9px !important; padding: 2px 5px !important; top: 5px !important; left: 5px !important; border-radius: 3px; position: absolute; color: #fff; }
  .azsp-badge-sale { background-color: #ea7404; }
  .azsp-badge-shortdate { background-color: #d32f2f; }

  .azsp-dropdown-close-wrapper {
      display: flex !important; position: absolute !important; top: 5px !important; right: 5px !important;
      width: 28px !important; height: 28px !important; align-items: center; justify-content: center;
      background: #fff !important; color: #555 !important; border: 1px solid #eee !important;
      border-radius: 4px; z-index: 100005 !important; cursor: pointer;
  }
}