.elementor-109 .elementor-element.elementor-element-6523e8a8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:3%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-109 .elementor-element.elementor-element-602a1a3d{text-align:center;}.elementor-109 .elementor-element.elementor-element-602a1a3d .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}@media(max-width:1024px){.elementor-109 .elementor-element.elementor-element-6523e8a8{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-109 .elementor-element.elementor-element-602a1a3d .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-6523e8a8{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-109 .elementor-element.elementor-element-602a1a3d .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-6523e8a8 *//* =========================
   WooCommerce Cart – clean redesign (Montserrat)
   ========================= */

/* 1) Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

:root{
  --font-main: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f6f7fb;

  --text: #12131a;
  --muted: #6b7280;

  --border: #e6e8ef;
  --shadow: 0 10px 30px rgba(16, 24, 40, 0.08);

  /* Primarna barva (lahko zamenjaš v svojo vijolično) */
  --primary: #5b2aa6;
  --primary-600: #4a1f90;

  --radius: 16px;
  --radius-sm: 12px;
}

/* Splošno */
body,
.woocommerce,
.woocommerce-page{
  font-family: var(--font-main) !important;
  color: var(--text);
}

.woocommerce a{
  color: var(--primary);
  text-decoration: none;
}
.woocommerce a:hover{ color: var(--primary-600); }

/* Naslovi */
.woocommerce-cart h1,
.woocommerce-cart h2,
.woocommerce-cart h3{
  font-family: var(--font-main) !important;
  letter-spacing: -0.02em;
}
.woocommerce-cart h1{
  font-weight: 700;
  font-size: clamp(28px, 3vw, 40px);
  margin-bottom: 18px;
}

/* 2) Layout – “več zraka” */
.woocommerce-cart .woocommerce{
  max-width: 1180px;
  margin-inline: auto;
}

.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals{
  background: var(--surface);
}

.woocommerce-cart .woocommerce-cart-form{
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
}

.woocommerce-cart .cart-collaterals{
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
}

/* 3) Tabela košarice */
.woocommerce-cart table.shop_table{
  border: none !important;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.woocommerce-cart table.shop_table thead th{
  background: var(--surface-2);
  color: var(--muted);
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: 1px solid var(--border);
  border-bottom: none;
  padding: 14px 12px;
}

.woocommerce-cart table.shop_table thead th:first-child{
  border-top-left-radius: var(--radius-sm);
}
.woocommerce-cart table.shop_table thead th:last-child{
  border-top-right-radius: var(--radius-sm);
}

.woocommerce-cart table.shop_table tbody tr{
  background: var(--surface);
}

.woocommerce-cart table.shop_table tbody td{
  border: 1px solid var(--border);
  border-top: none;
  padding: 16px 12px;
  vertical-align: middle;
  font-size: 14px;
}

.woocommerce-cart table.shop_table tbody tr:last-child td:first-child{
  border-bottom-left-radius: var(--radius-sm);
}
.woocommerce-cart table.shop_table tbody tr:last-child td:last-child{
  border-bottom-right-radius: var(--radius-sm);
}

/* Slika izdelka */
.woocommerce-cart td.product-thumbnail img{
  width: 56px !important;
  height: 56px !important;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: #fff;
}

/* Ime izdelka */
.woocommerce-cart td.product-name a{
  font-weight: 600;
  color: var(--text);
}
.woocommerce-cart td.product-name a:hover{
  color: var(--primary);
}

/* Cena/skupek */
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal{
  font-weight: 600;
}

/* Remove (x) */
.woocommerce-cart a.remove{
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 999px;
  color: #ef4444 !important;
  background: rgba(239, 68, 68, 0.10);
  transition: transform .15s ease, background .15s ease;
}
.woocommerce-cart a.remove:hover{
  background: rgba(239, 68, 68, 0.16);
  transform: scale(1.05);
}

/* 4) Inputi (količina, kupon) */
.woocommerce-cart input[type="text"],
.woocommerce-cart input[type="number"],
.woocommerce-cart .coupon input.input-text{
  font-family: var(--font-main) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  height: 42px;
  background: #fff;
  outline: none;
  box-shadow: none !important;
}
.woocommerce-cart input[type="text"]:focus,
.woocommerce-cart input[type="number"]:focus{
  border-color: rgba(91, 42, 166, .45) !important;
}

/* Woo quantity */
.woocommerce-cart .quantity .qty{
  width: 84px !important;
  text-align: center;
}

/* 5) Gumbi */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce-cart .button{
  font-family: var(--font-main) !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  border: 1px solid transparent !important;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

/* Primarni (checkout) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background: var(--primary) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(91, 42, 166, .22);
  border: 1px solid rgba(255,255,255,.12) !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background: var(--primary-600) !important;
  transform: translateY(-1px);
}

/* Sekundarni (posodobi košarico / kupon) */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart .coupon button.button{
  background: #fff !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}
.woocommerce-cart button[name="update_cart"]:hover,
.woocommerce-cart .coupon button.button:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(16, 24, 40, 0.08);
}

/* 6) “Skupaj” box */
.woocommerce-cart .cart_totals > h2{
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
}
.woocommerce-cart .cart_totals table{
  border: none !important;
  margin-bottom: 14px;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
  border: none !important;
  padding: 10px 0 !important;
  font-size: 14px;
}
.woocommerce-cart .cart_totals table th{
  color: var(--muted);
  font-weight: 600;
}
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart .cart_totals .order-total th{
  padding-top: 14px !important;
  font-size: 16px;
}
.woocommerce-cart .cart_totals .order-total td{
  font-weight: 800;
}

/* 7) Sporočila/notice */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{
  border-radius: 14px;
  border: 1px solid var(--border);
  box-shadow: 0 10px 20px rgba(16, 24, 40, 0.06);
}

/* 8) Mobile */
@media (max-width: 768px){
  .woocommerce-cart .woocommerce-cart-form,
  .woocommerce-cart .cart-collaterals{
    padding: 14px;
  }

  .woocommerce-cart table.shop_table thead{
    display: none;
  }

  /* Woo mobile layout already stacks rows; improve spacing */
  .woocommerce-cart table.shop_table tbody td{
    border-top: 1px solid var(--border) !important;
    padding: 12px 10px;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: 100%;
  }
}
/* =========================
   Coupon input – bigger & cleaner
   ========================= */

.woocommerce-cart .coupon{
  display: flex;
  align-items: center;
  gap: 12px;
}

.woocommerce-cart .coupon input.input-text{
  min-width: 220px;
  height: 52px;
  padding: 14px 16px !important;
  font-size: 15px;
  font-weight: 500;
  border-radius: 14px !important;
  background: #fff;
}

.woocommerce-cart .coupon input.input-text::placeholder{
  color: #9ca3af;
}

/* Fokus */
.woocommerce-cart .coupon input.input-text:focus{
  border-color: rgba(34, 197, 94, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}
/* =========================
   Change address link
   ========================= */

.woocommerce-cart a.shipping-calculator-button,
.woocommerce-cart a.edit{
  color: #1f7a4f !important;
  font-weight: 600;
}

.woocommerce-cart a.shipping-calculator-button:hover,
.woocommerce-cart a.edit:hover{
  color: #124b30 !important;
  text-decoration: underline;
}
/* =========================
   Checkout button – charcoal / graphite
   ========================= */

body.woocommerce-cart 
.woocommerce .wc-proceed-to-checkout a.checkout-button{
  background: #2b2b2b !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Hover – rahlo svetlejši */
body.woocommerce-cart 
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{
  background: #1f1f1f !important;
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35) !important;
}

/* Focus / accessibility */
body.woocommerce-cart 
.woocommerce .wc-proceed-to-checkout a.checkout-button:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(43, 43, 43, 0.35) !important;
}
/* ===== FIX: WooCommerce cart overflow on mobile only ===== */
@media (max-width: 768px){

  /* Naj se dolga imena izdelkov prelomijo in ne silijo širine */
  .woocommerce-cart td.product-name,
  .woocommerce-cart td.product-name a{
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* Če tema/Elementor kje sili tabelo širše, jo prisilimo v 100% */
  .woocommerce-cart table.shop_table{
    width: 100% !important;
    table-layout: fixed !important;
  }

  /* Celice naj se lahko skrčijo (to pogosto reši “bežanje” desno) */
  .woocommerce-cart table.shop_table td{
    min-width: 0 !important;
  }

  /* Včasih količina/inputi potisnejo širino */
  .woocommerce-cart .quantity,
  .woocommerce-cart .quantity .qty{
    max-width: 100% !important;
  }

  /* (Opcijsko) če še vedno reže desno, omogoči horizontal scroll samo za košarico */
  .woocommerce-cart .woocommerce-cart-form{
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}
/* =========================
   FIX: Coupon button under input (mobile)
   ========================= */
@media (max-width: 768px){

  .woocommerce-cart .coupon{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100%;
  }

  .woocommerce-cart .coupon input.input-text{
    width: 100% !important;
    min-width: 0 !important;
  }

  .woocommerce-cart .coupon button.button{
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
  }

  /* če WooCommerce doda "padding-left" ali float na gumb */
  .woocommerce-cart .coupon button.button,
  .woocommerce-cart .coupon .button{
    float: none !important;
    clear: both !important;
  }
}
/* =========================
   FIX: Cart actions spacing & alignment (mobile)
   ========================= */
@media (max-width: 768px){

  /* Glavni container za kupon + update */
  .woocommerce-cart .actions{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;

    padding-bottom: 16px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--border);
  }

  /* Kupon že ima column layout – samo varnostno */
  .woocommerce-cart .actions .coupon{
    width: 100%;
  }

  /* Gumb "Posodobi košarico" */
  .woocommerce-cart .actions button[name="update_cart"]{
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }

  /* Odstrani WooCommerce clearfix / floats */
  .woocommerce-cart .actions::after{
    display: none !important;
  }

  /* Da se Skupaj lepo prilepi spodaj */
  .woocommerce-cart .cart_totals{
    margin-top: 16px !important;
  }
}
/* =========================
   MOBILE: make cart truly fluid (fix small overflow e.g. iPhone 12)
   ========================= */
@media (max-width: 768px){

  /* naj noben element v cart form ne sili širine */
  .woocommerce-cart .woocommerce-cart-form,
  .woocommerce-cart .woocommerce-cart-form *{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* akcije (kupon + update) naj se lahko lomijo */
  .woocommerce-cart .actions{
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  /* kupon: 100% širina, brez min-width */
  .woocommerce-cart .actions .coupon,
  .woocommerce-cart .coupon{
    width: 100% !important;
    max-width: 100% !important;
  }

  .woocommerce-cart .coupon input.input-text{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* gumbi: 100% širina */
  .woocommerce-cart .coupon button.button,
  .woocommerce-cart button[name="update_cart"]{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* če tema sili tabelo širše, jo zlomimo */
  .woocommerce-cart table.shop_table,
  .woocommerce-cart table.shop_table tbody,
  .woocommerce-cart table.shop_table tr,
  .woocommerce-cart table.shop_table td{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* zelo pogosto overflow povzroča thumbnail/qty – prisilimo skrčenje */
  .woocommerce-cart td.product-thumbnail,
  .woocommerce-cart td.product-quantity{
    min-width: 0 !important;
  }

  /* zadnja varovalka: prepreči “bežanje” desno */
  body.woocommerce-cart{
    overflow-x: hidden;
  }
}/* End custom CSS */