/* Mrkálek — oranžový stín tlačítek — 1.1.0
   Načíst za mrkalek-tlacitka.css a mrkalek-detail.css. */

@media screen {
  /* Do košíku v kartách i na detailu produktu + odkaz Detail. */
  body :is(
    .product .p-tools .add-to-cart-button,
    .p-detail .p-to-cart-block .add-to-cart-button,
    .product .p-tools > a.btn.btn-primary
  ):not(:disabled, .disabled, [aria-disabled="true"]) {
    box-shadow: 0 4px 0 #ea7211,
                0 7px 14px rgba(234, 114, 17, 0.12) !important;
  }

  /* Při najetí myší. */
  @media (hover: hover) {
    body :is(
      .product .p-tools .add-to-cart-button,
      .p-detail .p-to-cart-block .add-to-cart-button,
      .product .p-tools > a.btn.btn-primary
    ):not(:disabled, .disabled, [aria-disabled="true"]):hover {
      box-shadow: 0 5px 0 #ea7211,
                  0 9px 16px rgba(234, 114, 17, 0.16) !important;
    }
  }

  /* Při stisknutí. */
  body :is(
    .product .p-tools .add-to-cart-button,
    .p-detail .p-to-cart-block .add-to-cart-button,
    .product .p-tools > a.btn.btn-primary
  ):not(:disabled, .disabled, [aria-disabled="true"]):active {
    box-shadow: 0 1px 0 #ea7211 !important;
  }
}

/* Pokračovat do košíku: modré tlačítko s oranžovým stínem. */
@media screen {
  body #cart-widget .cart-widget-button .btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: 100%;
    min-width: 0 !important;
    min-height: 52px;
    height: auto !important;
    padding: 14px 28px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #395af5 0%, #2649d4 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 0 #ea7211, 0 8px 16px rgba(234, 114, 17, 0.14) !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    text-align: center;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: normal !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  @media (hover: hover) {
    body #cart-widget .cart-widget-button .btn:hover {
      background: linear-gradient(180deg, #3152e8 0%, #203fc0 100%) !important;
      box-shadow: 0 5px 0 #ea7211, 0 10px 18px rgba(234, 114, 17, 0.18) !important;
      transform: translateY(-1px);
    }
  }

  body #cart-widget .cart-widget-button .btn:active {
    box-shadow: 0 2px 0 #ea7211 !important;
    transform: translateY(2px);
  }

  body #cart-widget .cart-widget-button .btn:focus-visible {
    outline: 3px solid #2649d4 !important;
    outline-offset: 6px;
  }

  @media (prefers-reduced-motion: reduce) {
    body #cart-widget .cart-widget-button .btn {
      transition: none;
      transform: none !important;
    }
  }
}