/*
 * WooCommerce Pages Styles
 * Applied only on: cart, checkout, account, order pages
 *
 * Sections:
 *   0.  Page Padding
 *   1.  Breadcrumbs
 *   2.  General / Reset
 *   3.  Notices
 *   4.  Buttons
 *   5.  Form Fields
 *   6.  Cart Table
 *   7.  Cart Quantity
 *   8.  Cart Actions (coupon + update)
 *   9.  Cart Totals
 *   10. Checkout Layout
 *   11. Checkout Fields
 *   12. Order Review
 *   13. Payment Methods
 *   14. Order Received / Thank You
 *   15. My Account
 *   16. Empty Cart
 *   17. Responsive
 */

/* ============================================================
   0. PAGE PADDING
============================================================ */
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce,
body.woocommerce-account .woocommerce {
  padding: 20px var(--padding-global--padding-global)
    var(--padding-global--padding-global) var(--padding-global--padding-global);
}

/* ============================================================
   1. BREADCRUMBS
============================================================ */
.woocommerce-breadcrumb-wrap {
  padding-top: 1.25em;
  padding-bottom: 0;
}

.woocommerce-breadcrumb-wrap .breadcrumb a {
  color: rgba(18, 18, 18, 0.6);
}

.woocommerce-breadcrumb-wrap .breadcrumb a:hover {
  color: var(--color-black);
}

.woocommerce-breadcrumb-wrap .breadcrumb__separator {
  color: rgba(18, 18, 18, 0.4);
}

.woocommerce-breadcrumb-wrap .breadcrumb__item--current span {
  color: var(--color-black);
}

/* ============================================================
   2. GENERAL / RESET
============================================================ */
.woocommerce-cart-form__contents {
  border-spacing: 0 1.5em;
  margin-top: -1.5em;
}

.woocommerce table.shop_table {
  border: none;
  border-radius: 0;
  border-collapse: separate;
  width: 100%;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border: none;
  vertical-align: middle;
}

.woocommerce table.shop_table thead th {
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: var(--color-dark);
  padding: 0 1em 0em;
  text-align: left;
}

.woocommerce table.shop_table thead th.product-name {
  padding-left: 2.125em;
}

.woocommerce table.shop_table thead th:first-child {
  padding-left: 0;
}

/* ============================================================
   3. NOTICES
============================================================ */
.woocommerce-notices-wrapper {
  margin-bottom: 1.5em;
  margin: 0;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  padding: 0.875em 1.25em;
  margin-bottom: 1em;
  font-size: 1em;
  border-radius: 0;
  border: none;
  list-style: none;
  margin-left: 0;
  gap: 1em;
  margin-bottom: 1.5em !important;
}

.woocommerce-error a {
  text-decoration: none;
}

.woocommerce-notices-wrapper a.button {
  font-family: "Archivo", sans-serif;
  font-size: 0.8125em !important;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: var(--color-dark) !important;
  position: relative;
  text-decoration: none;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.woocommerce-notices-wrapper a.button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid var(--color-black);
  transition: all 0.4s ease;
}

.woocommerce-notices-wrapper a.button:hover::after {
  width: 0;
}

.woocommerce-message {
  background-color: var(--color-dark);
  color: var(--color-white);
}

.woocommerce-info {
  background-color: var(--color-gray);
  color: var(--color-black);
  border-left: 0;
}

.woocommerce-error {
  background-color: #fef2f2;
  color: #991b1b;
  border-left: 2px solid #ef4444;
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  display: none;
}

.woocommerce-message a,
.woocommerce-info a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.woocommerce-info a {
  text-decoration: none;
  font-weight: 600;
}
/* ============================================================
   4. BUTTONS
============================================================ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background-color: var(--color-black);
  color: var(--color-white);
  border-radius: var(--border-radius--small);
  font-size: 0.82em;
  text-decoration: none;
  padding: 1.334em 2.2em;
  display: inline-block;
  text-transform: uppercase;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  background-image: none;
  cursor: pointer;
  border: 1px solid var(--color-black);
}

.coupon button.button {
  white-space: nowrap;
  background-color: var(--color-white);
  color: var(--color-dark);
  font-size: 0.75em;
  padding: 1.125em 3em;
  transition: all 0.4s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}

.coupon button.button:hover {
  background-color: var(--color-dark);
  color: var(--color-white);
}

/* Checkout / Place Order button */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order {
  display: block;
  width: 100%;
  text-align: center;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: flex;
  align-items: center;
  gap: 0.35em;
  justify-content: center;
  border: 1px solid var(--color-dark);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button svg {
  transition: all 0.4s ease;
  width: 1.125em;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover svg path {
  stroke: var(--color-dark);
}
.woocommerce-cart .wc-proceed-to-checkout {
  padding: 0;
  margin-top: 1.25em;
}

/* Disabled */
.woocommerce button.button:disabled,
.woocommerce button.button[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* ============================================================
   5. FORM FIELDS
============================================================ */
.woocommerce form .form-row {
  margin-bottom: 1.25em;
}

.woocommerce form .form-row label {
  display: block;
  margin-bottom: 4px;
  font-size: 1em;
  font-weight: 400;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  line-height: 1.65;
}

[type="checkbox"],
[type="radio"] {
  margin: 0;
}
.password-input {
  position: relative;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  font-family: "Archivo", sans-serif;
  margin-bottom: 10px;
  margin-top: 5px;
}

.woocommerce form .form-row label .required {
  color: var(--color-dark);
  text-decoration: none;
}

.coupon .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  width: 100%;
  padding: 1.13em 0.875em;
  border: 1px solid rgba(28, 28, 28, 0.15);
  border-radius: var(--border-radius--small);
  font-family: "Archivo", sans-serif;
  font-size: 0.75em;
  color: var(--color-black);
  background-color: var(--color-white);
  transition: border-color 0.2s ease;
  outline: none;
  appearance: none;
  line-height: 1.4;
  resize: none;
}
.coupon .input-text:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: var(--color-black);
}

.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
  border-color: #ef4444;
}

.coupon .input-text {
  height: auto;
  text-transform: uppercase;
  font-size: 0.75em;
  padding: 1.125em 0.875em;
  line-height: 1;
}

/* Select2 */
.woocommerce form .form-row .select2-container {
  width: 100% !important;
}

.woocommerce
  form
  .form-row
  .select2-container--default
  .select2-selection--single {
  width: 100%;
  height: auto;
  padding: 1.13em 2.5em 1.13em 0.875em;
  border: 1px solid rgba(28, 28, 28, 0.15);
  border-radius: var(--border-radius--small);
  background-color: var(--color-white);
  transition: border-color 0.2s ease;
  font-size: 0.75em;
  outline: none;
}

.woocommerce
  form
  .form-row
  .select2-container--default.select2-container--open
  .select2-selection--single,
.woocommerce
  form
  .form-row
  .select2-container--default.select2-container--focus
  .select2-selection--single {
  border-color: var(--color-black);
}

.woocommerce
  form
  .form-row
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0;
  line-height: 1.4;
  font-family: "Archivo", sans-serif;
  font-size: 1em;
  color: var(--color-black);
}

.woocommerce
  form
  .form-row
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: rgba(18, 18, 18, 0.4);
}

.woocommerce
  form
  .form-row
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100%;
  right: 1em;
}

/*.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  width: 1em;
  height: 1em;
  margin: 0;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d0d0d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: static;
} */

/* Select2 dropdown panel */
.select2-dropdown {
  border: 1px solid rgba(28, 28, 28, 0.15);
  border-radius: var(--border-radius--small);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  font-family: "Archivo", sans-serif;
  font-size: 1em;
  top: 5px;
}

.select2-container--default .select2-results__option {
  padding: 0.625em 0.875em;
  color: var(--color-black);
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bg-light);
  color: var(--color-black);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--color-dark);
  color: var(--color-white);
}

.select2-search--dropdown .select2-search__field {
  padding: 0.5em 0.875em;
  border: 1px solid rgba(28, 28, 28, 0.15);
  border-radius: var(--border-radius--small);
  font-family: "Archivo", sans-serif;
  font-size: 1em;
  outline: none;
}

.select2-search--dropdown .select2-search__field:focus {
  border-color: var(--color-black);
}

.woocommerce
  form
  .form-row.woocommerce-invalid
  .select2-container--default
  .select2-selection--single {
  border-color: #ef4444;
}

/* ============================================================
   6. CART TABLE
============================================================ */
.cart-trust-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2em;
  margin-top: 2em;
  flex-wrap: wrap;
}
.cart-trust-box .sp-delivery__content {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.cart-trust-box .sp-delivery__row {
  display: flex;
  align-items: center;
  gap: 0.55em;
  font-weight: 500;
  font-size: 0.94em;
  line-height: 1.47;
}

.cart-trust-payment {
  max-width: 16em;
}

.cart-trust-box .sp-delivery__row svg,
.cart-trust-box .sp-delivery__row img {
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  margin-top: 0;
  object-fit: contain;
}

.woocommerce-cart main .woocommerce {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2em;
}

.woocommerce-cart main .woocommerce .woocommerce-notices-wrapper {
  width: 100%;
}

.woocommerce-notices-wrapper ul {
  margin-left: 0;
  outline: none;
  margin-bottom: 0;
}

.woocommerce-cart-form {
  width: calc(60% - 2em / 2);
}
.cart-collaterals {
  width: calc(40% - 2em / 2);
}
.woocommerce table.cart td {
  padding: 0.675em 1em;
}

.woocommerce table.cart td:first-child {
  padding-left: 0;
  border-radius: var(--border-radius--small) 0 0 var(--border-radius--small);
}

.woocommerce table.cart td:last-child {
  padding-right: 0;
  border-radius: 0 var(--border-radius--small) var(--border-radius--small) 0;
}

.woocommerce-cart-form__cart-item {
  background-color: var(--color-white);
  margin-bottom: 1.5em;
}

/* Remove */
.woocommerce table.cart td.product-remove {
  width: 2em;
  padding-right: 1.75em;
  padding-left: 1.75em;
}

.woocommerce table.cart a.remove {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='3.5' stroke='%23E6E6E6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5197 16.0627L18.4574 20.0023L19.5183 18.9418L15.58 15.0019L19.5197 11.0605L18.4588 10.0001L14.5197 13.941L10.5804 10L9.51953 11.0604L13.4592 15.0019L9.52093 18.9419L10.5818 20.0023L14.5197 16.0627Z' fill='%230D0D0D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent !important;
  font-size: 0;
  transition: opacity 0.2s ease;
}

.woocommerce table.cart a.remove:hover {
  opacity: 0.6;
  background-color: transparent;
}

/* Thumbnail */
.woocommerce table.cart td.product-thumbnail {
  width: 6.5rem;
  padding-left: 0;
  padding-right: 0;
}

.woocommerce table.cart td.product-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--border-radius--small);
  display: block;
  margin: 0;
  aspect-ratio: 3/4;
}

/* Product name */
.woocommerce table.cart td.product-name {
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  width: 15.5em;
  padding-right: 0;
  padding-left: 2.125em;
}

.woocommerce table.cart td.product-name a {
  color: var(--color-black);
  text-decoration: none;
  font-weight: var(--font-weight--medium);
  line-height: 1.2;
  font-size: 1.5em;
}

.woocommerce table.cart td.product-name a:hover {
  opacity: 0.7;
}

/* Price & subtotal */
.woocommerce table.cart td.product-price,
.woocommerce table.cart td.product-subtotal {
  font-size: 1em;
  font-weight: var(--font-weight--medium);
  color: var(--color-black);
  white-space: nowrap;
}

.woocommerce table.shop_table thead th.product-price,
.woocommerce table.shop_table thead th.product-subtotal,
.woocommerce table.shop_table thead th.product-quantity,
.woocommerce table.cart td.product-price,
.woocommerce table.cart td.product-subtotal,
.woocommerce table.cart td.product-quantity {
  width: 10em;
}
.woocommerce table.shop_table thead th.product-price,
.woocommerce table.cart td.product-price {
  padding-left: 7em;
}

.woocommerce table.cart td.product-subtotal {
  font-weight: 700;
}

/* ============================================================
   7. CART QUANTITY
============================================================ */
.woocommerce .quantity {
  display: inline-flex;
  align-items: center;
  border: 1px solid #aaa;
  border-radius: var(--border-radius--small);
  overflow: hidden;
}

.woocommerce .quantity input[type="button"].minus,
.woocommerce .quantity input[type="button"].plus {
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: var(--color-black);
  font-size: 1rem;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.2s ease;
  font-family: "Archivo", sans-serif;
}

.woocommerce .quantity input[type="button"].minus:hover,
.woocommerce .quantity input[type="button"].plus:hover {
  background-color: var(--bg-light);
}

.woocommerce .quantity input.qty {
  width: 2.125rem;
  height: 2rem;
  border: none;

  text-align: center;
  font-family: "Archivo", sans-serif;
  font-size: 1em;
  font-weight: var(--font-weight--medium);
  color: var(--color-black);
  background-color: transparent;
  outline: none;
  padding: 0;
  -moz-appearance: textfield;
  float: none !important;
}

.woocommerce .quantity input.qty::-webkit-inner-spin-button,
.woocommerce .quantity input.qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ============================================================
   8. CART ACTIONS
============================================================ */
.woocommerce table.cart td.actions {
  padding: 0 0;
  border-bottom: none;
  background-color: transparent !important;
}

.woocommerce table.cart td.actions .coupon {
  display: flex;
  align-items: center;
  gap: 0.5em;
  float: left;
  flex-wrap: wrap;
}
.coupon-error-notice {
  width: 100%;
}

.woocommerce table.cart td.actions .coupon input#coupon_code {
  width: 14rem;
  padding: 0.75em 0.875em;
  border: 1px solid rgba(28, 28, 28, 0.15);
  border-radius: var(--border-radius--small);
  font-family: "Archivo", sans-serif;
  font-size: 1em;
  outline: none;
  transition: border-color 0.2s ease;
}

.woocommerce table.cart td.actions .coupon input#coupon_code:focus {
  border-color: var(--color-black);
}

.woocommerce table.cart td.actions .coupon button[name="apply_coupon"] {
  padding: 0.875em 1.5em;
}

.woocommerce table.cart td.actions button[name="update_cart"] {
  float: right;
  padding: 0;
  background-color: transparent;
  color: var(--color-dark);
  border: 0;
  position: relative;
}

.woocommerce table.cart td.actions button[name="update_cart"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--color-dark);
  width: 100%;
  transition: all 0.4s ease;
}

.woocommerce table.cart td.actions button[name="update_cart"]:hover::after {
  width: 0;
}

/* ============================================================
   9. CART TOTALS
============================================================ */
.cart-collaterals {
  margin-top: 0em;
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  padding: 0 1.375em 2em 1.375em;
  border-radius: var(--border-radius--small);
  border: 1px solid #e6e6e6;
}

.cart_totals {
  width: 100%;
  max-width: 45em;
}

.cart-collaterals h2,
.cart_totals h2 {
  font-size: 1.125em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  line-height: 1;
  padding-top: 1.5em;
  font-family: "Archivo", sans-serif;
  border-bottom: 1px solid #e6e6e6;
}
.cart_totals h2 {
  display: none;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
  margin-bottom: 0;
  width: 100%;
  background-color: #f6f6f680;
  border-radius: var(--border-radius--small);
  overflow: hidden;
}

.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
  padding: 0.875em 0;
  border: none;
  font-size: 1em;
  background-color: transparent !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
  color: #000;
  font-weight: 500;
  width: 38.5%;
  text-align: left;
  font-weight: 500;
  padding: 1.375em 1.25em !important;
}

.woocommerce-cart .cart-collaterals .order-total th {
  font-weight: 700;
}

.woocommerce-cart .cart-collaterals .cart_totals table td {
  text-align: left;
  font-weight: var(--font-weight--medium);
}

.woocommerce-cart .cart-collaterals .cart_totals table tr {
  border-bottom: 1px solid rgba(18, 18, 18, 0.08);
}
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-of-type {
  background-color: #f6f6f6;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr:last-child {
  border-bottom: none;
}

.woocommerce-cart
  .cart-collaterals
  .cart_totals
  .woocommerce-shipping-destination {
  margin-top: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table .order-total th,
.woocommerce-cart .cart-collaterals .cart_totals table .order-total td {
  border-top: 1px solid #00000033 !important;
}

.cart_totals .order-total th,
.cart_totals .order-total td {
  padding-top: 0.75em !important;
  padding-bottom: 0.75em !important;
  font-weight: var(--font-weight--semibold) !important;
  font-size: 1em !important;
}

.coupon {
  display: flex;
  align-items: center;
  gap: 0.65em;
  margin-bottom: 1.5em;
}

/* Shipping */
.cart_totals .woocommerce-shipping-methods {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cart_totals .woocommerce-shipping-methods li {
  font-size: 1em;
}

.cart_totals .woocommerce-shipping-methods bdi {
  font-weight: 700;
}

.woocommerce-shipping-calculator .shipping-calculator-button {
  font-size: 0.82em;
  color: rgba(18, 18, 18, 0.6);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  display: inline-block;
  margin-top: 0.5em;
  transition: color 0.2s ease;
}

.woocommerce-shipping-calculator .shipping-calculator-button:hover {
  color: var(--color-black);
}

.woocommerce-shipping-calculator .shipping-calculator-form {
  margin-top: 1em;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}

.woocommerce-shipping-calculator .shipping-calculator-form .form-row {
  margin-bottom: 0;
}

.woocommerce-shipping-calculator .shipping-calculator-form p:last-child {
  padding-bottom: 0;
}

/* ============================================================
   10. CHECKOUT LAYOUT
============================================================ */
.woocommerce-checkout .col2-set {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2em;
}

.woocommerce-checkout .customers-form {
  width: calc(60% - 2em / 2);
}
.woocommerce-checkout .customers-billing {
  width: calc(40% - 2em / 2);
}

.woocommerce-checkout #order_review_heading {
  font-size: 1.125em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  line-height: 1;
  padding-top: 1.5em;
  font-family: "Archivo", sans-serif;
  border-bottom: 1px solid #e6e6e6;
}

.checkout_coupon {
  display: flex;
  gap: 0.5em;
  width: calc(60% - 2em / 2);
  margin-top: 1em;
  position: relative;
  margin-bottom: 2.5em;
}

.checkout_coupon p {
  margin: 0 !important;
}

.checkout_coupon .form-row.form-row-first {
  flex: 1;
}

.checkout_coupon .coupon-error-notice {
  margin-top: 0.25em;
  position: absolute;
  left: 0;
  bottom: -1.5em;
}

.woocommerce .checkout_coupon button.button {
  padding: 1em 2.2em;
}

.checkout_coupon #coupon_code {
  padding: 1em 0.875em;
  line-height: 1.118;
  width: 100%;
  flex: 1;
  height: 100%;
}

.cart-checkout {
  margin-top: 0em;
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  padding: 0 1.375em 2em 1.375em;
  border-radius: var(--border-radius--small);
  border: 1px solid #e6e6e6;
}

.cart-checkout table th,
.cart-checkout table td {
  color: #000;
  font-weight: 500;
  width: 38.5%;
  text-align: left;
  font-weight: 500;
  padding: 1.375em 1.25em !important;
  text-align: left;
}

.woocommerce-input-wrapper.password-input {
  position: relative;
}

.show-password-input {
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9C12.7956 9 13.5587 9.31607 14.1213 9.87868C14.6839 10.4413 15 11.2044 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15C11.2044 15 10.4413 14.6839 9.87868 14.1213C9.31607 13.5587 9 12.7956 9 12C9 11.2044 9.31607 10.4413 9.87868 9.87868C10.4413 9.31307 11.2044 9 12 9ZM12 4.5C17 4.5 21.27 7.61 23 12C21.27 16.39 17 19.5 12 19.5C7 19.5 2.73 16.39 1 12C2.73 7.61 7 4.5 12 4.5ZM3.18 12C3.98825 13.6503 5.24331 15.0407 6.80248 16.0133C8.36165 16.9858 10.1624 17.5013 12 17.5013C13.8376 17.5013 15.6383 16.9858 17.1975 16.0133C18.7567 15.0407 20.0117 13.6503 20.82 12C20.0117 10.3497 18.7567 8.95925 17.1975 7.98675C15.6383 7.01424 13.8376 6.49868 12 6.49868C10.1624 6.49868 8.36165 7.01424 6.80248 7.98675C5.24331 8.95925 3.98825 10.3497 3.18 12Z' fill='black'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
  padding: 0;
  background-color: white;
}

.show-password-input.display-password {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9C12.7956 9 13.5587 9.31607 14.1213 9.87868C14.6839 10.4413 15 11.2044 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15C11.2044 15 10.4413 14.6839 9.87868 14.1213C9.31607 13.5587 9 12.7956 9 12C9 11.2044 9.31607 10.4413 9.87868 9.87868C10.4413 9.31607 11.2044 9 12 9ZM12 4.5C17 4.5 21.27 7.61 23 12C21.27 16.39 17 19.5 12 19.5C7 19.5 2.73 16.39 1 12C2.73 7.61 7 4.5 12 4.5ZM3.18 12C3.98825 13.6503 5.24331 15.0407 6.80248 16.0133C8.36165 16.9858 10.1624 17.5013 12 17.5013C13.8376 17.5013 15.6383 16.9858 17.1975 16.0133C18.7567 15.0407 20.0117 13.6503 20.82 12C20.0117 10.3497 18.7567 8.95925 17.1975 7.98675C15.6383 7.01424 13.8376 6.49868 12 6.49868C10.1624 6.49868 8.36165 7.01424 6.80248 7.98675C5.24331 8.95925 3.98825 10.3497 3.18 12Z' fill='black'/%3E%3Cline x1='0.537434' y1='18.1134' x2='23.5374' y2='6.11341' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

/* ============================================================
   11. CHECKOUT FIELDS
============================================================ */
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3 {
  font-size: 1.125em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  line-height: 1;
  padding-top: 0;
  font-family: "Archivo", sans-serif;
  border-bottom: 1px solid #e6e6e6;
}

.woocommerce-billing-fields h3 {
  display: none;
}

.woocommerce-additional-fields h3 {
  display: none;
}

.woocommerce-checkout .form-row-wide {
  width: 100%;
  clear: both;
}

.woocommerce-checkout #ship-to-different-address label {
  display: flex;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
  font-family: "Fjalla One", sans-serif;
  font-size: 0.82em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* ============================================================
   12. ORDER REVIEW
============================================================ */
.woocommerce table.shop_table.woocommerce-checkout-review-order-table,
.woocommerce-table--order-details {
  margin-bottom: 0;
  width: 100%;
  background-color: #f6f6f680;
  border-radius: var(--border-radius--small) !important;
  overflow: hidden;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
}

.woocommerce-table--order-details {
  background-color: #fff;
}

.woocommerce-checkout-review-order-table thead tr:first-of-type,
.woocommerce-table--order-details thead tr:first-of-type {
  background-color: #f6f6f6;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-table--order-details .order-total th,
.woocommerce-table--order-details .order-total td {
  border-top: 1px solid #00000033 !important;
}

.cart-size {
  display: block;
  font-family: "Archivo", sans-serif;
  text-transform: none;
  margin-top: 5px;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td,
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
  padding: 0.875em 1.25em;
  font-size: 1em;
  border: none;
  border-bottom: 1px solid rgba(18, 18, 18, 0.08);
}

.woocommerce-checkout-review-order-table thead th,
.woocommerce-table--order-details thead th {
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75em;
  color: rgba(18, 18, 18, 0.6);
}

.woocommerce-checkout-review-order-table .product-name,
.woocommerce-table--order-details .product-name {
  font-weight: var(--font-weight--medium);
}

.woocommerce-checkout-review-order-table .product-total,
.woocommerce-table--order-details .product-total {
  text-align: left;
  font-weight: var(--font-weight--medium);
}

.woocommerce-checkout-review-order-table tfoot tr:last-child th,
.woocommerce-checkout-review-order-table tfoot tr:last-child td,
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
  font-weight: var(--font-weight--semibold);
  font-size: 1em;
  border-bottom: none;
  padding-top: 1em;
}

/* ============================================================
   13. PAYMENT METHODS
============================================================ */
.woocommerce-checkout #payment {
  background-color: transparent;
  border-radius: 0;
  margin-top: 1.5em;
}

.woocommerce-checkout #payment ul.payment_methods {
  border: none;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin-bottom: 1.25em;
  margin-left: 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
  padding: 1.375em 1.25em;
  border: 1px solid rgba(28, 28, 28, 0.15);
  border-radius: var(--border-radius--small);
  transition: border-color 0.2s ease;
}

.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
  border-color: var(--color-dark);
}

.woocommerce-checkout #payment ul.payment_methods li label {
  font-family: "Fjalla One", sans-serif;
  font-size: 0.875em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: transparent;
  padding: 0.25em 0 0;
  margin: 0;
  box-shadow: none;
}

.woocommerce-checkout #payment div.payment_box p {
  font-family: "Archivo", sans-serif;
  font-size: 0.875em;
  color: rgba(18, 18, 18, 0.6);
  padding: 0;
  line-height: 1.5;
  margin: 0;
}

.woocommerce-checkout #payment div.payment_box::before {
  display: none;
}

.woocommerce-privacy-policy-text p {
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.6);
}
.woocommerce-terms-and-conditions-checkbox-text {
  color: rgba(0, 0, 0, 0.6);
}
.woocommerce-privacy-policy-text p a,
.woocommerce-terms-and-conditions-checkbox-text a {
  color: #000;
}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 1.25em;
}

.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper label {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  font-family: "Archivo", sans-serif;
  margin-bottom: 10px;
  margin-top: 5px;
}

.woocommerce-terms-and-conditions {
  background-color: #f6f6f680;
  padding: 1em;
  margin-top: 1.5em;
  border-radius: var(--border-radius--small);
  font-size: 0.75em;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--color-dark) transparent;
}

.woocommerce-terms-and-conditions::-webkit-scrollbar {
  width: 2px;
}

.woocommerce-terms-and-conditions::-webkit-scrollbar-track {
  background: transparent;
}

.woocommerce-terms-and-conditions::-webkit-scrollbar-thumb {
  background: var(--color-dark);
  border-radius: 10px;
}

.woocommerce-terms-and-conditions::-webkit-scrollbar-thumb:hover {
  background: #a0aab0;
}

/* ============================================================
   14. ORDER RECEIVED / THANK YOU
============================================================ */
.woocommerce-order {
  max-width: 42rem;
  margin: 0 auto;
}

.woocommerce-order .woocommerce-notice--success {
  background-color: var(--color-dark);
  color: var(--color-white);
  padding: 1.25em 1.5em;
  border-radius: var(--border-radius--small);
  margin-bottom: 2em;
  font-family: "Fjalla One", sans-serif;
  font-size: 0.94em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 0 !important;
}

.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
  font-family: "Fjalla One", sans-serif;
  font-size: 0.82em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1em;
  padding-bottom: 0.75em;
  border-bottom: 1px solid var(--stroke-light);
}

.woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  list-style: none;
  padding: 1.25em;
  background-color: var(--color-white);
  border-radius: var(--border-radius--small);
  margin-bottom: 2em;
  margin-left: 0;
}

.woocommerce-order-overview li {
  font-family: "Archivo", sans-serif;
  font-size: 1em;
  color: rgba(18, 18, 18, 0.6);
}

.woocommerce-order-overview li strong {
  display: block;
  color: var(--color-black);
  font-weight: var(--font-weight--semibold);
  margin-top: 0.2em;
}

.woocommerce-order > p {
  font-size: 0.875em;
  color: rgba(18, 18, 18, 0.6);
  margin-bottom: 2em;
}

.woocommerce-order-details {
  margin-bottom: 2em;
}

.woocommerce-table--order-details tbody td a {
  color: var(--color-dark);
  text-decoration: none;
}

.woocommerce-table--order-details tbody td a:hover {
  text-decoration: underline;
}

.woocommerce-table--order-details tbody .product-quantity {
  color: rgba(18, 18, 18, 0.5);
  font-weight: 400;
}

/* Customer details */
.woocommerce-customer-details {
  margin-bottom: 2em;
}

.woocommerce-customer-details address {
  background-color: #fff;
  border-radius: var(--border-radius--small);
  padding: 1.25em;
  font-style: normal;
  font-size: 1em;
  line-height: 1.7;
  color: var(--color-dark);
}

.woocommerce-customer-details address p {
  margin: 0.25em 0 0;
  color: rgba(18, 18, 18, 0.6);
  font-size: 0.9em;
}

/* ============================================================
   15. MY ACCOUNT
============================================================ */
.my-account-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  align-items: flex-start;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 17.5em;
  flex-shrink: 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1;
  min-width: 0;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid rgba(18, 18, 18, 0.08);
}

.woocommerce-MyAccount-navigation ul li:first-child {
  border-top: 1px solid rgba(18, 18, 18, 0.08);
}

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 0.75em 0;
  font-family: "Fjalla One", sans-serif;
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(18, 18, 18, 0.6);
  text-decoration: none;
  transition: color 0.2s ease;
  line-height: 1.5;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--color-black);
}

.woocommerce form p.form-row {
  margin-top: 0;
}

.woocommerce-MyAccount-content h2 {
  font-size: var(--font-size--h4);
}

.woocommerce-MyAccount-content p {
  margin-top: 0;
}

.woocommerce-address-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.25em;
}

.woocommerce-address-fields__field-wrapper .form-row {
  width: calc(50% - 1.25em / 2);
}

.woocommerce table.shop_table thead th.woocommerce-orders-table__header {
  padding-left: 0;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  text-align: left;
}

.woocommerce-orders-table__cell-order-actions a.button {
  background-color: transparent;
  color: var(--color-black);
  border-radius: var(--border-radius--small);
  font-size: 0.82em;
  text-decoration: none;
  padding: 0;
  display: inline-block;
  text-transform: uppercase;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
  background-image: none;
  cursor: pointer;
  position: relative;
}

.woocommerce-orders-table__cell-order-actions a.button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--color-dark);
  width: 100%;
  transition: all 0.4s ease;
}
.woocommerce-orders-table__cell-order-actions a.button:hover::after {
  width: 0;
}
.woocommerce-MyAccount-content {
  background-color: var(--color-white);
  padding: 2em 1.375em 2em 1.375em;
  border-radius: var(--border-radius--small);
  border: 1px solid #e6e6e6;
}

.woocommerce-MyAccount-content table {
  margin-bottom: 1em;
  width: 100%;
  background-color: #f6f6f680;
  border-radius: var(--border-radius--small) !important;
  overflow: hidden;
  border-spacing: 0;
}

.woocommerce-MyAccount-content table thead tr:first-of-type {
  background-color: #f6f6f6;
}
.woocommerce-MyAccount-content table tbody tr th,
.woocommerce-MyAccount-content table tbody tr td {
  border-top: 1px solid rgba(18, 18, 18, 0.08) !important;
  padding: 1.375em 1.25em !important;
}

.woocommerce-MyAccount-content table tr th,
.woocommerce-MyAccount-content table tr td {
  padding: 1.375em 1.25em !important;
}

#acfwf_store_credits_app {
  margin-top: 2em;
}

/* ============================================================
   16. EMPTY CART
============================================================ */
.woocommerce-cart .cart-empty {
  text-align: center;
  padding: 4em 0 2em;
  font-family: "Fjalla One", sans-serif;
  font-size: 1.625em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(18, 18, 18, 0.6);
  background-color: transparent;
  border: none;
  border-left: none;
  display: block;
  margin-bottom: 0;
}

.woocommerce-cart .return-to-shop {
  text-align: center;
  padding-bottom: 4em;
}

.woocommerce-cart .return-to-shop a.button {
  padding: 1.334em 2.75em;
}

.woocommerce-cart .return-to-shop,
.wc-empty-cart-message {
  width: 100%;
}

#shipping_method {
  margin: 0;
  list-style: none;
}

.acfw-checkout-ui-block .acfw-accordion h3 {
  padding: 1.375em 1.25em !important;
}

.acfw-form-control-label {
  display: none !important;
}

.invalid-message {
  font-size: 0.875em;
  padding-bottom: 1em;
}

input#terms {
  margin: 0;
}

/*Order Detail*/
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
  text-align: left;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
  thead
  tr
  th {
  border-bottom: 1px solid rgba(18, 18, 18, 0.08);
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
  tr {
  background-color: transparent;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
  td {
  padding: 1.75em 1.5em !important;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
  tr:last-of-type
  th,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details
  tr:last-of-type
  td {
  border-top: 1px solid rgba(18, 18, 18, 0.08);
}

/*Login*/

.woocommerce-account #customer_login {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}

.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
  width: calc(50% - 2em / 2);
  background-color: var(--color-white);
  padding: 2em 1.375em 2em 1.375em;
  border-radius: var(--border-radius--small);
  border: 1px solid #e6e6e6;
}

.woocommerce-ResetPassword {
  background-color: var(--color-white);
  padding: 2em 1.375em 2em 1.375em;
  border-radius: var(--border-radius--small);
  border: 1px solid #e6e6e6;
}

.woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.25em;
}

#billing_first_name_field,
#billing_last_name_field {
  width: calc(50% - 1.25em / 2);
}

/* ============================================================
   17. RESPONSIVE
============================================================ */

@media only screen and (max-width: 1440px) {
  .woocommerce table.shop_table thead th.product-price,
  .woocommerce table.cart td.product-price {
    padding-left: 3em;
  }

  .woocommerce table.cart td.product-name {
    width: 20em;
  }
  .woocommerce table.cart td.product-name a {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 1280px) {
  .woocommerce .quantity input.qty,
  .woocommerce table.cart td.product-price,
  .woocommerce table.cart td.product-subtotal,
  .woocommerce table.shop_table thead th,
  .woocommerce-cart .cart-collaterals .cart_totals table th,
  .woocommerce-cart .cart-collaterals .cart_totals table td {
    font-size: 0.875em;
  }

  .woocommerce-checkout #order_review_heading,
  .cart-collaterals h2,
  .cart_totals h2 {
    font-size: 1em;
  }

  .woocommerce table.cart td.product-remove {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
  .woocommerce table.shop_table thead th.product-price,
  .woocommerce table.cart td.product-price {
    padding-left: 2em;
  }
}
@media only screen and (max-width: 991px) {
  .woocommerce-checkout .customers-form,
  .woocommerce-cart-form,
  .woocommerce-checkout .customers-billing,
  .cart-collaterals,
  .checkout_coupon {
    width: 100%;
  }
  .cart_totals {
    max-width: 100%;
  }
  body.woocommerce-cart .woocommerce,
  body.woocommerce-checkout .woocommerce,
  body.woocommerce-account .woocommerce {
    padding: 10px var(--padding-global--padding-global)
      var(--padding-global--padding-global)
      var(--padding-global--padding-global);
  }
  .woocommerce-message,
  .woocommerce-error,
  .woocommerce-info {
    padding: 0.875em var(--padding-global--padding-global);
    margin-left: 0;
  }

  .woocommerce-NoticeGroup,
  .woocommerce-cart main .woocommerce .woocommerce-notices-wrapper {
    position: fixed;
    z-index: 9;
    left: 0;
    width: 100vw;
    bottom: 0;
    margin: 0;
  }
  .woocommerce-message,
  .woocommerce-error,
  .woocommerce-info {
    border-radius: 0;
    margin: 0;
  }
  .woocommerce-account #customer_login .u-column-1,
  .woocommerce-account #customer_login .u-column-2 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .woocommerce-order-overview,
  .woocommerce-customer-details address,
  .woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    font-size: 0.785em;
  }
  .woocommerce-cart-form__cart-item {
    position: relative;
  }
  .woocommerce table.cart td.product-remove {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .woocommerce table.shop_table thead {
    display: none;
  }

  .woocommerce-cart-form__contents {
    margin-top: -0.675em;
    border-spacing: 0 0.675em;
  }

  /* Table/tbody reset */
  .woocommerce-cart-form__contents,
  .woocommerce-cart-form__contents tbody {
    display: block !important;
  }

  /* TR kao grid card */
  .woocommerce-cart-form__cart-item.cart_item {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
      "thumb name   remove"
      "thumb price  remove"
      "thumb qty    ."
      "thumb total  .";
    gap: 10px 11px;
    align-items: start;
  }

  /* Thumbnail — leva kolona, sve redove */
  .woocommerce-cart-form__cart-item .product-thumbnail {
    grid-area: thumb;
    padding: 0 !important;
    border: none !important;
  }

  /* × button — desna kolona */
  .woocommerce-cart-form__cart-item .product-remove {
    grid-area: remove;
    padding: 0 !important;
    border: none !important;
    align-self: start;
  }

  /* Naziv */
  .woocommerce-cart-form__cart-item .product-name {
    grid-area: name;
    padding: 0 !important;
    border: none !important;
  }

  /* Cena */
  .woocommerce-cart-form__cart-item .product-price {
    grid-area: price;
  }

  /* Quantity stepper */
  .woocommerce-cart-form__cart-item .product-quantity {
    grid-area: qty;
  }

  /* Ukupno */
  .woocommerce-cart-form__cart-item .product-subtotal {
    grid-area: total;
  }
  .woocommerce table.cart td.product-thumbnail {
    width: 6.4em;
  }
  .woocommerce table.shop_table thead th.product-price,
  .woocommerce table.cart td.product-price,
  .woocommerce table.cart td {
    padding: 0;
  }
  .woocommerce table.cart td.product-name {
    width: auto;
    padding-top: 11px !important;
    padding-right: 40px !important;
  }
  .woocommerce table.cart td.product-subtotal {
    padding-bottom: 11px;
  }
  .woocommerce table.cart td.product-remove {
    top: 10px;
    right: 10px;
  }
  .cart-size {
    margin-top: 10px;
    font-size: 0.875em;
  }
  .woocommerce-cart-form__cart-item {
    margin-bottom: 0.675em;
  }
  .woocommerce-cart-form__contents {
    margin-top: 0;
    margin-bottom: 1.25em;
  }
  .woocommerce table.cart td.product-subtotal::before {
    content: "Ukupno";
    display: block;
    font-weight: 500;
    margin-bottom: 6px;
  }
  .woocommerce table.shop_table tr:last-of-type {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  /*Go to Checkout*/
  .cart-collaterals {
    padding: 0 0.675em 1.5em;
  }
  .cart-collaterals h2,
  .cart_totals h2 {
    font-size: 0.875em;
    padding: 1.15em 0;
    margin-bottom: 1.5em;
  }

  .coupon button.button {
    padding: 1em 1.25em;
  }
  .coupon .input-text {
    padding: 1em 0.875em;
  }
  .woocommerce-cart .cart-collaterals .cart_totals table td {
    padding: 1.75em 1.5em !important;
  }

  .cart-checkout table th,
  .woocommerce-cart .cart-collaterals .cart_totals table th {
    padding: 1.75em 1.5em !important;
    font-size: 0.785em;
    width: 44.5%;
  }

  .woocommerce table.shop_table tr:last-of-type,
  .woocommerce-cart .cart-collaterals .cart_totals table tr {
    display: table;
    width: 100%;
  }

  .cart-checkout table th,
  .cart-checkout table td,
  .cart_totals .order-total th,
  .cart_totals .order-total td {
    font-size: 0.785em !important;
  }
  .woocommerce-cart .wc-proceed-to-checkout,
  .cart-trust-box {
    margin-top: 1.5em;
  }
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding: 1em;
  }
  .cart-trust-box {
    gap: 11px 1.5em;
  }

  .woocommerce-checkout
    #payment
    .woocommerce-terms-and-conditions-wrapper
    label,
  .woocommerce-message,
  .woocommerce-error,
  .woocommerce-info {
    font-size: 0.75em;
  }

  .woocommerce table.shop_table tr:last-of-type,
  .woocommerce-cart .cart-collaterals .cart_totals table tr {
    display: table-row;
  }
}

@media only screen and (max-width: 575px) {
  .cart-trust-box .sp-delivery__row {
    font-size: 0.8375em;
    align-items: flex-start;
  }
  .cart-trust-payment {
    max-width: 14.6em;
  }
  .woocommerce .checkout_coupon button.button {
    padding: 1em 1em;
  }

  #billing_first_name_field,
  #billing_last_name_field {
    width: 100%;
  }
}

/* ============================================================
   PASSWORD STRENGTH
============================================================ */

.woocommerce-password-strength {
  margin-top: 0.5em;
  font-size: 0.8em;
  font-weight: 500;
  padding: 0.35em 0.6em;
  border-radius: var(--border-radius--small);
}

.woocommerce-password-strength.bad {
  background-color: #fde8e8;
  color: #c0392b;
}

.woocommerce-password-strength.good {
  background-color: #fef6e0;
  color: #d4850a;
}

.woocommerce-password-strength.strong {
  background-color: #e6f4ea;
  color: #2e7d32;
}