/* =========================================================
   SEARCH ATX — DESKTOP
   - breakpoint: ≥1024px
   - search jako element MENU
   - brak logiki mobile / tablet
========================================================= */

@media (min-width: 1024px) {
	
/* =========================================================
   SEARCH ATX — NIE BLOKUJ MENU (DESKTOP FIX)
========================================================= */
@media (min-width: 1024px) {

	  /* wrapper searcha NIE przechwytuje klików */
	  #search-atx-wrap,
	  #search-host {
		pointer-events: none;
	  }

	  /* realne elementy formularza NADAL klikalne */
	  #search-atx-wrap form,
	  #search-atx-wrap input,
	  #search-atx-wrap select,
	  #search-atx-wrap button {
		pointer-events: auto;
	  }


  body.ui-internal .menu-search,
  body.ui-internal .menu-search > #menu-search-slot {
    height: 40px; /* było optycznie ~52 */
  }

  body.ui-internal .menu-search .search-atx-input input,
  body.ui-internal .menu-search #search-atx-region,
  body.ui-internal .menu-search #search-atx-region select,
  body.ui-internal .menu-search .search-atx-submit,
  body.ui-internal .menu-search .search-atx-map {
    height: 40px;
  }
  /* =====================================================
     HOST — search osadzony w menu
  ===================================================== */

	#search-host {
	  position: static;	
	  background: transparent;
	  border: 0;
	  display: flex;
	  align-items: center;       /* 🔑 pion */
	  justify-content: center;   /* poziom */
	  width: 100%;
	}


	body.ui-internal .search-atx-input {
		position: relative;
		height: 40px;
		border-left: 1px solid #e5e7eb;
	}

	body.ui-internal #search-atx-wrap {
	  width: 100%;
	  padding: 0;
	}

  /* =====================================================
     FORM — UKŁAD DESKTOP (GRID)
     input | region | submit
  ===================================================== */

  body.ui-internal #search-atx-bar {
    display: grid;
    grid-template-columns: 1fr 160px 100px;
    width: 100%;
    height: 100%;
    align-items: stretch;
  }

  /* =====================================================
     LEWA KOLUMNA — INPUT
  ===================================================== */

  .search-atx-row {
    width: 100%;
    min-width: 0; /* 🔑 wymagane przy grid/flex */
  }

  body.ui-internal .search-atx-input {
    display: flex;
    align-items: center;
    width: 100%;
  }

  body.ui-internal .search-atx-input input {
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0 14px;
    font-size: 17px;
  }

  /* =====================================================
     PRAWA KOLUMNA — REGION
  ===================================================== */

  body.ui-internal #search-atx-region {
    display: flex;
	flex: 0 0 220px; 
    align-items: stretch;
    width: 100%;
    height: 42px;
    align-self: stretch;
  }

  body.ui-internal #search-atx-region select {
    width: 100%;
    font-size: 13px;
    color: #6d6d6d;
	padding-bottom: 5px;
  }

  /* lista opcji dropdown */
  #search-atx-region select option {
    color: #111111;         /* 🔑 czytelny tekst */
    background: #ffffff;   /* systemowe tło */
  }  

  body.ui-internal #search-atx-region::after {
    bottom: 7px;
  }

  /* =====================================================
     SUBMIT
  ===================================================== */

  body.ui-internal .search-atx-submit {
    grid-column: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f97316;
    border-radius: 0;
  }

  body.ui-internal .search-atx-submit img {
    width: 28px;
    height: 28px;
  }

  /* =====================================================
     MENU SLOT — search dziedziczy wysokość menu
  ===================================================== */

  .menu-search {
    height: 42px;
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
  }

  .menu-search > #menu-search-slot {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
  }

	body.ui-internal .menu-search .search-atx-map {
	  width: 45px;
	  height: 40px;
	}

	body.ui-internal .menu-search .search-atx-map img {
	  width: 40px;
	  height: 40px;
	}
	
	/* =========================================================
	   PAGE SHOW — SEARCH W MENU (DESKTOP)
	   - show.php
	   - >=1024px
	========================================================= */

	@media (min-width: 1024px) {
	  body.page-show .menu-search,
	  body.page-show #search-atx-wrap {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	  }
	}
	
	
}