/*
Theme Name: Naturalway II 2025
Author: Mladen Jankovic - CODEMA Agencija za web development i digitalni marketing
Author URI: https://www.codema.xyz
Version: 2.1 
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: Naturalway
Tags: one-column, custom-colors, custom-menu*/

span.ab-novo.ab-najprodavaniji {
	background-color: red !important;
}

.featured-package .item-product-inner {
	box-shadow: 0 0 40px -7px #ff0000;
}

.featured-package .item-product-inner {
    position: relative;    
}

.featured-package:before {
    content: 'NAŠA PREPORUKA';
    position: absolute;
    z-index:9;
    color: #fff;
    background: green;
    padding: 4px 8px 3px;
    margin: 12px;
    border-radius: 8px;
    font-size: 14px;
}



/* =====================================================================
   LOYALTY / ACCOUNT STRANICE
   ===================================================================== */

/* --- Tokeni --- */
:is(.page-id-26064, .page-id-26066, .page-id-8, .page-id-9, .woocommerce-account, .woocommerce-cart, .woocommerce-checkout) {
  --lp-bg-start: #f3faf5;
  --lp-bg-end:   #e8f5ec;
  --lp-primary:      #4caf7a;
  --lp-primary-dark: #3d9866;
  --lp-text:    #1f3b2a;
  --lp-label:   #2d4a37;
  --lp-muted:   #4a5d52;
  --lp-border:  #d4e2d8;
  --lp-input-bg:#fafdfb;
  --lp-required:#c0392b;
  --lp-danger:  #b04444;
  --lp-warning: #d68910;
  --lp-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}



/* =====================================================================
   USKA KARTICA – Prijava / Registracija / Reset lozinke
   ===================================================================== */

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content {
  background: linear-gradient(135deg, var(--lp-bg-start) 0%, var(--lp-bg-end) 100%);
  padding: 60px 20px;
  min-height: 70vh;
  display: flex;
  align-items: center;
  font-family: var(--lp-font);
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .container {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .txt {
  background: #fff;
  border-radius: 14px;
  padding: 40px 36px;
  box-shadow: 0 10px 40px rgba(30, 90, 50, .08);
  border: 1px solid rgba(0, 0, 0, .04);
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .txt h2 {
  margin: 0 0 24px;
  font-size: 24px;
  font-weight: 600;
  color: var(--lp-text);
  text-align: center;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content :is(.form-row, .woocommerce-form-row) {
  display: flex;
  flex-direction: column;
  margin: 0 0 18px;
  width: 100%;
  float: none;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content
  :is(.form-row-first, .form-row-last, .form-row-wide, .woocommerce-form-row--wide) { width: 100%; }

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content label {
  font-size: 14px;
  font-weight: 500;
  color: var(--lp-label);
  margin-bottom: 6px;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .required { color: var(--lp-required); }

:is(.page-id-26064, .page-id-26066, .woocommerce-account) .screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content
  :is(input[type="text"], input[type="email"], input[type="password"]) {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  background: var(--lp-input-bg);
  color: var(--lp-text);
  transition: border-color .2s, box-shadow .2s, background .2s;
  box-sizing: border-box;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content
  :is(input[type="text"], input[type="email"], input[type="password"]):focus {
  outline: none;
  border-color: var(--lp-primary);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(76, 175, 122, .15);
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content form > p:not([class]) {
  font-size: 13.5px;
  color: var(--lp-muted);
  margin: -6px 0 18px;
  line-height: 1.5;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .woocommerce-privacy-policy-text {
  background: #f6faf7;
  border-left: 3px solid var(--lp-primary);
  padding: 12px 14px;
  border-radius: 6px;
  margin: 0 0 18px;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .woocommerce-privacy-policy-text p {
  margin: 0;
  font-size: 12.5px;
  color: var(--lp-muted);
  line-height: 1.55;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .woocommerce-privacy-policy-link {
  color: var(--lp-primary-dark);
  text-decoration: none;
  font-weight: 500;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .woocommerce-privacy-policy-link:hover {
  text-decoration: underline;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content wc-order-attribution-inputs {
  display: contents;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content
  .form-row:has(.woocommerce-form-login__rememberme) {
  flex-direction: column;
  gap: 18px;
  margin-top: 8px;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--lp-muted);
  cursor: pointer;
  margin: 0;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .woocommerce-form-login__rememberme input {
  width: 16px; height: 16px;
  accent-color: var(--lp-primary);
  margin: 0;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content
  :is(.woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword button[type="submit"]) {
  width: 100%;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: var(--lp-primary);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background .2s, transform .1s, box-shadow .2s;
  letter-spacing: .2px;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content
  :is(.woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword button[type="submit"]):hover {
  background: var(--lp-primary-dark);
  box-shadow: 0 4px 14px rgba(76, 175, 122, .35);
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content
  :is(.woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword button[type="submit"]):active {
  transform: translateY(1px);
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .lost_password {
  text-align: center;
  margin: 18px 0 0;
  font-size: 14px;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .lost_password a {
  color: var(--lp-primary-dark);
  text-decoration: none;
  font-weight: 500;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .lost_password a:hover {
  text-decoration: underline;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .lp-switch-form {
  text-align: center;
  margin: 18px 0 0;
  font-size: 14px;
  color: var(--lp-muted);
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .lp-switch-form a {
  color: var(--lp-primary-dark);
  font-weight: 500;
  text-decoration: none;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .lp-switch-form a:hover {
  text-decoration: underline;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .clear { clear: both; }

@media (max-width: 520px) {
  :is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content { padding: 30px 14px; }
  :is(.page-id-26064, .page-id-26066, .woocommerce-lost-password) .lite-green-content .txt {
    padding: 28px 20px;
    border-radius: 12px;
  }
}


/* =====================================================================
   RESET LOZINKE – eye dugme
   ===================================================================== */

.woocommerce-lost-password .lite-green-content .password-input {
  position: relative;
  display: block;
  width: 100%;
}
.woocommerce-lost-password .lite-green-content .password-input input[type="password"],
.woocommerce-lost-password .lite-green-content .password-input input[type="text"] {
  padding-right: 44px;
}
.woocommerce-lost-password .lite-green-content .show-password-input {
  position: absolute;
  top: 50%; right: 10px;
  transform: translateY(-50%);
  width: 26px; height: 26px;
  padding: 0; border: 0;
  background: transparent;
  cursor: pointer;
  opacity: .55;
  transition: opacity .2s;
}
.woocommerce-lost-password .lite-green-content .show-password-input:hover { opacity: 1; }
.woocommerce-lost-password .lite-green-content .show-password-input::before {
  content: "";
  position: absolute;
  inset: 0;
  background: center / 20px 20px no-repeat
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d4a37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z'/><circle cx='12' cy='12' r='3'/></svg>");
}
.woocommerce-lost-password .lite-green-content .show-password-input.display-password::before {
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d4a37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17.94 17.94A10.94 10.94 0 0 1 12 20c-7 0-11-8-11-8a19.77 19.77 0 0 1 5.06-5.94M9.9 4.24A10.94 10.94 0 0 1 12 4c7 0 11 8 11 8a19.86 19.86 0 0 1-3.17 4.19M1 1l22 22'/><path d='M14.12 14.12a3 3 0 1 1-4.24-4.24'/></svg>");
}


/* =====================================================================
   MY ACCOUNT – ulogovan korisnik (svi endpointi sem lost-password)
   Dashboard, Orders, Downloads, Addresses, Edit Account, View Order
   ===================================================================== */

/* Skraćenica za scope (radi specificity protiv WC default-a) */
/* Glavni selektor: body.woocommerce-account:not(.woocommerce-lost-password) */

/* --- Wrapper --- */
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content {
  background: linear-gradient(135deg, var(--lp-bg-start) 0%, var(--lp-bg-end) 100%);
  padding: 60px 20px;
  min-height: 70vh;
  font-family: var(--lp-font);
}

.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .row,
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .col-sm-12 {
  width: 100%;
}

.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .txt {
  background: #fff;
  border-radius: 14px;
  padding: 32px;
  box-shadow: 0 10px 40px rgba(30, 90, 50, .08);
  border: 1px solid rgba(0, 0, 0, .04);
}

/* --- KLJUČNI FIX: grid layout (override WC float-ova) --- */
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .woocommerce {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 32px;
  align-items: start;
}

/* Force grid placement i ukini default WC floatove + širine */
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .woocommerce-MyAccount-navigation {
  grid-column: 1;
  float: none;
  width: auto;
  margin: 0;
  padding: 0 20px 0 0;
  border-right: 1px solid var(--lp-border);
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .woocommerce-MyAccount-content {
  grid-column: 2;
  float: none;
  width: auto;
  margin: 0;
  min-width: 0;
  color: var(--lp-text);
  line-height: 1.6;
  font-size: 15px;
}

/* --- Sidebar nav --- */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 10px 14px;
  border-radius: 8px;
  color: var(--lp-label);
  text-decoration: none;
  font-size: 14.5px;
  font-weight: 500;
  transition: background .2s, color .2s;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation li a:hover {
  background: #f1f8f4;
  color: var(--lp-primary-dark);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation li.is-active a {
  background: var(--lp-primary);
  color: #fff;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation li.is-active a:hover {
  background: var(--lp-primary-dark);
  color: #fff;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--lp-border);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--lp-danger);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: #fdf1f1;
  color: var(--lp-danger);
}

/* --- Content – tipografija --- */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content > p {
  margin: 0 0 14px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content h2,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--lp-text);
  margin: 0 0 14px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content strong {
  color: var(--lp-text);
  font-weight: 600;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content a {
  color: var(--lp-primary-dark);
  text-decoration: none;
  font-weight: 500;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content a:hover {
  text-decoration: underline;
}

/* --- Notices (success/error/info) --- */
.woocommerce-account:not(.woocommerce-lost-password) :is(.woocommerce-message, .woocommerce-error, .woocommerce-info) {
  padding: 12px 16px;
  border-radius: 8px;
  margin: 0 0 20px;
  font-size: 14px;
  list-style: none;
  border-left: 3px solid;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-message {
  background: #e8f5ec;
  border-color: var(--lp-primary);
  color: var(--lp-text);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-error {
  background: #fdf1f1;
  border-color: var(--lp-danger);
  color: var(--lp-danger);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-info {
  background: #f6faf7;
  border-color: var(--lp-primary-dark);
  color: var(--lp-text);
}
.woocommerce-account:not(.woocommerce-lost-password) :is(.woocommerce-message, .woocommerce-error, .woocommerce-info) a {
  font-weight: 600;
  margin-left: 8px;
}

/* --- Tabele (orders, downloads) --- */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content table.shop_table,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .woocommerce-orders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  margin: 0 0 18px;
  border: 1px solid var(--lp-border);
  border-radius: 10px;
  overflow: hidden;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .woocommerce-orders-table th {
  padding: 12px 14px;
  font-weight: 600;
  color: var(--lp-label);
  background: #f6faf7;
  border-bottom: 1px solid var(--lp-border);
  text-align: left;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content table.shop_table td,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .woocommerce-orders-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--lp-border);
  vertical-align: middle;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content table.shop_table tr:last-child td,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .woocommerce-orders-table tr:last-child td {
  border-bottom: 0;
}

/* Order status badge */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table__cell-order-status .order-status,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table mark.order-status {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f1f8f4;
  color: var(--lp-primary-dark);
  font-weight: 600;
  font-size: 12.5px;
  text-transform: capitalize;
  line-height: 1.3;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table mark.order-status.status-processing,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table mark.order-status.status-on-hold {
  background: #fff4e0;
  color: var(--lp-warning);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table mark.order-status.status-cancelled,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table mark.order-status.status-failed,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table mark.order-status.status-refunded {
  background: #fdf1f1;
  color: var(--lp-danger);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table mark.order-status.status-completed {
  background: #e8f5ec;
  color: var(--lp-primary-dark);
}

/* Action dugmad u tabelama (View/Pay/Cancel) */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table__cell-order-actions {
  text-align: right;
  white-space: nowrap;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .button {
  display: inline-block;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  background: var(--lp-primary);
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s, box-shadow .2s;
  margin: 2px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .button:hover {
  background: var(--lp-primary-dark);
  color: #fff;
  text-decoration: none;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table__cell-order-actions .button.cancel {
  background: transparent;
  color: var(--lp-danger);
  border: 1px solid var(--lp-danger);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-orders-table__cell-order-actions .button.cancel:hover {
  background: var(--lp-danger);
  color: #fff;
}

/* --- Empty state (npr. "Niste još uvek napravili nijednu narudžbinu") --- */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .woocommerce-Message {
  background: #f6faf7;
  border: 1px dashed var(--lp-border);
  border-radius: 10px;
  padding: 28px 24px;
  text-align: center;
  color: var(--lp-muted);
  font-size: 14.5px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .woocommerce-Message a.button {
  margin-top: 12px;
}

/* --- Paginacija --- */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-pagination {
  margin: 18px 0 0;
  text-align: center;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-pagination ul {
  display: inline-flex;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-pagination ul li {
  margin: 0;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-pagination ul li a,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-pagination ul li span {
  display: inline-block;
  min-width: 36px;
  padding: 7px 10px;
  border-radius: 6px;
  border: 1px solid var(--lp-border);
  background: #fff;
  color: var(--lp-label);
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 500;
  transition: background .2s, color .2s, border-color .2s;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-pagination ul li a:hover {
  background: #f1f8f4;
  color: var(--lp-primary-dark);
  border-color: var(--lp-primary);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-pagination ul li span.current {
  background: var(--lp-primary);
  color: #fff;
  border-color: var(--lp-primary);
}

/* --- Addresses (My Account > Adrese) --- */
.woocommerce-account:not(.woocommerce-lost-password) .u-columns,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 0 0 18px;
}
.woocommerce-account:not(.woocommerce-lost-password) .u-column1,
.woocommerce-account:not(.woocommerce-lost-password) .u-column2,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address {
  width: auto !important;
  float: none !important;
  background: #f6faf7;
  border: 1px solid var(--lp-border);
  border-radius: 10px;
  padding: 20px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px;
  gap: 12px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address-title h2,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address-title h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--lp-text);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address-title .edit {
  font-size: 13px;
  color: var(--lp-primary-dark);
  text-decoration: none;
  font-weight: 600;
  padding: 5px 10px;
  border: 1px solid var(--lp-primary);
  border-radius: 6px;
  transition: background .2s, color .2s;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address-title .edit:hover {
  background: var(--lp-primary);
  color: #fff;
  text-decoration: none;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.65;
  color: var(--lp-muted);
  margin: 0;
}

/* --- Edit account / Edit address forme --- */
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content :is(.form-row, .woocommerce-form-row) {
  display: flex;
  flex-direction: column;
  margin: 0 0 16px;
  width: 100%;
  float: none;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content :is(.form-row-first, .woocommerce-form-row--first) {
  width: calc(50% - 8px);
  margin-right: 16px;
  float: left;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content :is(.form-row-last, .woocommerce-form-row--last) {
  width: calc(50% - 8px);
  float: left;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content :is(.form-row-wide, .woocommerce-form-row--wide) {
  width: 100%;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--lp-label);
  margin-bottom: 6px;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .required {
  color: var(--lp-required);
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content
  :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], select, textarea) {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  background: var(--lp-input-bg);
  color: var(--lp-text);
  transition: border-color .2s, box-shadow .2s, background .2s;
  box-sizing: border-box;
  font-family: var(--lp-font);
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content
  :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], select, textarea):focus {
  outline: none;
  border-color: var(--lp-primary);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(76, 175, 122, .15);
}

/* Fieldset – "Promena lozinke" sekcija u Edit Account */
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content fieldset {
  border: 1px solid var(--lp-border);
  border-radius: 10px;
  padding: 20px;
  margin: 24px 0;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content fieldset legend {
  padding: 0 8px;
  font-size: 15px;
  font-weight: 600;
  color: var(--lp-text);
}

/* Password strength meter */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-password-strength {
  margin-top: 6px;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 600;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-password-strength.strong {
  background: #e8f5ec; color: var(--lp-primary-dark);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-password-strength.short,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-password-strength.bad {
  background: #fdf1f1; color: var(--lp-danger);
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-password-strength.good {
  background: #fff4e0; color: var(--lp-warning);
}

/* Eye dugme u my-account formama (edit-account ima isto) */
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .password-input {
  position: relative;
  display: block;
  width: 100%;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .password-input input {
  padding-right: 44px;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .show-password-input {
  position: absolute;
  top: 50%; right: 10px;
  transform: translateY(-50%);
  width: 26px; height: 26px;
  padding: 0; border: 0;
  background: transparent;
  cursor: pointer;
  opacity: .55;
  transition: opacity .2s;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .show-password-input:hover { opacity: 1; }
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .show-password-input::before {
  content: "";
  position: absolute;
  inset: 0;
  background: center / 20px 20px no-repeat
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d4a37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z'/><circle cx='12' cy='12' r='3'/></svg>");
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .show-password-input.display-password::before {
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d4a37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17.94 17.94A10.94 10.94 0 0 1 12 20c-7 0-11-8-11-8a19.77 19.77 0 0 1 5.06-5.94M9.9 4.24A10.94 10.94 0 0 1 12 4c7 0 11 8 11 8a19.86 19.86 0 0 1-3.17 4.19M1 1l22 22'/><path d='M14.12 14.12a3 3 0 1 1-4.24-4.24'/></svg>");
}

/* Submit dugmad – sve u my-account oblasti */
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content :is(.woocommerce-Button, button[type="submit"], p.form-row .button) {
  display: inline-block;
  padding: 11px 22px;
  font-size: 14.5px;
  font-weight: 600;
  color: #fff;
  background: var(--lp-primary);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s, transform .1s, box-shadow .2s;
  letter-spacing: .2px;
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content :is(.woocommerce-Button, button[type="submit"], p.form-row .button):hover {
  background: var(--lp-primary-dark);
  color: #fff;
  box-shadow: 0 4px 14px rgba(76, 175, 122, .35);
}
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content :is(.woocommerce-Button, button[type="submit"], p.form-row .button):active {
  transform: translateY(1px);
}

/* --- View order – order detalji --- */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-order-details,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-customer-details {
  margin: 0 0 24px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-order-details__title,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-column__title {
  font-size: 17px;
  font-weight: 600;
  color: var(--lp-text);
  margin: 0 0 12px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-customer-details address {
  font-style: normal;
  padding: 16px;
  background: #f6faf7;
  border: 1px solid var(--lp-border);
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.65;
  color: var(--lp-muted);
}

/* --- Downloads tabela (specifična kolona "Preuzmi") --- */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-downloads .download-product a {
  color: var(--lp-text);
  font-weight: 500;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-downloads .download-file .button {
  font-size: 13px;
}

/* --- Mobile (my-account) --- */
@media (max-width: 768px) {
  .woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .woocommerce {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .woocommerce-MyAccount-navigation {
    grid-column: 1;
    border-right: none;
    border-bottom: 1px solid var(--lp-border);
    padding: 0 0 16px;
  }
  .woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .woocommerce-MyAccount-content {
    grid-column: 1;
  }
  .woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
  }
  .woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation li a {
    padding: 8px 12px;
    font-size: 13.5px;
  }
  .woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  /* Adresse u jednu kolonu */
  .woocommerce-account:not(.woocommerce-lost-password) .u-columns,
  .woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }

  /* Form first/last full width */
  .woocommerce-account:not(.woocommerce-lost-password) .lite-green-content :is(.form-row-first, .woocommerce-form-row--first),
  .woocommerce-account:not(.woocommerce-lost-password) .lite-green-content :is(.form-row-last, .woocommerce-form-row--last) {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  /* Tabele – horizontalni scroll na malim ekranima */
  .woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content table.shop_table,
  .woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .woocommerce-orders-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .txt {
    padding: 24px 18px;
  }
}

@media (max-width: 520px) {
  .woocommerce-account:not(.woocommerce-lost-password) .lite-green-content { padding: 30px 14px; }
}


/* =====================================================================
   TOP BANNER – sve account stranice
   ===================================================================== */

:is(.page-id-26064, .page-id-26066, .woocommerce-account) .top-image {
  position: relative;
  background: linear-gradient(135deg, var(--lp-primary-dark) 0%, var(--lp-primary) 60%, #6cc28f 100%);
  padding: 70px 20px 60px;
  text-align: center;
  overflow: hidden;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-account) .top-image::before,
:is(.page-id-26064, .page-id-26066, .woocommerce-account) .top-image::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  pointer-events: none;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-account) .top-image::before {
  width: 280px; height: 280px;
  top: -120px; left: -80px;
}
:is(.page-id-26064, .page-id-26066, .woocommerce-account) .top-image::after {
  width: 200px; height: 200px;
  bottom: -100px; right: -60px;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-account) .top-image .container {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
}

:is(.page-id-26064, .page-id-26066, .woocommerce-account) .top-image .product-h1 {
  margin: 0;
  font-family: var(--lp-font);
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 600;
  color: #fff;
  letter-spacing: .3px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

@media (max-width: 520px) {
  :is(.page-id-26064, .page-id-26066, .woocommerce-account) .top-image { padding: 50px 16px 40px; }
}


/* =====================================================================
   MY ACCOUNT – FIX-evi (override default WC float-ova i sitnice)
   ===================================================================== */

/* --- FIX: Adrese – grid layout (WC default float-ovi nadjačani) --- */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .u-columns,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .col2-set {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin: 0 0 18px !important;
  width: 100% !important;
  float: none !important;
}

.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content
  :is(.u-column1, .u-column2, .col-1, .col-2, .woocommerce-Address) {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 20px;
  background: #f6faf7;
  border: 1px solid var(--lp-border);
  border-radius: 10px;
  box-sizing: border-box;
}

/* WC ::after clearfix može da pravi prazan red u grid-u – sakrij ga */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content :is(.u-columns, .col2-set)::before,
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content :is(.u-columns, .col2-set)::after {
  display: none !important;
}

/* --- FIX: Address-title (button + naslov bez overflow-a) --- */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin: 0 0 12px;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address-title :is(h2, h3) {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--lp-text);
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.3;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address-title .edit {
  flex: 0 1 auto;
  font-size: 12.5px;
  padding: 6px 12px;
  border: 1px solid var(--lp-primary);
  border-radius: 6px;
  color: var(--lp-primary-dark);
  font-weight: 600;
  text-decoration: none;
  background: #fff;
  line-height: 1.3;
  text-align: center;
  transition: background .2s, color .2s;
}
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address-title .edit:hover {
  background: var(--lp-primary);
  color: #fff;
  text-decoration: none;
}

/* Address sadržaj (kad nema adrese – placeholder text) */
.woocommerce-account:not(.woocommerce-lost-password) .woocommerce-Address address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.65;
  color: var(--lp-muted);
  margin: 0;
}

/* --- FIX: Dugme unutar info/message/error notice-a (reset gradient/shadow) --- */
.woocommerce-account:not(.woocommerce-lost-password) :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.woocommerce-account:not(.woocommerce-lost-password) :is(.woocommerce-info, .woocommerce-message, .woocommerce-error)
  :is(.button, .wc-forward, a.button) {
  margin: 0 0 0 auto;
  padding: 8px 16px;
  background: var(--lp-primary);
  background-image: none;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
  line-height: 1.4;
  display: inline-block;
  transition: background .2s, box-shadow .2s;
}
.woocommerce-account:not(.woocommerce-lost-password) :is(.woocommerce-info, .woocommerce-message, .woocommerce-error)
  :is(.button, .wc-forward, a.button):hover {
  background: var(--lp-primary-dark);
  color: #fff;
  box-shadow: 0 4px 14px rgba(76, 175, 122, .35);
  text-decoration: none;
}

/* --- FIX: Hint/description tekst ispod inputa (display name "Ovo je kako...") --- */
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content [id$="_description"],
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content small.description,
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content .description,
.woocommerce-account:not(.woocommerce-lost-password) .lite-green-content form em {
  display: block;
  font-size: 12.5px;
  font-style: normal;
  color: var(--lp-muted);
  margin-top: 6px;
  line-height: 1.5;
}

/* --- FIX: Mobile – adrese stack u jednu kolonu --- */
@media (max-width: 768px) {
  .woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .u-columns,
  .woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .woocommerce-Addresses,
  .woocommerce-account:not(.woocommerce-lost-password) .woocommerce-MyAccount-content .col2-set {
    grid-template-columns: 1fr !important;
  }
  .woocommerce-account:not(.woocommerce-lost-password) :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
    flex-direction: column;
    align-items: flex-start;
  }
  .woocommerce-account:not(.woocommerce-lost-password) :is(.woocommerce-info, .woocommerce-message, .woocommerce-error)
    :is(.button, .wc-forward, a.button) {
    margin-left: 0;
  }
}

:is(.page-id-26064, .page-id-26066, .page-id-10) .woocommerce-info {
    min-width: 100% !important;
	display: flex !important;
    flex-direction: row;
    justify-content: space-between !important;
    background-color: #f3faf5 !important;
	padding: 16px !important;
}

/* =====================================================================
   CART STRANICA (page-id-8)
   ===================================================================== */

/* --- Banner --- */
body.page-id-8 .top-image,
body.page-id-8 .top-image.top-image2 {
  position: relative !important;
  background: linear-gradient(135deg, var(--lp-primary-dark) 0%, var(--lp-primary) 60%, #6cc28f 100%) !important;
  padding: 70px 20px 60px !important;
  text-align: center !important;
  overflow: hidden !important;
  font-family: var(--lp-font);
}
body.page-id-8 .top-image::before,
body.page-id-8 .top-image::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  pointer-events: none;
}
body.page-id-8 .top-image::before {
  width: 280px; height: 280px;
  top: -120px; left: -80px;
}
body.page-id-8 .top-image::after {
  width: 200px; height: 200px;
  bottom: -100px; right: -60px;
}
body.page-id-8 .top-image .container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
body.page-id-8 .top-image .product-h1 {
  margin: 0 !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  font-weight: 600 !important;
  color: #fff !important;
  letter-spacing: .3px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

/* --- Wrapper --- */
body.page-id-8 .lite-green-content {
  background: linear-gradient(135deg, var(--lp-bg-start) 0%, var(--lp-bg-end) 100%) !important;
  padding: 60px 20px;
  min-height: 70vh;
  font-family: var(--lp-font);
}
body.page-id-8 .lite-green-content .container {
  margin: 0 auto;
}
body.page-id-8 .lite-green-content .txt {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* --- Layout --- */
body.page-id-8 .woocommerce > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
  margin: 0;
}
body.page-id-8 .woocommerce > .row > .col-md-9,
body.page-id-8 .woocommerce > .row > .col-md-3 {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

body.page-id-8 .woocommerce-cart-form,
body.page-id-8 .cart-collaterals {
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 10px 40px rgba(30, 90, 50, .08);
  border: 1px solid rgba(0, 0, 0, .04);
}

/* --- Loyalty notice (Pravilo popusta...) --- */
body.page-id-8 #wps_wpr_order_notice,
body.page-id-8 .wps_wpr_cart_redemption__notice,
body.page-id-8 .woocommerce-message.wps_wpr_cart_redemption__notice {
  display: block !important;
  background: linear-gradient(135deg, var(--lp-primary), var(--lp-primary-dark)) !important;
  background-color: var(--lp-primary) !important;
  color: #fff !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  margin: 0 0 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  list-style: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.page-id-8 #wps_wpr_order_notice .woocommerce-Price-amount,
body.page-id-8 #wps_wpr_order_notice .woocommerce-Price-currencySymbol {
  font-weight: 700 !important;
  color: #fff !important;
}
body.page-id-8 #wps_wpr_order_notice::before {
  display: none !important;
}

/* --- Cart table --- */
body.page-id-8 .woocommerce-cart-form__contents {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--lp-border);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  margin: 0 0 18px;
  font-size: 14px;
}
body.page-id-8 .woocommerce-cart-form__contents thead th {
  background: #f6faf7;
  padding: 12px 14px;
  font-weight: 600;
  color: var(--lp-label);
  text-align: left;
  border-bottom: 1px solid var(--lp-border);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .5px;
  white-space: nowrap;
}
body.page-id-8 .woocommerce-cart-form__contents tbody td {
  padding: 14px;
  border-bottom: 1px solid var(--lp-border);
  vertical-align: middle;
  color: var(--lp-text);
}
body.page-id-8 .woocommerce-cart-form__contents tbody tr:last-child td {
  border-bottom: 0;
}

/* --- Remove × dugme (FIX) --- */
body.page-id-8 .product-remove {
  width: 50px !important;
  text-align: center !important;
  padding: 14px 8px !important;
}
body.page-id-8 .product-remove .remove,
body.page-id-8 .product-remove a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  background: #fdf1f1 !important;
  color: var(--lp-danger) !important;
  border-radius: 50% !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  padding: 0 !important;
  transition: background .2s, color .2s, transform .15s !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-image: none !important;
}
body.page-id-8 .product-remove .remove:hover,
body.page-id-8 .product-remove a.remove:hover {
  background: var(--lp-danger) !important;
  color: #fff !important;
  transform: scale(1.1) !important;
}

/* --- Product thumbnail --- */
body.page-id-8 .product-thumbnail {
  width: 90px;
  padding: 14px !important;
}
body.page-id-8 .product-thumbnail a {
  display: block;
  line-height: 0;
}
body.page-id-8 .product-thumbnail img,
body.page-id-8 .product-thumbnail .attachment-woocommerce_thumbnail {
  width: 70px !important;
  height: 70px !important;
  max-width: 70px !important;
  max-height: 70px !important;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--lp-border);
  display: block !important;
}

/* --- Product name --- */
body.page-id-8 .product-name {
  min-width: 200px;
}
body.page-id-8 .product-name a {
  color: var(--lp-text);
  font-weight: 600;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.4;
}
body.page-id-8 .product-name a:hover {
  color: var(--lp-primary-dark);
}

/* --- Price / Subtotal --- */
body.page-id-8 .product-price,
body.page-id-8 .product-subtotal {
  font-weight: 600;
  color: var(--lp-text);
  white-space: nowrap;
}
body.page-id-8 .product-subtotal .woocommerce-Price-amount {
  color: var(--lp-primary-dark);
}

/* --- Quantity --- */
body.page-id-8 .product-quantity .quantity {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--lp-input-bg);
}
body.page-id-8 .product-quantity .qty_button {
  width: 36px;
  border: 0;
  background: transparent;
  color: var(--lp-label);
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: background .15s, color .15s;
}
body.page-id-8 .product-quantity .qty_button:hover {
  background: var(--lp-primary);
  color: #fff;
}
body.page-id-8 .product-quantity input.qty {
  width: 46px;
  border: 0;
  border-left: 1px solid var(--lp-border);
  border-right: 1px solid var(--lp-border);
  text-align: center;
  background: #fff;
  color: var(--lp-text);
  font-size: 14px;
  font-weight: 600;
  padding: 8px 4px;
  -moz-appearance: textfield;
}
body.page-id-8 .product-quantity input.qty::-webkit-outer-spin-button,
body.page-id-8 .product-quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* --- Actions --- */
body.page-id-8 .woocommerce-cart-form__contents tr td.actions {
  background: #f6faf7;
  padding: 16px 14px !important;
}
body.page-id-8 .coupon {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}
body.page-id-8 .coupon #coupon_code {
  flex: 1 1 auto;
  padding: 10px 14px;
  font-size: 14px;
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  background: #fff;
  color: var(--lp-text);
  min-width: 0;
  max-width: 260px;
}
body.page-id-8 .coupon #coupon_code:focus {
  outline: none;
  border-color: var(--lp-primary);
  box-shadow: 0 0 0 3px rgba(76, 175, 122, .15);
}
body.page-id-8 .coupon button[name="apply_coupon"] {
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  background: var(--lp-primary);
  color: #fff;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
}
body.page-id-8 .coupon button[name="apply_coupon"]:hover {
  background: var(--lp-primary-dark);
}
body.page-id-8 button[name="update_cart"] {
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  color: var(--lp-muted);
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  cursor: pointer;
  margin-right: 8px;
}
body.page-id-8 button[name="update_cart"]:hover:not([disabled]) {
  background: var(--lp-bg-start);
  border-color: var(--lp-primary);
}
body.page-id-8 button[name="update_cart"][disabled] {
  opacity: .5;
  cursor: not-allowed;
}

/* Apply Points */
body.page-id-8 .wps_wpr_apply_custom_points {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  background: #fff;
  padding: 14px;
  border-radius: 10px;
  border: 1px dashed var(--lp-border);
  margin: 12px 0 0;
}
body.page-id-8 .wps_wpr_apply_custom_points #wps_cart_points {
  flex: 1 1 120px;
  max-width: 160px;
  padding: 10px 14px;
  font-size: 14px;
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  background: var(--lp-input-bg);
}
body.page-id-8 .wps_wpr_apply_custom_points #wps_cart_points_apply {
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  background: var(--lp-primary);
  color: #fff;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
body.page-id-8 .wps_wpr_apply_custom_points #wps_cart_points_apply:hover {
  background: var(--lp-primary-dark);
}
body.page-id-8 .wps_wpr_restrict_user_message,
body.page-id-8 .wps_wpr_show_restrict_message {
  flex: 1 1 100%;
  margin: 0;
  font-size: 13px;
  color: var(--lp-muted);
}

/* --- Cart Totals sidebar --- */
body.page-id-8 .cart_totals {
  position: sticky;
  top: 20px;
}
body.page-id-8 .cart_totals h2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--lp-text);
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--lp-primary);
}
body.page-id-8 .cart_totals .shop_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 0 16px;
  font-size: 14px;
}
body.page-id-8 .cart_totals .shop_table th,
body.page-id-8 .cart_totals .shop_table td {
  padding: 12px 0;
  border-bottom: 1px dashed var(--lp-border);
  vertical-align: top;
  background: transparent;
}
body.page-id-8 .cart_totals .shop_table th {
  font-weight: 500;
  color: var(--lp-label);
  text-align: left;
  width: 45%;
  white-space: nowrap;
}
body.page-id-8 .cart_totals .shop_table td {
  text-align: right;
  color: var(--lp-text);
  white-space: nowrap;
}
body.page-id-8 .cart_totals .order-total th,
body.page-id-8 .cart_totals .order-total td {
  border-bottom: 0;
  padding-top: 16px;
  font-size: 16px;
  font-weight: 700;
}
body.page-id-8 .cart_totals .order-total td strong .woocommerce-Price-amount {
  color: var(--lp-primary-dark);
}
body.page-id-8 .cart_totals .cart-discount td {
  color: var(--lp-danger);
  font-weight: 500;
}
body.page-id-8 .cart_totals .cart-discount .wps_remove_virtual_coupon {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  background: #fdf1f1;
  color: var(--lp-danger);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}
body.page-id-8 .cart_totals .cart-discount .wps_remove_virtual_coupon:hover {
  background: var(--lp-danger);
  color: #fff;
}
body.page-id-8 .cart_totals .woocommerce-shipping-methods {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.page-id-8 .cart_totals .woocommerce-shipping-methods label {
  color: var(--lp-text);
  font-weight: 500;
}
body.page-id-8 .cart_totals .woocommerce-shipping-destination {
  font-size: 12px;
  color: var(--lp-muted);
  margin: 6px 0 0;
  line-height: 1.4;
  white-space: normal;
}
body.page-id-8 .cart_totals > p small {
  display: block;
  font-size: 12px;
  color: var(--lp-muted);
  line-height: 1.5;
  margin: 0 0 16px;
  font-style: italic;
}

/* --- Free Shipping Progress Bar --- */
body.page-id-8 .wpcfb-wrap {
  background: var(--lp-bg-start);
  padding: 14px;
  border-radius: 10px;
  margin: 0 0 14px;
  border: 1px solid var(--lp-border);
}
body.page-id-8 .wpcfb-wrap .wpcfb-title {
  color: var(--lp-text);
  font-weight: 600;
  font-size: 13px;
  margin: 0 0 8px;
}
body.page-id-8 .wpcfb-wrap .wpcfb-progress-bar {
  background: rgba(76, 175, 122, .18) !important;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  margin: 0 0 10px;
}
body.page-id-8 .wpcfb-wrap .wpcfb-progress-amount {
  background: linear-gradient(90deg, var(--lp-primary), var(--lp-primary-dark)) !important;
  height: 100%;
  border-radius: 999px;
  display: block;
}
body.page-id-8 .wpcfb-wrap .wpcfb-message {
  font-size: 13px;
  color: var(--lp-text);
  line-height: 1.5;
  text-align: left;
}
body.page-id-8 .wpcfb-wrap .wpcfb-message .woocommerce-Price-amount {
  font-weight: 700;
  color: var(--lp-primary-dark);
}

/* --- Checkout button --- */
body.page-id-8 .wc-proceed-to-checkout .checkout-button {
  display: block;
  width: 100%;
  padding: 14px 22px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: var(--lp-primary);
  border: 0;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  letter-spacing: .3px;
  transition: background .2s, box-shadow .2s;
  line-height: 1.3;
}
body.page-id-8 .wc-proceed-to-checkout .checkout-button:hover {
  background: var(--lp-primary-dark);
  color: #fff;
  box-shadow: 0 6px 18px rgba(76, 175, 122, .4);
  text-decoration: none;
}

/* --- Mobile --- */
@media (max-width: 992px) {
  body.page-id-8 .woocommerce > .row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  body.page-id-8 .cart_totals {
    position: static;
  }
}

@media (max-width: 768px) {
  body.page-id-8 .lite-green-content {
    padding: 30px 14px;
  }
  body.page-id-8 .woocommerce-cart-form,
  body.page-id-8 .cart-collaterals {
    padding: 18px 14px;
  }
  body.page-id-8 .woocommerce-cart-form__contents {
    display: block;
    border: 0;
    background: transparent;
  }
  body.page-id-8 .woocommerce-cart-form__contents thead {
    display: none;
  }
  body.page-id-8 .woocommerce-cart-form__contents tbody,
  body.page-id-8 .woocommerce-cart-form__contents tbody tr,
  body.page-id-8 .woocommerce-cart-form__contents tbody td {
    display: block;
    width: 100%;
  }
  body.page-id-8 .woocommerce-cart-form__contents tbody tr.cart_item {
    background: #f6faf7;
    border: 1px solid var(--lp-border);
    border-radius: 12px;
    margin: 0 0 12px;
    padding: 14px;
    position: relative;
  }
  body.page-id-8 .woocommerce-cart-form__contents tbody td {
    border: 0;
    padding: 6px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  body.page-id-8 .woocommerce-cart-form__contents tbody td[data-title]::before {
    content: attr(data-title);
    font-size: 13px;
    color: var(--lp-muted);
    font-weight: 500;
  }
  body.page-id-8 .product-remove {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    width: auto !important;
    padding: 0 !important;
  }
  body.page-id-8 .product-thumbnail {
    width: auto !important;
    justify-content: center !important;
    padding: 8px 0 !important;
  }
  body.page-id-8 .product-thumbnail img {
    width: 110px !important;
    height: 110px !important;
    max-width: 110px !important;
    max-height: 110px !important;
  }
  body.page-id-8 .product-name {
    justify-content: center !important;
    text-align: center;
    font-size: 16px;
    padding: 8px 0 !important;
    min-width: 0;
  }
  body.page-id-8 .product-thumbnail::before,
  body.page-id-8 .product-name::before {
    display: none !important;
  }

  body.page-id-8 .woocommerce-cart-form__contents tr td.actions {
    background: transparent;
    padding: 16px 0 0 !important;
  }
  body.page-id-8 .coupon {
    flex-direction: column;
    align-items: stretch;
  }
  body.page-id-8 .coupon #coupon_code,
  body.page-id-8 .coupon button[name="apply_coupon"],
  body.page-id-8 button[name="update_cart"] {
    width: 100%;
    max-width: none;
    margin: 0 0 8px;
  }
  body.page-id-8 .wps_wpr_apply_custom_points {
    flex-direction: column;
    align-items: stretch;
  }
  body.page-id-8 .wps_wpr_apply_custom_points #wps_cart_points,
  body.page-id-8 .wps_wpr_apply_custom_points #wps_cart_points_apply {
    flex: none;
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 520px) {
  body.page-id-8 .top-image,
  body.page-id-8 .top-image.top-image2 {
    padding: 50px 16px 40px !important;
  }
}




/* =====================================================================
   CHECKOUT STRANICA (page-id-9)
   ===================================================================== */

/* --- Banner --- */
body.page-id-9 .top-image,
body.page-id-9 .top-image.top-image2 {
  position: relative !important;
  background: linear-gradient(135deg, var(--lp-primary-dark) 0%, var(--lp-primary) 60%, #6cc28f 100%) !important;
  padding: 70px 20px 60px !important;
  text-align: center !important;
  overflow: hidden !important;
  font-family: var(--lp-font);
}
body.page-id-9 .top-image::before,
body.page-id-9 .top-image::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  pointer-events: none;
}
body.page-id-9 .top-image::before {
  width: 280px; height: 280px;
  top: -120px; left: -80px;
}
body.page-id-9 .top-image::after {
  width: 200px; height: 200px;
  bottom: -100px; right: -60px;
}
body.page-id-9 .top-image .container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
body.page-id-9 .top-image .product-h1 {
  margin: 0 !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  font-weight: 600 !important;
  color: #fff !important;
  letter-spacing: .3px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

/* --- Wrapper / pozadina --- */
body.page-id-9 .lite-green-content {
  background: linear-gradient(135deg, var(--lp-bg-start) 0%, var(--lp-bg-end) 100%) !important;
  padding: 60px 20px;
  min-height: 70vh;
  font-family: var(--lp-font);
  color: var(--lp-text);
}
body.page-id-9 .lite-green-content .container {
  margin: 0 auto;
}
body.page-id-9 .lite-green-content > .container > .row > .col-sm-12 > .txt {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.page-id-9 .lite-green-content .woocommerce > .container {
  max-width: none;
  padding: 0;
}

/* --- 2-kolonski layout --- */
body.page-id-9 form.checkout > .row {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 24px;
  align-items: start;
  margin: 0;
}
body.page-id-9 form.checkout > .row > .col-sm-6 {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

/* Customer details i Order review kartice */
body.page-id-9 #customer_details,
body.page-id-9 #order_review_heading + .wpcfb-wrap,
body.page-id-9 #order_review {
  background: #fff;
  border-radius: 14px;
  padding: 24px !important;
  box-shadow: 0 10px 40px rgba(30, 90, 50, .08);
  border: 1px solid rgba(0, 0, 0, .04);
}
body.page-id-9 #customer_details {
  margin: 0;
}

/* Sticky right column */
body.page-id-9 form.checkout > .row > .col-sm-6:last-child {
  position: sticky;
  top: 20px;
}

/* --- Heading-i --- */
body.page-id-9 .woocommerce-billing-fields h3,
body.page-id-9 .woocommerce-shipping-fields h3,
body.page-id-9 .woocommerce-additional-fields h3,
body.page-id-9 #order_review_heading {
  font-size: 18px;
  font-weight: 600;
  color: var(--lp-text);
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--lp-primary);
}
body.page-id-9 #order_review_heading {
  margin-bottom: 14px;
}

/* --- Form rows --- */
body.page-id-9 .woocommerce-checkout :is(.form-row, p.form-row) {
  display: flex;
  flex-direction: column;
  margin: 0 0 14px;
  width: 100%;
  float: none;
  padding: 0;
}
body.page-id-9 .woocommerce-checkout .form-row-first,
body.page-id-9 .woocommerce-checkout .form-row-last {
  width: calc(50% - 8px);
}
body.page-id-9 .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.page-id-9 .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.page-id-9 .woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 16px;
}
body.page-id-9 .woocommerce-checkout :is(.form-row-wide, #billing_email_field, #billing_phone_field, #billing_country_field, #billing_address_1_field, #billing_address_2_field, #billing_city_field, #billing_city_details_field, #billing_postcode_field, #kl_newsletter_checkbox_field, #shipping_country_field, #shipping_address_1_field, #shipping_address_2_field, #shipping_city_field, #shipping_city_details_field, #shipping_state_field, #shipping_postcode_field, #order_comments_field, .form-row.notes) {
  grid-column: 1 / -1;
  width: 100%;
}
body.page-id-9 .woocommerce-checkout :is(#billing_first_name_field, #shipping_first_name_field) { grid-column: 1; width: 100%; }
body.page-id-9 .woocommerce-checkout :is(#billing_last_name_field, #shipping_last_name_field)   { grid-column: 2; width: 100%; }

/* Labels */
body.page-id-9 .woocommerce-checkout label {
  font-size: 14px;
  font-weight: 500;
  color: var(--lp-label);
  margin-bottom: 6px;
  display: block;
}
body.page-id-9 .woocommerce-checkout label .required {
  color: var(--lp-required);
  text-decoration: none;
  font-weight: 600;
}
body.page-id-9 .woocommerce-checkout label .optional {
  color: var(--lp-muted);
  font-weight: 400;
  font-size: 12.5px;
}

/* Inputs */
body.page-id-9 .woocommerce-checkout
  :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], select, textarea) {
  width: 100%;
  padding: 11px 14px;
  font-size: 15px;
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  background: var(--lp-input-bg);
  color: var(--lp-text);
  transition: border-color .2s, box-shadow .2s, background .2s;
  box-sizing: border-box;
  font-family: var(--lp-font);
}
body.page-id-9 .woocommerce-checkout
  :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], select, textarea):focus {
  outline: none;
  border-color: var(--lp-primary);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(76, 175, 122, .15);
}
body.page-id-9 .woocommerce-checkout textarea {
  resize: vertical;
  min-height: 80px;
}

/* Country readonly display */
body.page-id-9 .woocommerce-checkout #billing_country_field .woocommerce-input-wrapper strong,
body.page-id-9 .woocommerce-checkout #shipping_country_field .woocommerce-input-wrapper strong {
  display: block;
  padding: 11px 14px;
  background: #f6faf7;
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  font-weight: 500;
  color: var(--lp-text);
}

/* Select2 — okrug dropdown */
body.page-id-9 .woocommerce-checkout .select2-container .select2-selection--single {
  height: auto;
  padding: 9px 14px;
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  background: var(--lp-input-bg);
}
body.page-id-9 .woocommerce-checkout .select2-container .select2-selection__rendered {
  padding: 0;
  line-height: 1.5;
  color: var(--lp-text);
  font-size: 15px;
}
body.page-id-9 .woocommerce-checkout .select2-container .select2-selection__placeholder {
  color: var(--lp-muted);
}
body.page-id-9 .woocommerce-checkout .select2-container .select2-selection__arrow {
  height: 100%;
  right: 8px;
  top: 0;
}
body.page-id-9 .woocommerce-checkout .select2-container--default .select2-selection--single:focus,
body.page-id-9 .woocommerce-checkout .select2-container--open .select2-selection--single {
  border-color: var(--lp-primary);
  box-shadow: 0 0 0 3px rgba(76, 175, 122, .15);
  background: #fff;
}

/* --- Shipping checkbox row --- */
body.page-id-9 #ship-to-different-address {
  font-size: 15px;
  font-weight: 500;
  color: var(--lp-text);
  margin: 18px 0 14px;
  padding: 0;
  border: 0;
}
body.page-id-9 #ship-to-different-address label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin: 0;
  font-weight: 500;
}
body.page-id-9 #ship-to-different-address input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--lp-primary);
  margin: 0;
  cursor: pointer;
}

/* Newsletter checkbox */
body.page-id-9 #kl_newsletter_checkbox_field label.checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  color: var(--lp-muted);
  font-weight: 400;
  margin: 0;
}
body.page-id-9 #kl_newsletter_checkbox_field input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--lp-primary);
  margin: 0;
  cursor: pointer;
}

/* --- Free Shipping Progress Bar --- */
body.page-id-9 .wpcfb-wrap {
  background: var(--lp-bg-start);
  padding: 14px;
  border-radius: 10px;
  margin: 0 0 16px;
  border: 1px solid var(--lp-border);
  box-shadow: none;
}
body.page-id-9 .wpcfb-wrap .wpcfb-title {
  color: var(--lp-text);
  font-weight: 600;
  font-size: 13px;
  margin: 0 0 8px;
}
body.page-id-9 .wpcfb-wrap .wpcfb-progress-bar {
  background: rgba(76, 175, 122, .18) !important;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  margin: 0 0 10px;
}
body.page-id-9 .wpcfb-wrap .wpcfb-progress-amount {
  background: linear-gradient(90deg, var(--lp-primary), var(--lp-primary-dark)) !important;
  height: 100%;
  border-radius: 999px;
  display: block;
  transition: width .4s ease;
}
body.page-id-9 .wpcfb-wrap .wpcfb-message {
  font-size: 13px;
  color: var(--lp-text);
  line-height: 1.5;
}
body.page-id-9 .wpcfb-wrap .wpcfb-message .woocommerce-Price-amount {
  font-weight: 700;
  color: var(--lp-primary-dark);
}

/* --- Order Review table --- */
body.page-id-9 .woocommerce-checkout-review-order-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--lp-border);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  margin: 0 0 18px;
  font-size: 14px;
}
body.page-id-9 .woocommerce-checkout-review-order-table thead th {
  background: #f6faf7;
  padding: 12px 14px;
  font-weight: 600;
  color: var(--lp-label);
  text-align: left;
  border-bottom: 1px solid var(--lp-border);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .5px;
}
body.page-id-9 .woocommerce-checkout-review-order-table tbody td,
body.page-id-9 .woocommerce-checkout-review-order-table tfoot th,
body.page-id-9 .woocommerce-checkout-review-order-table tfoot td {
  padding: 12px 14px;
  border-bottom: 1px dashed var(--lp-border);
  vertical-align: middle;
  color: var(--lp-text);
  background: transparent;
}
body.page-id-9 .woocommerce-checkout-review-order-table tfoot tr:last-child :is(th, td) {
  border-bottom: 0;
}

/* Product row */
body.page-id-9 .woocommerce-checkout-review-order-table .cart_item td {
  border-bottom: 1px solid var(--lp-border);
}
body.page-id-9 .woocommerce-checkout-review-order-table .cart_item .product-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
}
body.page-id-9 .woocommerce-checkout-review-order-table .product-item-thumbnail {
  float: left !important;
  margin-right: 12px !important;
  padding-right: 0 !important;
}
body.page-id-9 .woocommerce-checkout-review-order-table .product-item-thumbnail img {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--lp-border);
  display: block;
}
body.page-id-9 .woocommerce-checkout-review-order-table .product-quantity {
  display: inline-block;
  color: var(--lp-muted);
  font-weight: 600;
  font-size: 13px;
  background: #f6faf7;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 4px;
}
body.page-id-9 .woocommerce-checkout-review-order-table .product-total {
  font-weight: 600;
  color: var(--lp-primary-dark);
  white-space: nowrap;
  text-align: right;
}

/* Totals rows (subtotal, discount, shipping, total) */
body.page-id-9 .woocommerce-checkout-review-order-table tfoot th {
  font-weight: 500;
  color: var(--lp-label);
  text-align: left;
  width: 50%;
}
body.page-id-9 .woocommerce-checkout-review-order-table tfoot td {
  text-align: right;
  white-space: nowrap;
}
body.page-id-9 .woocommerce-checkout-review-order-table .order-total :is(th, td) {
  font-size: 16px;
  font-weight: 700;
  color: var(--lp-text);
  padding-top: 14px;
}
body.page-id-9 .woocommerce-checkout-review-order-table .order-total td strong .woocommerce-Price-amount {
  color: var(--lp-primary-dark);
}

/* Cart discount */
body.page-id-9 .woocommerce-checkout-review-order-table .cart-discount td {
  color: var(--lp-danger);
  font-weight: 500;
}
body.page-id-9 .woocommerce-checkout-review-order-table .cart-discount .wps_remove_virtual_coupon {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  background: #fdf1f1;
  color: var(--lp-danger);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}
body.page-id-9 .woocommerce-checkout-review-order-table .cart-discount .wps_remove_virtual_coupon:hover {
  background: var(--lp-danger);
  color: #fff;
}

/* Shipping methods */
body.page-id-9 .woocommerce-shipping-totals .woocommerce-shipping-methods {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.page-id-9 .woocommerce-shipping-totals .woocommerce-shipping-methods label {
  color: var(--lp-text);
  font-weight: 500;
  margin: 0;
  font-size: 14px;
}

/* --- Payment Methods --- */
body.page-id-9 .woocommerce-checkout-payment {
  background: #f6faf7;
  border: 1px solid var(--lp-border);
  border-radius: 10px;
  padding: 18px !important;
  margin: 0 0 18px;
}
body.page-id-9 .woocommerce-checkout-payment ul.payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.page-id-9 .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method {
  margin: 0 0 10px;
  padding: 14px 16px;
  background: #fff;
  border: unset !important;
  border-radius: 8px;
  transition: border-color .2s, box-shadow .2s;
}
body.page-id-9 .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method:has(input:checked) {
  border-color: var(--lp-primary);
  box-shadow: 0 0 0 2px rgba(76, 175, 122, .15);
}
body.page-id-9 .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method:last-child {
  margin-bottom: 0;
}
body.page-id-9 .woocommerce-checkout-payment .input-radio {
  width: 18px;
  height: 18px;
  accent-color: var(--lp-primary);
  margin: 0 8px 0 0;
  vertical-align: middle;
}
body.page-id-9 .woocommerce-checkout-payment label[for^="payment_method"] {
  display: inline-block;
  font-weight: 600;
  color: var(--lp-text);
  font-size: 15px;
  cursor: pointer;
  margin: 0;
  vertical-align: middle;
}
body.page-id-9 .woocommerce-checkout-payment .payment_box {
  background: transparent !important;
  border: 0 !important;
  padding: 10px 0 0 28px !important;
  margin: 8px 0 0 !important;
  color: var(--lp-muted);
  font-size: 13.5px;
  line-height: 1.5;
  box-shadow: none !important;
}
body.page-id-9 .woocommerce-checkout-payment .payment_box::before {
  display: none !important;
}
body.page-id-9 .woocommerce-checkout-payment .payment_box p:last-child {
  margin-bottom: 0;
}

/* --- Terms & conditions --- */
body.page-id-9 .wc-terms-and-conditions {
  background: #f6faf7;
  border-left: 3px solid var(--lp-primary);
  padding: 12px 14px !important;
  border-radius: 8px;
  margin: 0 0 18px !important;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--lp-muted);
}
body.page-id-9 .wc-terms-and-conditions label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  margin: 0;
  font-weight: 400;
}
body.page-id-9 .wc-terms-and-conditions input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--lp-primary);
  margin: 2px 0 0;
  flex-shrink: 0;
  cursor: pointer;
}
body.page-id-9 .wc-terms-and-conditions a {
  color: var(--lp-primary-dark);
  text-decoration: none;
  font-weight: 600;
}
body.page-id-9 .wc-terms-and-conditions a:hover {
  text-decoration: underline;
}
body.page-id-9 .wc-terms-and-conditions .required {
  color: var(--lp-required);
}

/* --- Place order button --- */
body.page-id-9 .form-row.place-order {
  margin: 0;
  padding: 0;
}
body.page-id-9 #place_order {
  display: block;
  width: 100%;
  padding: 14px 22px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: var(--lp-primary);
  border: 0;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  letter-spacing: .3px;
  transition: background .2s, transform .1s, box-shadow .2s;
}
body.page-id-9 #place_order:hover {
  background: var(--lp-primary-dark);
  box-shadow: 0 6px 18px rgba(76, 175, 122, .4);
}
body.page-id-9 #place_order:active {
  transform: translateY(1px);
}

/* --- Coupon form (hidden by default, ali style za slučaj) --- */
body.page-id-9 .checkout_coupon {
  background: #f6faf7;
  border: 1px dashed var(--lp-border);
  border-radius: 10px;
  padding: 16px;
  margin: 0 0 18px;
}
body.page-id-9 .checkout_coupon .form-row {
  margin: 0 0 8px;
}
body.page-id-9 .checkout_coupon input[type="text"] {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--lp-border);
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
}
body.page-id-9 .checkout_coupon button[name="apply_coupon"] {
  padding: 10px 18px;
  background: var(--lp-primary);
  color: #fff;
  border: 0;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}
body.page-id-9 .checkout_coupon button[name="apply_coupon"]:hover {
  background: var(--lp-primary-dark);
}

/* --- Notices --- */
body.page-id-9 :is(.woocommerce-message, .woocommerce-error, .woocommerce-info) {
  padding: 12px 16px;
  border-radius: 8px;
  margin: 0 0 18px;
  font-size: 14px;
  border-left: 3px solid;
  list-style: none;
}
body.page-id-9 .woocommerce-message {
  background: #e8f5ec;
  border-color: var(--lp-primary);
  color: var(--lp-text);
}
body.page-id-9 .woocommerce-error {
  background: #fdf1f1;
  border-color: var(--lp-danger);
  color: var(--lp-danger);
}
body.page-id-9 .woocommerce-info {
  background: #f6faf7;
  border-color: var(--lp-primary-dark);
  color: var(--lp-text);
}

/* --- Mobile --- */
@media (max-width: 992px) {
  body.page-id-9 form.checkout > .row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  body.page-id-9 form.checkout > .row > .col-sm-6:last-child {
    position: static;
  }
}

@media (max-width: 768px) {
  body.page-id-9 .lite-green-content {
    padding: 30px 14px;
  }
  body.page-id-9 #customer_details,
  body.page-id-9 #order_review {
    padding: 20px 16px;
  }
  body.page-id-9 .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  body.page-id-9 .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: 1fr;
  }
  body.page-id-9 .woocommerce-checkout .form-row-first,
  body.page-id-9 .woocommerce-checkout .form-row-last {
    width: 100%;
  }
  body.page-id-9 .woocommerce-checkout :is(#billing_first_name_field, #billing_last_name_field, #shipping_first_name_field, #shipping_last_name_field) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  body.page-id-9 .top-image,
  body.page-id-9 .top-image.top-image2 {
    padding: 50px 16px 40px !important;
  }
}


/* --- FIX: dupliranje linija u Order Review tabeli --- */
body.page-id-9 .woocommerce-checkout-review-order-table,
body.page-id-9 .woocommerce-checkout-review-order-table tr,
body.page-id-9 .woocommerce-checkout-review-order-table th,
body.page-id-9 .woocommerce-checkout-review-order-table td {
  border-top: 0 !important;
}

body.page-id-9 .woocommerce-checkout-review-order-table tbody tr:last-child td {
  border-bottom: 1px solid var(--lp-border) !important;
}

body.page-id-9 .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) th,
body.page-id-9 .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) td {
  border-bottom: 1px dashed var(--lp-border) !important;
}

body.page-id-9 .woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.page-id-9 .woocommerce-checkout-review-order-table tfoot tr.order-total td {
  border-bottom: 0 !important;
  border-top: 1px solid var(--lp-border) !important;
  padding-top: 16px !important;
}

body.page-id-9 .woocommerce-checkout-review-order-table tfoot tr:first-child th,
body.page-id-9 .woocommerce-checkout-review-order-table tfoot tr:first-child td {
  border-top: 0 !important;
}