/**
 * Vibben 2026: desktopens minivarukorg även på mobil.
 * Bas: exakt samma färger som desktoppanelen i style.css (#fff, #eadde3,
 * #493b43, #681d3d). Endast <=849px; inga ändringar av WooCommerce-data.
 */
@media (max-width:849px) {
  /* Flatsome flyttar #cart-popup till off-canvas när mobilkorgen öppnas. */
  .mfp-wrap.off-canvas-cart .mfp-content,
  .mfp-wrap.off-canvas-cart #cart-popup,
  #cart-popup .cart-popup-inner {
    background:#fff !important;
    color:#493b43 !important;
    opacity:1 !important;
  }
  #cart-popup .cart-popup-inner {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    padding:24px 18px 28px !important;
    overflow-x:hidden !important;
  }
  #cart-popup .cart-popup-title {
    display:block !important;
    padding:2px 0 17px !important;
    margin:0 0 18px !important;
    color:#34212c !important;
    background:transparent !important;
    text-align:left !important;
  }
  #cart-popup .cart-popup-title .heading-font {
    color:#34212c !important;
    font-size:22px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    opacity:1 !important;
    text-transform:none !important;
  }
  #cart-popup .cart-popup-title .is-divider {
    display:block !important;
    background:#681d3d !important;
    width:36px !important;
    height:2px !important;
    margin:10px 0 0 !important;
  }
  #cart-popup .widget_shopping_cart,
  #cart-popup .widget_shopping_cart_content {
    width:100% !important;
    color:#493b43 !important;
    background:transparent !important;
    opacity:1 !important;
  }
  /* Samma tom-korg-panel som desktopens meny, men mobilanpassad bredd. */
  #cart-popup .ux-mini-cart-empty {
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    width:100% !important;
    margin:0 auto !important;
    padding:26px 17px 18px !important;
    border:1px solid #eadde3 !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,#fff 0%,#fff9fb 100%) !important;
    box-shadow:0 10px 28px rgba(30,12,22,.08) !important;
    color:#493b43 !important;
    opacity:1 !important;
  }
  #cart-popup .ux-mini-cart-empty-icon {
    display:block !important;
    line-height:0 !important;
    margin:0 auto 3px !important;
    opacity:1 !important;
    color:#8c4160 !important;
  }
  #cart-popup .ux-mini-cart-empty-icon svg {
    display:block !important;
    width:52px !important;
    height:56px !important;
    margin:0 auto !important;
    opacity:.55 !important; /* Flatsomes inline opacity:.1 överstyrs */
    color:#8c4160 !important;
    fill:currentColor !important;
  }
  #cart-popup .woocommerce-mini-cart__empty-message {
    display:block !important;
    margin:3px auto 12px !important;
    color:#493b43 !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
    text-align:center !important;
    opacity:1 !important;
    text-shadow:none !important;
  }
  #cart-popup .ux-mini-cart-empty .return-to-shop {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  #cart-popup .ux-mini-cart-empty .return-to-shop a.button.wc-backward,
  #cart-popup .ux-mini-cart-empty .return-to-shop a.button.wc-backward:link,
  #cart-popup .ux-mini-cart-empty .return-to-shop a.button.wc-backward:visited,
  #cart-popup .ux-mini-cart-empty .return-to-shop a.button.wc-backward:focus,
  #cart-popup .ux-mini-cart-empty .return-to-shop a.button.wc-backward:active {
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:48px !important;
    margin:0 !important;
    padding:12px 14px !important;
    background:#681d3d !important;
    border:0 !important;
    border-radius:10px !important;
    box-shadow:none !important;
    color:#fff !important;
    font-family:inherit !important;
    font-size:13px !important;
    font-weight:750 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-decoration:none !important;
    text-shadow:none !important;
    opacity:1 !important;
    white-space:normal !important;
    text-align:center !important;
  }
  #cart-popup .ux-mini-cart-empty .return-to-shop a.button.wc-backward:hover {
    background:#842b50 !important;
    color:#fff !important;
  }
  /* Fylld varukorg: samma vita/plommonfärgade design som desktopens dropdown. */
  #cart-popup ul.woocommerce-mini-cart {
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
  }
  #cart-popup ul.woocommerce-mini-cart li.mini_cart_item {
    position:relative;
    overflow:hidden;
    padding:15px 30px 15px 0 !important;
    margin:0 !important;
    border-bottom:1px solid #eadde3 !important;
    background:#fff !important;
    color:#493b43 !important;
  }
  #cart-popup ul.woocommerce-mini-cart li.mini_cart_item > a:not(.remove) {
    color:#34212c !important;
    font-weight:650 !important;
    line-height:1.4 !important;
    overflow-wrap:anywhere;
  }
  #cart-popup ul.woocommerce-mini-cart li.mini_cart_item img {
    border:1px solid #eadde3 !important;
    border-radius:8px !important;
    background:#fff !important;
  }
  #cart-popup ul.woocommerce-mini-cart li.mini_cart_item .quantity,
  #cart-popup ul.woocommerce-mini-cart li.mini_cart_item .amount {
    color:#681d3d !important;
    font-weight:650 !important;
  }
  #cart-popup ul.woocommerce-mini-cart li.mini_cart_item a.remove {
    color:#681d3d !important;
    border-color:#eadde3 !important;
  }
  #cart-popup .ux-mini-cart-footer {
    margin:0 !important;
    padding:15px 0 8px !important;
    color:#493b43 !important;
    background:#fff !important;
  }
  #cart-popup .woocommerce-mini-cart__total {
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:12px 0 !important;
    border-top:1px solid #eadde3 !important;
    color:#34212c !important;
    font-size:15px !important;
    opacity:1 !important;
  }
  #cart-popup .woocommerce-mini-cart__total .amount {
    color:#681d3d !important;
    font-weight:800 !important;
  }
  #cart-popup .woocommerce-mini-cart__buttons {
    display:flex !important;
    flex-direction:column;
    gap:9px;
    margin:10px 0 !important;
    padding:0 !important;
  }
  #cart-popup .woocommerce-mini-cart__buttons a.button {
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-height:48px !important;
    width:100% !important;
    margin:0 !important;
    padding:12px 14px !important;
    border-radius:10px !important;
    font-size:13px !important;
    font-weight:750 !important;
    line-height:1.25 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    opacity:1 !important;
  }
  #cart-popup .woocommerce-mini-cart__buttons a.button.checkout {
    border:0 !important;
    background:#681d3d !important;
    color:#fff !important;
  }
  #cart-popup .woocommerce-mini-cart__buttons a.button:not(.checkout) {
    border:1px solid #eadde3 !important;
    background:#fff !important;
    color:#681d3d !important;
  }
  #cart-popup .payment-icons {
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:4px 8px;
    margin:19px auto 0 !important;
    padding:11px 0 !important;
    opacity:1 !important;
    color:#493b43 !important;
  }
  #cart-popup .payment-icons .payment-icon {
    flex:0 0 auto;
    opacity:1 !important;
  }
  #cart-popup a:focus-visible,
  #cart-popup button:focus-visible {
    outline:2px solid #681d3d !important;
    outline-offset:3px;
  }
  .mfp-wrap.off-canvas-cart .mfp-close {
    min-width:44px;
    min-height:44px;
    color:#34212c !important;
    opacity:1 !important;
  }
}