/* =========================================================
   Zaoblení 12 px jako HP bannery (Asana 3/3)
   Soubor: /user/documents/yanabel/zaobleni.css?v=1
   Šablona: Classic (template-11), všechny 4 země.

   CO ZAOBLUJE:
     - modrá lišta kategorií (#navigation)
     - vyplněná tlačítka .btn (Do košíku, Přidat do košíku,
       Pokračovat, Načíst další, stránkování, Nahoru ...)
     - tlačítko v lepicí liště na detailu (sticky-bar.css)
     - pole s počtem kusů vedle CTA na detailu
     - vyhledávání a slevový kód v košíku: pole + tlačítko
       jako jeden celek (zaoblené jen vnější rohy)

   CO NE:
     - malá tlačítka +/− u počtu kusů (18–23 px, 12 px by
       z nich udělalo kolečko)
     - ikonová tlačítka (.btn-icon), řazení ve výpisu (záložky)
     - cookie lišta (doplněk třetí strany, má vlastních 5 px)

   PILULKA: pilulka vzniká, když je radius >= polovina výšky.
   Nejnižší zaoblené tlačítko má 36 px, takže 12 px je třetina
   výšky. Malá tlačítka (.btn-sm) dostávají 8 px.

   Tlačítka mají v šabloně transition 0.3s, zaoblení se proto
   po načtení krátce „dotočí“ – to je v pořádku.
   ========================================================= */

:root {
  --br-radius: 12px;
}

/* --- Horní menu (modrá lišta) ---
   Jen desktop: na mobilu je #navigation vysouvací panel přes
   celou výšku displeje, tam zaoblení nedává smysl. */
@media (min-width: 768px) {
  #navigation,
  #navigation .navigation-in {
    border-radius: var(--br-radius);
  }
}

/* --- Tlačítka na celém webu --- */
.btn:not(.btn-icon):not(.btn-plain) {
  border-radius: var(--br-radius) !important;
}

.btn.btn-sm:not(.btn-icon):not(.btn-plain) {
  border-radius: 8px !important;
}

.sticky-buy-bar__btn {
  border-radius: var(--br-radius) !important;
}

/* Doplněk Upsell: malá tlačítka „Přidat“ v košíku (32 px) */
.up-product-add-to-cart a {
  border-radius: 8px !important;
}

/* --- Detail: počet kusů + „Přidat do košíku“ jako jeden celek ---
   Zaoblené jen vnější rohy: vlevo pole s počtem kusů, vpravo
   zelené tlačítko. Styk uprostřed zůstává rovný (nativní). */
.p-detail .add-to-cart .quantity {
  border-radius: var(--br-radius) 0 0 var(--br-radius);
  overflow: hidden;
}

.p-detail .add-to-cart .quantity + .btn:not(.btn-icon):not(.btn-plain) {
  border-radius: 0 var(--br-radius) var(--br-radius) 0 !important;
}

/* --- Pole + tlačítko jako celek (vyhledávání, slevový kód) ---
   Musí být za obecným pravidlem a mít vyšší specificitu,
   jinak by tlačítko dostalo zaoblení i na straně u pole. */
.search-form .search-input,
.discount-coupon input.form-control {
  border-radius: var(--br-radius) 0 0 var(--br-radius) !important;
}

.search-form .btn:not(.btn-icon):not(.btn-plain),
.discount-coupon .btn:not(.btn-icon):not(.btn-plain) {
  border-radius: 0 var(--br-radius) var(--br-radius) 0 !important;
}