/* =========================================================
   KOMIKSAN STEP 03
   Desktop košík: bez červeného podbarvení + žlutý text/ikona
   Soubor: komiksan-step03-desktop-cart-yellow-no-bg.css
   FTP: /upload/komiksan-step03-desktop-cart-yellow-no-bg.css
   WEB: /user/documents/upload/komiksan-step03-desktop-cart-yellow-no-bg.css

   Pozn.: Platí pouze pro desktop/tablet od 768px.
   Mobilní košík necháváme beze změny.
   ========================================================= */

@media (min-width: 768px) {
  :root {
    --ks-step03-yellow: #FFD600;
  }

  /* Odstranit červené pozadí / rámeček jen u košíku v desktop headeru */
  #header .cart-widget,
  #header .cart-widget-button,
  #header .cart-button,
  #header .cart,
  #header .cart-wrapper,
  #header .cart-count,
  #header .navigation-buttons .cart-count,
  #header .navigation-buttons a[href*="cart"],
  #header .navigation-buttons a[href*="kosik"],
  #header .navigation-buttons a[href*="kosík"],
  .header .cart-widget,
  .header .cart-widget-button,
  .header .cart-button,
  .header .cart,
  .header .cart-wrapper,
  .header .cart-count,
  .header .navigation-buttons .cart-count,
  .header .navigation-buttons a[href*="cart"],
  .header .navigation-buttons a[href*="kosik"],
  .header .navigation-buttons a[href*="kosík"] {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  /* Žlutý text a ikona košíku na desktopu */
  #header .cart-widget,
  #header .cart-widget *,
  #header .cart-widget-button,
  #header .cart-widget-button *,
  #header .cart-button,
  #header .cart-button *,
  #header .cart,
  #header .cart *,
  #header .cart-wrapper,
  #header .cart-wrapper *,
  #header .cart-count,
  #header .cart-count *,
  #header .navigation-buttons .cart-count,
  #header .navigation-buttons .cart-count *,
  #header .navigation-buttons a[href*="cart"],
  #header .navigation-buttons a[href*="cart"] *,
  #header .navigation-buttons a[href*="kosik"],
  #header .navigation-buttons a[href*="kosik"] *,
  #header .navigation-buttons a[href*="kosík"],
  #header .navigation-buttons a[href*="kosík"] *,
  .header .cart-widget,
  .header .cart-widget *,
  .header .cart-widget-button,
  .header .cart-widget-button *,
  .header .cart-button,
  .header .cart-button *,
  .header .cart,
  .header .cart *,
  .header .cart-wrapper,
  .header .cart-wrapper *,
  .header .cart-count,
  .header .cart-count *,
  .header .navigation-buttons .cart-count,
  .header .navigation-buttons .cart-count *,
  .header .navigation-buttons a[href*="cart"],
  .header .navigation-buttons a[href*="cart"] *,
  .header .navigation-buttons a[href*="kosik"],
  .header .navigation-buttons a[href*="kosik"] *,
  .header .navigation-buttons a[href*="kosík"],
  .header .navigation-buttons a[href*="kosík"] * {
    color: var(--ks-step03-yellow) !important;
    fill: var(--ks-step03-yellow) !important;
    stroke: var(--ks-step03-yellow) !important;
  }

  /* Pro jistotu: badge/počet kusů nesmí zůstat červený na desktopu */
  #header .quantity,
  #header .cart-count .quantity,
  #header .navigation-buttons .quantity,
  .header .quantity,
  .header .cart-count .quantity,
  .header .navigation-buttons .quantity {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--ks-step03-yellow) !important;
    box-shadow: none !important;
  }
}
