/**
 * Promotion Online – Popout Cart (Mini cart)
 * Version: Clean + Isolated
 * Mål:
 * - Desktop 640px (inom 600–640)
 * - Mobil 100vw
 * - Större läsbarhet
 * - Grön "Visa kundvagn" (#77b047)
 * - Dölj "Till kassan" (CSS fallback)
 *
 * Viktigt: Allt är strikt scopat till #mini-cart för att undvika konflikt.
 */

/* =========================
   1) PANEL / OFFCANVAS BREDD
   ========================= */
@media (min-width: 992px) {
  #mini-cart .cart-popup {
    width: 640px;
    max-width: 640px;
  }
}

@media (max-width: 991.98px) {
  #mini-cart .cart-popup {
    width: 100vw;
    max-width: 100vw;
  }
}

/* Säkerställ att innehållet följer panelen */
#mini-cart .widget_shopping_cart_content {
  width: 100%;
}

/* =========================
   2) TYPOGRAFI / LÄSBARHET
   ========================= */
#mini-cart .widget_shopping_cart_content {
  font-size: 16px;
  line-height: 1.35;
}

/* Produktnamn */
#mini-cart .widget_shopping_cart_content .mini_cart_item a:not(.remove) {
  font-size: 16px;
  line-height: 1.25;
}

/* Antal/qty-rad */
#mini-cart .widget_shopping_cart_content .mini_cart_item .quantity {
  font-size: 14px;
}

/* Totalrad */
#mini-cart .widget_shopping_cart_content .total,
#mini-cart .widget_shopping_cart_content .total strong,
#mini-cart .widget_shopping_cart_content .total .amount {
  font-size: 18px;
}

/* Lite bättre spacing (utan att störa layout) */
#mini-cart .widget_shopping_cart_content .mini_cart_item {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* =========================
   3) KNAPPAR
   ========================= */

/* Visa kundvagn (wc-forward) – lås till er gröna */
#mini-cart .widget_shopping_cart_content .buttons a.wc-forward {
  background: #77b047;
  border-color: #77b047;
  color: #fff;
}

/* Hover/focus (tillgänglighet) */
#mini-cart .widget_shopping_cart_content .buttons a.wc-forward:hover,
#mini-cart .widget_shopping_cart_content .buttons a.wc-forward:focus {
  filter: brightness(0.95);
  color: #fff;
  outline: none;
}

/* =========================
   4) DÖLJ "TILL KASSA" (FALLBACK)
   =========================
   Du tar redan bort den i PHP. Detta är bara backup om den ändå renderas.
*/
#mini-cart .widget_shopping_cart_content .buttons a.checkout,
#mini-cart .widget_shopping_cart_content .buttons a[href*="checkout"] {
  display: none !important;
}