/* =========================================================
   PODKATEGORIE – Motorky / Auta / Ostatní (produkty)
   FINAL: izolované (neovlivňuje galerie.css ani jiné kategorie)
   + Breadcrumbs stejně jako galerie (glass + domeček)
   + Odstranění šipky z a::after (Shoptet) jen na desktopu
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni){
  --kp-gap: 26px;
  --kp-card-bg: #0d0d0cd1;
  --kp-card-bd: rgba(255,255,255,.12);
  --kp-card-bd-hover: rgba(255,255,255,.22);
  --kp-text: rgba(255,255,255,.92);
  --kp-muted: rgba(255,255,255,.55);

  --kp-bc-bg: #0d0d0cd1;
  --kp-bc-bd: rgba(255,255,255,.10);
  --kp-bc-radius: 0;
  --kp-bc-blur: 6px;
}

/* =========================================================
   1) GRID – produkty (jako máš)
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni) #content .products{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--kp-gap);
  margin: 22px 0 10px !important;
  padding: 0 !important;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #content .products > *{
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  list-style: none !important;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #content .products .p{
  position: relative;
  overflow: hidden;
  border-radius: 0;

  background: var(--kp-card-bg);
  border: 1px solid var(--kp-card-bd);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  padding: 16px !important;
  box-sizing: border-box;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #content .products .p:hover{
  transform: translateY(-2px);
  border-color: var(--kp-card-bd-hover);
  background: rgba(0,0,0,.45);
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #content .products .p .p-image{
  width: 100% !important;
  margin: 0 0 12px !important;
  border-radius: 0;
  overflow: hidden;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #content .products .p .p-image img{
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  display: block;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #content .products .p .p-name,
:is(body.in-motorky, body.in-auta, body.in-ostatni) #content .products .p .p-name a{
  color: var(--kp-text) !important;
  text-decoration: none !important;
  font-weight: 800;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #content .products .p :is(.p-desc, .p-description){
  display: none !important;
}

/* =========================================================
   SUBCATEGORIES (Motorky/Auta/Ostatní) – breadcrumbs jako GALERIE
   - pruh: glass + blur
   - zarovnání: stejné jako galerie (max-width 1200 + auto)
   - domeček: SVG maska (stejné jako galerie)
   - odstranit šipku z a::after, ale NIKDY nesahat na home
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni) .breadcrumbs,
:is(body.in-motorky, body.in-auta, body.in-ostatni) .breadcrumbs *{
  color: rgba(255,255,255,.78) !important;
}

/* pruh (kopie galerie) */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .breadcrumbs{
  display: flex !important;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;

  margin: 10px 0 14px !important;
  padding: 10px 12px !important;

  font-size: 18px !important;  /* u tebe v galerii je zvětšené */
  line-height: 1.2;

  color: rgba(255,255,255,.85) !important;
  background: #0d0d0cd1;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 0;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* zarovnání pruhu do stejné šířky jako obsah/menu (kopie galerie) */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .breadcrumbs{
  max-width: 1378px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) .breadcrumbs a{
  color: rgba(255,255,255,.90) !important;
  text-decoration: none !important;
}
:is(body.in-motorky, body.in-auta, body.in-ostatni) .breadcrumbs a:hover{
  text-decoration: underline !important;
}
:is(body.in-motorky, body.in-auta, body.in-ostatni) .breadcrumbs .navigation-bullet{
  opacity: .55;
}

/* =========================================================
   DOMEČEK – 1:1 jako galerie (SVG maska)
   ========================================================= */

/* vypnout původní "home" ikonu ze šablony (kopie galerie) */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .navigation-home-icon-wrapper::before,
:is(body.in-motorky, body.in-auta, body.in-ostatni) #navigation-first::before,
:is(body.in-motorky, body.in-auta, body.in-ostatni) #navigation-first > a.navigation-home-icon::before{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* klikací plocha + zrušení šablonových ikon */
:is(body.in-motorky, body.in-auta, body.in-ostatni) a.navigation-home-icon{
  padding-left: 0 !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0;
  background-image: none !important;
}

/* samotná ikonka */
:is(body.in-motorky, body.in-auta, body.in-ostatni) a.navigation-home-icon::after{
  content: "" !important;
  width: 26px;
  height: 26px;
  background: rgba(255,255,255,.92);

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 2.5 11h2v9.5h6.5V14h2v6.5H19.5V11h2L12 3.2z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 2.5 11h2v9.5h6.5V14h2v6.5H19.5V11h2L12 3.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) a.navigation-home-icon:hover{
  background: rgba(255,255,255,.12);
}

/* =========================================================
   ODSTRANIT ŠIPKU (Shoptet a::after), ale NIKDY ne home
   U tebe je šipka na: .breadcrumbs > span > a::after
   ========================================================= */
@media (min-width: 992px){
  :is(body.in-motorky, body.in-auta, body.in-ostatni)
  .breadcrumbs > span > a:not(.navigation-home-icon)::after{
    content: "" !important;
    display: none !important;
  }
}

/* mobil jako galerie */
@media (max-width: 980px){
  :is(body.in-motorky, body.in-auta, body.in-ostatni) .breadcrumbs{
    font-size: 16px !important;
    padding: 12px 12px !important;
    margin: 10px 0 12px !important;
  }
}

/* =========================================================
   BREADCRUMBS – lomítko mezi položkami (všechny device)
   Galerie reprodukcí / Motorky
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni)
.breadcrumbs > span[itemprop="itemListElement"] + span[itemprop="itemListElement"]::before{
  content: "/" !important;
  display: inline-block;

  margin: 0 12px;
  color: rgba(255,255,255,.6);
  font-weight: 400;
}


/* =========================================================
   FIX 992px+ – oddělovače "/" se nesmí chovat jako samostatné flex položky
   Řešení: schovat .navigation-bullet a generovat "/" přes ::before
   Platí jen Motorky/Auta/Ostatní
   ========================================================= */

/* 1) schovat původní "/" spany (jsou zdroj rozpadů) */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
.breadcrumbs .navigation-bullet{
  display: none !important;
}

/* 2) generovat "/" před každou položkou kromě první (domečku) */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
.breadcrumbs > span[itemprop="itemListElement"]:not(#navigation-first)::before{
  content: "/" !important;
  display: inline-block;
  margin: 0 12px 0 10px;
  color: rgba(255,255,255,.6) !important;
}

/* 3) desktop breakpoint Shoptetu (992px+) – přebít jejich úpravy */
@media (min-width: 992px){
  :is(body.in-motorky, body.in-auta, body.in-ostatni)
  .breadcrumbs{
    font-size: 18px !important;   /* aby se to nezmenšovalo na desktopu */
    line-height: 1.2 !important;
  }

  /* Shoptet dává na desktopu align-self na span; sjednotíme */
  :is(body.in-motorky, body.in-auta, body.in-ostatni)
  .breadcrumbs > span{
    align-self: center !important;
    display: inline-flex;
    align-items: center;
  }

  /* odstranit šipku (→) jen u “normálních” odkazů, ne u domečku */
  :is(body.in-motorky, body.in-auta, body.in-ostatni)
  .breadcrumbs > span > a:not(.navigation-home-icon)::after{
    content: "" !important;
    display: none !important;
  }
}


/* =========================================================
   BREADCRUMBS – 3. úroveň (aktuální stránka – Motorky)
   Styl jako nadpis / "kde jsem"
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni)
#navigation-2{
  font-weight: 800 !important;
  font-size: 1.18em !important;
  letter-spacing: .2px;
}

/* text samotný */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#navigation-2 span[itemprop="name"]{
  font-weight: 800 !important;
  color: #ffffff !important;
}

/* jemné odsazení od lomítka */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#navigation-2{
  margin-left: 2px;
}


/* =========================================================
   KATEGORIE – odstranit duplicitní H1 title
   (nadpis řeší breadcrumbs – 3. úroveň)
   Jen Motorky / Auta / Ostatní
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni)
h1.category-title{
  display: none !important;
}



/* =========================================================
   SUBCATEGORIES – ŘAZENÍ: ponechat jen Abecedně + Nejprodávanější
   SCHOVAT: Nejlevnější + Nejdražší
   (bulletproof: schováváme rodičovské <li>)
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header .listSorting__controls > li:has(> button#listSortingControl-price),
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header .listSorting__controls > li:has(> button#listSortingControl--price),
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header .listSorting__controls > li:has(> button#listSortingControl-priceDesc),
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header .listSorting__controls > li:has(> button#listSortingControl--priceDesc),
/* fallback přes URL (kdyby se změnila ID) */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header .listSorting__controls > li:has(> button.listSorting__control[data-url*="order=price"]),
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header .listSorting__controls > li:has(> button.listSorting__control[data-url*="order=priceDesc"]){
  display: none !important;
}

/* srovnat rozestupy po skrytí */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header .listSorting__controls{
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}















/* =========================================================
   SUBCATEGORIES – řazení VZHLED (Abecedně / Nejprodávanější)
   Glass styl: zakulacení, podbarvení, border, hover, active
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header .listSorting__controls{
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  align-items: center !important;

  /* trochu odsazení pod breadcrumbs */
  margin: 6px 0 14px !important;
}

/* tlačítko */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header button.listSorting__control{
  appearance: none;
  -webkit-appearance: none;

  padding: 10px 14px !important;
  border-radius: 0 !important;

  background: #0d0d0cd1 !important;
  border: 1px solid rgba(255,255,255,.14) !important;

  color: rgba(255,255,255,.90) !important;
  font-weight: 700;
  font-size: 14px !important;
  line-height: 1;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

/* hover */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header button.listSorting__control:hover{
  background: rgba(0,0,0,.42) !important;
  border-color: rgba(255,255,255,.22) !important;
  transform: translateY(-1px);
}

/* aktivní (aktuální řazení) – Shoptet často dává aria-disabled="true" */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header button.listSorting__control[aria-disabled="true"],
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header button.listSorting__control.is-active{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.28) !important;
  color: #ffffff !important;
}

/* malý “focus ring” pro klávesnici */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#category-header button.listSorting__control:focus-visible{
  outline: 2px solid rgba(255,255,255,.35);
  outline-offset: 2px;
}







/*===================================================================================================================================================
PRODUKT
=====================================================================================================================================================*/

/* =========================================================
   KP – SUBCATEGORIES: PRODUCTS (Motorky / Auta / Ostatní)
   Jen produktová část: název nad obrázek, 1 řádek, kompaktní rozestupy
   Bez zásahu do řazení / breadcrumbs
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block{
  /* nic globálního, jen případné jemné odsazení listu */
}

/* ---------- KARTA (blok .p uvnitř .product) ---------- */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .product > .p{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;               /* kompaktní mezery */
}

/* Pořadí prvků uvnitř karty: název -> obrázek -> cena -> popis */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .product > .p > .p-in{
  order: 1 !important;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .product > .p > a.image{
  order: 2 !important;
  margin-top: 2px !important;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .product > .p > .p-bottom{
  order: 3 !important;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .product > .p > .p-desc{
  order: 4 !important;
}

/* ---------- NÁZEV (a.name) ---------- */
/* Obal názvu vycentrujeme */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .p .p-in-in{
  display: flex !important;
  justify-content: center !important;
}

/* Název: 1 řádek, větší, ellipsis, pevná výška */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .p .p-in-in a.name{
  display: block !important;
  max-width: 86% !important;
  margin: 0 auto 4px !important;
  padding: 0 !important;

  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  height: 1.2em !important;          /* zamkne na 1 řádek */

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  text-align: center !important;
  color: rgba(255,255,255,.92) !important;
}

/* ---------- CENA + odstranění zbytečné “díry” ---------- */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .p .p-bottom{
  margin: 0 !important;
  padding: 0 !important;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .p .prices{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* prázdný p-tools pryč (u tebe dělá výšku navíc) */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .p .p-tools{
  display: none !important;
}

/* ---------- volitelné: lehce zkompaktit popis, pokud ho chceš ---------- */
:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block .p .p-desc{
  margin-top: 2px !important;
  line-height: 1.35;
}




/* =========================================================
   KP – PRODUCT PRICE (barva, kontrast)
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni)
#content #products.products.products-block
.price.price-final{
  color: #ffffff !important;
  font-weight: 700 !important;
  opacity: .95;
}



/* =========================================================
   KP – PRODUCTS: menší mezery mezi kartami (tablet + mobil)
   ========================================================= */

/* Tablet */
@media (max-width: 991px){
  :is(body.in-motorky, body.in-auta, body.in-ostatni)
  #content #products.products.products-block{
    gap: 16px !important; /* původně větší */
  }
}

/* Mobil */
@media (max-width: 575px){
  :is(body.in-motorky, body.in-auta, body.in-ostatni)
  #content #products.products.products-block{
    gap: 12px !important;
  }
}

/* =========================================================
   KP – PRODUCTS: mobil = 1 sloupec (produkty pod sebe)
   ========================================================= */

@media (max-width: 575px){
  /* pokud je #products GRID */
  :is(body.in-motorky, body.in-auta, body.in-ostatni)
  #content #products.products.products-block{
    grid-template-columns: 1fr !important;
  }

  /* pokud jsou položky flex (některé šablony) */
  :is(body.in-motorky, body.in-auta, body.in-ostatni)
  #content #products.products.products-block{
    display: grid !important;          /* zabetonujeme 1 sloupec */
    gap: 12px !important;
  }

  :is(body.in-motorky, body.in-auta, body.in-ostatni)
  #content #products.products.products-block .product{
    width: 100% !important;
    max-width: 100% !important;
  }
}



/* =========================================================
   SUBCATEGORIES – stránkování a ovládací prvky výpisu
   ========================================================= */

/* Kontejner ovládacích prvků */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .listingControls{
  max-width: 1378px;
  margin: 24px auto 16px;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

/* Tlačítko "Načíst dalších" */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .loadMore__button{
  background: var(--kp-card-bg) !important;
  border: 1px solid var(--kp-card-bd) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: var(--kp-text) !important;
  padding: 12px 28px !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .2px;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) .loadMore__button:hover{
  border-color: var(--kp-card-bd-hover) !important;
  background: rgba(255,255,255,.08) !important;
}

/* Stránkování – navigace */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .pagination{
  display: flex;
  align-items: center;
  justify-content: center;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) .pagination__list{
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Aktuální stránka */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .pagination__currentPage{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  color: rgba(255,255,255,.95) !important;
  font-weight: 700;
  font-size: 15px;
}

/* Odkaz na stránku (přebít .btn.btn-secondary) */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .pagination__link{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px !important;
  background: var(--kp-card-bg) !important;
  border: 1px solid var(--kp-card-bd) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: rgba(255,255,255,.82) !important;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
  transition: border-color .18s ease, background .18s ease;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) .pagination__link:hover{
  border-color: var(--kp-card-bd-hover) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.95) !important;
}

/* Šipka "další" */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .pagination__link--next{
  font-size: 0 !important;
  min-width: 40px;
  position: relative;
}

/* Šipka jako pseudoelement (chevron doprava) */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .pagination__link--next::after{
  content: "" !important;
  display: block !important;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(255,255,255,.82);
  border-bottom: 2px solid rgba(255,255,255,.82);
  transform: rotate(-45deg);
  margin-left: -3px;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) .pagination__link--last{
  font-weight: 500;
}

/* Celkový počet položek */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .itemsTotal{
  color: var(--kp-muted);
  font-size: 14px;
  text-align: center;
  width: 100%;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) .itemsTotal strong{
  color: rgba(255,255,255,.82);
  font-weight: 600;
}

/* Tlačítko "Nahoru" */
:is(body.in-motorky, body.in-auta, body.in-ostatni) .goToTop__button{
  background: var(--kp-card-bg) !important;
  border: 1px solid var(--kp-card-bd) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: rgba(255,255,255,.82) !important;
  padding: 10px 22px !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition: border-color .18s ease, background .18s ease;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) .goToTop__button:hover{
  border-color: var(--kp-card-bd-hover) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.95) !important;
}


/* =========================================================
   DIALOG (modal login z headeru) – popup na subkategoriích
   Kopie globálních stylů z kolja-login.css
   ========================================================= */

:is(body.in-motorky, body.in-auta, body.in-ostatni) #login.dialog{
  background: rgba(17,17,17,.95);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .dialog__wrapper{
  max-width: 480px;
  margin: 0 auto;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .dialog__content{
  color: rgba(255,255,255,.95);
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .dialog__heading{
  color: #fff;
}

/* Formulářové prvky */
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login input[type="email"],
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login input[type="password"],
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login input[type="text"],
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .form-control{
  background: rgba(0,0,0,.3) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  transition: border-color .2s ease, background .2s ease;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #login input:focus,
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .form-control:focus{
  background: rgba(0,0,0,.4) !important;
  border-color: rgba(255,255,255,.45) !important;
  outline: none !important;
  box-shadow: none !important;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #login input::placeholder{
  color: rgba(255,255,255,.4) !important;
}

/* Tlačítko Přihlásit se */
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .btn-login,
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .btn-secondary{
  border: 0 !important;
  background: #60b800 !important;
  color: #000 !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  cursor: pointer;
  transition: all .2s ease;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .btn-login:hover,
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .btn-secondary:hover{
  background: #3c7300 !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.3);
}

/* Odkazy – Nová registrace, Zapomenuté heslo */
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .password-helper a{
  color: rgba(255,255,255,.7) !important;
  text-decoration: none;
  transition: color .2s ease;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .password-helper a:hover{
  color: #fff !important;
  text-decoration: underline;
}

/* Tlačítko Zpět do obchodu */
:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .dialog__close .btn{
  color: rgba(255,255,255,.7) !important;
  background: transparent !important;
  border: none !important;
  transition: color .2s ease;
}

:is(body.in-motorky, body.in-auta, body.in-ostatni) #login .dialog__close .btn:hover{
  color: #fff !important;
}


/* Mobilní úpravy stránkování */
@media (max-width: 620px){
  :is(body.in-motorky, body.in-auta, body.in-ostatni) .listingControls{
    padding: 0 16px;
    gap: 12px;
  }

  :is(body.in-motorky, body.in-auta, body.in-ostatni) .loadMore__button{
    width: 100%;
    text-align: center;
  }
}