/*
 * Banana WooCommerce My Account
 * Version: 1.3.0
 * Date: 2026-08-15
 *
 * CHANGELOG — 1.3.0
 * - Uklonjen je prazni WooCommerce notices panel iznad sadržaja.
 * - Uklonjene su ponavljajuće narančaste akcentne linije sa sadržajnih kartica.
 * - Adresne kartice, edit gumbi, order akcije i account obrazac dodatno su pročišćeni.
 * - Smanjeni su preveliki naslovi i razmaci uz zadržavanje postojećeg layouta.
 * - Poboljšan je responsive prikaz adresnih kartica i akcijskih gumba.
 *
 * CHANGELOG — 1.2.0
 * - Zeleni branding zamijenjen je narančastom #e16304, antracit #2b2b2b i neutralnom sivom paletom.
 * - Usklađeni su navigacija, SVG ikone, sadržajne kartice, obrasci, tablice i statusi.
 * - Primarni gumbi koriste ravnu narančastu, a sekundarni antracitnu/neutralnu paletu.
 * - Zelene sjene, focus ringovi, skeleton boje i login/register stilovi su uklonjeni.
 * - Zadržani su postojeći raspored, WooCommerce funkcionalnost i responsive pravila.
 *
 * CHANGELOG — 1.1.0
 * - Dodatno usklađen cijeli My Account s vizualnim stilom custom Cart i Checkout stranica.
 * - Aktivna navigacijska stavka sada koristi puni zeleni gradient, bijeli tekst i bijelu ikonu.
 * - Dodana je zelena gornja akcentna linija navigaciji, sadržajnim karticama i login/register karticama.
 * - Pojačana je tipografija naslova, navigacije i tablica te uvedena tamnozelena boja naslova.
 * - Sekundarni gumbi dobili su svijetlozelenu pozadinu, a primarni puni zeleni gradient.
 * - Obrasci, tablice, adrese i prazna stanja dobili su toplije zelenkaste pozadine i obrube.
 * - Linkovi, focus stanja, statusi narudžbi i pagination dodatno su prilagođeni brand paleti.
 * - Skeleton loading prebačen je na neutralno-zelenu paletu identičnu custom Cart skeletonu.
 * - Dodani su finiji hover efekti, brand sjene i bolji mobilni razmaci.
 * - Zadržana je sva postojeća WooCommerce funkcionalnost i responsive logika.
 *
 * CHANGELOG — 1.0.0
 * - Prilagođena osnovna WooCommerce My Account paleta zelenom brandingu projekta.
 * - Primarne boje: #e16304, #c65300, #f07418 i #2b2b2b.
 * - SVG ikone navigacije prebačene su u tamnozelenu.
 */

/*WOO MY ACCOUNT */
/* =========================================================
   EPIC / BTMB / ENTERPRISE STYLE - WOOCOMMERCE MY ACCOUNT
   Premium enterprise look
========================================================= */



.woocommerce-account {
  --bc-primary: #e16304;
  --bc-primary-2: #c65300;
  --bc-accent: #f07418;
  --bc-accent-2: #f3a060;
  --bc-text: #2b2b2b;
  --bc-muted: #6e6e73;
  --bc-soft: #86868b;
  --bc-line: #e2e2e6;
  --bc-line-2: #ececef;
  --bc-line-3: #d2d2d7;
  --bc-bg: #ffffff;
  --bc-bg-soft: #f7f7f8;
  --bc-bg-soft-2: #f2f2f4;
  --bc-bg-soft-3: #fbfbfc;
  --bc-success: #2b2b2b;
  --bc-success-bg: #f7f7f8;
  --bc-success-line: #d2d2d7;
  --bc-danger: #991b1b;
  --bc-danger-bg: #fef2f2;
  --bc-danger-line: #fecaca;
  --bc-warning: #9a3412;
  --bc-warning-bg: #fff7ed;
  --bc-warning-line: #fed7aa;
  --bc-radius-xl: 22px;
  --bc-radius-lg: 18px;
  --bc-radius-md: 14px;
  --bc-radius-sm: 12px;
  --bc-radius-xs: 10px;
  --bc-shadow: 0 14px 34px rgba(43, 43, 43, 0.07);
  --bc-shadow-hover: 0 18px 42px rgba(43, 43, 43, 0.10);
  --bc-shadow-soft: 0 8px 22px rgba(43, 43, 43, 0.05);
  --bc-btn-shadow: 0 10px 24px rgba(225, 99, 4, 0.18);
}

/* =========================================================
   PAGE WRAP
========================================================= */

.woocommerce-account .woocommerce {
  display: block;
  color: var(--bc-text);
}

.woocommerce-account .woocommerce::after {
  content: "";
  display: table;
  clear: both;
}

.woocommerce-account .entry-content > .woocommerce,
.woocommerce-account .et-l--post .woocommerce,
.woocommerce-account .et_pb_wc_my_account .woocommerce {
  margin: 24px 0;
}

/* enterprise two-column fallback */
@media (min-width: 1025px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 300px;
    margin-right: 24px;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: calc(100% - 324px);
  }
}

@media (max-width: 1024px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 18px;
  }
}

/* =========================================================
   LEFT NAVIGATION
========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
  position: sticky;
  top: 120px;
  background: var(--bc-bg);
  border: 1px solid var(--bc-line);
  border-radius: var(--bc-radius-xl);
  box-shadow: var(--bc-shadow);
  overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-navigation::before {
  content: "";
  display: block;
  height: 6px;
 /* background: linear-gradient(90deg, var(--bc-primary) 0%, var(--bc-accent) 100%);*/
}

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

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li + li {
  margin-top: 6px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 12px 14px 12px 46px;
  border: 1px solid transparent;
  border-radius: 14px;
  text-decoration: none;
  color: var(--bc-text);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  background: #fff;
  transition: all 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  border-color: #f0c4a3;
  background: #fff8f2;
  transform: translateY(-1px);
  color: var(--bc-primary);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover {
  background: #fff3e9;
  border-color: var(--bc-primary);
  box-shadow: inset 0 0 0 1px var(--bc-primary);
  color: var(--bc-primary);
}

/* subtle active left indicator */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 9px;
  bottom: 9px;
  width: 4px;
  border-radius: 999px;
/*  background: linear-gradient(180deg, var(--bc-primary) 0%, var(--bc-accent) 100%);*/
  opacity: 0.95;
}

/* =========================================================
   SVG MENU ICONS (CSS ONLY)
========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  opacity: 0.78;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
  opacity: 1;
  transform: translateY(-50%) scale(1.03);
}

/* dashboard */
.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 10.5 12 3l9 7.5'/><path d='M5 9.5V21h14V9.5'/></svg>");
}

/* orders */
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3h8'/><path d='M9 3v3'/><path d='M15 3v3'/><rect x='4' y='6' width='16' height='15' rx='2'/><path d='M8 11h8'/><path d='M8 15h5'/></svg>");
}

/* downloads */
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v11'/><path d='m7 10 5 5 5-5'/><path d='M4 21h16'/></svg>");
}

/* addresses */
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z'/><circle cx='12' cy='10' r='2.5'/></svg>\");
}

/* payment methods */
.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='5' width='19' height='14' rx='2'/><path d='M2.5 10h19'/><path d='M6.5 15h3'/></svg>\");
}

/* edit account */
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='3.5'/><path d='M5 20a7 7 0 0 1 14 0'/></svg>\");
}

/* logout */
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/><path d='M16 17l5-5-5-5'/><path d='M21 12H9'/></svg>\");
}

/* optional plugin endpoints */
.woocommerce-account .woocommerce-MyAccount-navigation-link--subscriptions a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a9 9 0 0 1-15.36 6.36'/><path d='M3 12A9 9 0 0 1 18.36 5.64'/><path d='M3 16v-4h4'/><path d='M21 8v4h-4'/></svg>\");
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--wishlist a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-4.5-9-8.5A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9 6.5C19 16.5 12 21 12 21Z'/></svg>\");
}

/* =========================================================
   RIGHT CONTENT
========================================================= */

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

.woocommerce-account .woocommerce-MyAccount-content > *:first-child {
  margin-top: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-MyAccount-content > div,
.woocommerce-account .woocommerce-MyAccount-content > form,
.woocommerce-account .woocommerce-MyAccount-content > section {
  background: var(--bc-bg);
  border: 1px solid var(--bc-line);
  border-radius: var(--bc-radius-xl);
  box-shadow: var(--bc-shadow);
  padding: 22px;
}

.woocommerce-account .woocommerce-MyAccount-content > * + * {
  margin-top: 18px;
}

/* premium subtle top accent */
.woocommerce-account .woocommerce-MyAccount-content > div,
.woocommerce-account .woocommerce-MyAccount-content > section,
.woocommerce-account .woocommerce-MyAccount-content > form {
  position: relative;
}

.woocommerce-account .woocommerce-MyAccount-content > div::before,
.woocommerce-account .woocommerce-MyAccount-content > section::before,
.woocommerce-account .woocommerce-MyAccount-content > form::before {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 0;
  height: 3px;
  border-radius: 999px;
/*  background: linear-gradient(90deg, rgba(225, 99, 4,0.92) 0%, rgba(225,99,4,0.72) 100%);*/
  opacity: 0.18;
}

/* =========================================================
   HEADINGS / TEXT
========================================================= */

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend {
  margin: 0 0 14px;
  color: var(--bc-text);
  font-weight: 800;
  line-height: 1.2;
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
  font-size: 28px;
}

.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend {
  font-size: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  color: var(--bc-muted);
  line-height: 1.65;
}

.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--bc-primary);
  font-weight: 700;
  text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: var(--bc-accent);
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  font-size: 15px;
  color: var(--bc-muted);
}

/* =========================================================
   NOTICES
========================================================= */

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  margin: 0 0 18px !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid var(--bc-line) !important;
  box-shadow: none !important;
  background-image: none !important;
}

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
  background: var(--bc-success-bg) !important;
  border-color: var(--bc-success-line) !important;
  color: var(--bc-success) !important;
}

.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  background: #fff3e9 !important;
  border-color: #f0c4a3 !important;
  color: var(--bc-primary) !important;
}

.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  background: var(--bc-danger-bg) !important;
  border-color: var(--bc-danger-line) !important;
  color: var(--bc-danger) !important;
}

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

.woocommerce-account .woocommerce-message .button,
.woocommerce-account .woocommerce-info .button {
  margin-left: 10px;
}

/* =========================================================
   TABLES
========================================================= */

.woocommerce-account table.shop_table,
.woocommerce-account table.shop_table_responsive,
.woocommerce-account table.woocommerce-orders-table,
.woocommerce-account table.my_account_orders,
.woocommerce-account table.woocommerce-table--order-details {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--bc-line);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: none;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td,
.woocommerce-account table.shop_table_responsive th,
.woocommerce-account table.shop_table_responsive td,
.woocommerce-account table.woocommerce-orders-table th,
.woocommerce-account table.woocommerce-orders-table td,
.woocommerce-account table.my_account_orders th,
.woocommerce-account table.my_account_orders td,
.woocommerce-account table.woocommerce-table--order-details th,
.woocommerce-account table.woocommerce-table--order-details td {
  padding: 14px 16px;
  border-top: 1px solid var(--bc-line-2);
  text-align: left;
  vertical-align: middle;
  color: var(--bc-text);
  font-size: 14px;
}

.woocommerce-account table.shop_table thead th,
.woocommerce-account table.shop_table_responsive thead th,
.woocommerce-account table.woocommerce-orders-table thead th,
.woocommerce-account table.my_account_orders thead th,
.woocommerce-account table.woocommerce-table--order-details thead th {
  border-top: 0;
  background: #f7f7f8;
  color: var(--bc-soft);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.woocommerce-account table.shop_table tbody tr:hover td,
.woocommerce-account table.shop_table_responsive tbody tr:hover td,
.woocommerce-account table.woocommerce-orders-table tbody tr:hover td,
.woocommerce-account table.my_account_orders tbody tr:hover td {
  background: #fbfbfc;
}

.woocommerce-account table.shop_table td a,
.woocommerce-account table.my_account_orders td a,
.woocommerce-account table.woocommerce-orders-table td a {
  font-weight: 800;
}

.woocommerce-account table.shop_table tbody tr:last-child td,
.woocommerce-account table.my_account_orders tbody tr:last-child td,
.woocommerce-account table.woocommerce-orders-table tbody tr:last-child td {
  border-bottom: 0;
}

/* =========================================================
   ORDER STATUS BADGES
========================================================= */

.woocommerce-account .order-status,
.woocommerce-account .woocommerce-orders-table__cell-order-status {
  font-weight: 800;
}

.woocommerce-account .woocommerce-orders-table__cell-order-status mark,
.woocommerce-account mark.order-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  text-transform: capitalize;
  border: 1px solid #f0c4a3;
  background: #fff3e9;
  color: var(--bc-primary);
}

.woocommerce-account mark.order-status.status-completed,
.woocommerce-account mark.order-status.status-processing {
  background: #ecfdf3;
  border-color: #bbf7d0;
  color: #166534;
}

.woocommerce-account mark.order-status.status-on-hold {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412;
}

.woocommerce-account mark.order-status.status-failed,
.woocommerce-account mark.order-status.status-cancelled,
.woocommerce-account mark.order-status.status-refunded {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}

.woocommerce-account mark.order-status.status-pending {
  background: #f7f7f8;
  border-color: #e2e2e6;
  color: #6e6e73;
}

/* =========================================================
   BUTTONS - PREMIUM ENTERPRISE
========================================================= */

.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account .woocommerce-form-login .button,
.woocommerce-account .woocommerce-address-fields .button,
.woocommerce-account .edit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 12px 18px !important;
  border-radius: 12px !important;
  border: 1px solid var(--bc-line-3) !important;
  background: #ffffff !important;
  color: var(--bc-text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  text-shadow: none !important;
  transition: all 0.2s ease !important;
}

.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .edit:hover {
  border-color: #e16304 !important;
  background: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important;
}

.woocommerce-account .button:active,
.woocommerce-account button.button:active,
.woocommerce-account input.button:active,
.woocommerce-account .woocommerce-button:active,
.woocommerce-account .woocommerce-Button:active,
.woocommerce-account .edit:active {
  transform: translateY(0);
}

.woocommerce-account button[name="save_address"],
.woocommerce-account button[name="save_account_details"],
.woocommerce-account button[name="save_password"],
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-Button.button,
.woocommerce-account .button.alt,
.woocommerce-account button.button.alt,
.woocommerce-account input.button.alt {
  background: var(--bc-primary) !important;
  border-color: var(--bc-primary) !important;
  color: #fff !important;
  box-shadow: var(--bc-btn-shadow) !important;
}

.woocommerce-account button[name="save_address"]:hover,
.woocommerce-account button[name="save_account_details"]:hover,
.woocommerce-account button[name="save_password"]:hover,
.woocommerce-account .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-Button.button:hover,
.woocommerce-account .button.alt:hover,
.woocommerce-account button.button.alt:hover,
.woocommerce-account input.button.alt:hover {
  background: var(--bc-primary-2) !important;
  border-color: #c65300 !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(225, 99, 4, 0.24) !important;
}

.woocommerce-account .button:disabled,
.woocommerce-account button.button:disabled,
.woocommerce-account input.button:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* button cleanup */
.woocommerce-account .button::before,
.woocommerce-account .button::after,
.woocommerce-account .woocommerce-Button::before,
.woocommerce-account .woocommerce-Button::after,
.woocommerce-account button.button::before,
.woocommerce-account button.button::after,
.woocommerce-account a.button::before,
.woocommerce-account a.button::after {
  content: none !important;
  display: none !important;
  font-family: none !important;
}

/* full width only where useful */
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account button[name="save_address"],
.woocommerce-account button[name="save_account_details"] {
  width: 100%;
}

.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account .woocommerce-Address-title .edit,
.woocommerce-account .addresses .title a.edit,
.woocommerce-account a.download-file,
.woocommerce-account .woocommerce-MyAccount-downloads-file a {
  width: auto !important;
}

/* =========================================================
   FORMS
========================================================= */

.woocommerce-account form {
  margin: 0;
}

.woocommerce-account fieldset {
  border: 1px solid var(--bc-line);
  border-radius: 18px;
  padding: 18px;
  margin-top: 18px;
  background: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
  padding: 0 4px;
  font-size: 18px;
  font-weight: 800;
  color: #2b2b2b;
}

.woocommerce-account .form-row {
  margin-bottom: 14px;
}

.woocommerce-account label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 800;
  color: #4a4a4f;
  letter-spacing: 0.04em;
}

.woocommerce-account .woocommerce-form-row .required {
  color: #e16304;
  font-weight: 800;
}

.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="number"],
.woocommerce-account select,
.woocommerce-account textarea,
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row textarea,
.woocommerce-account form .form-row select {
  width: 100%;
  min-height: 46px;
  border: 1px solid #e2e2e6;
  border-radius: 12px;
  padding: 11px 12px;
  background: #fff;
  color: var(--bc-text);
  font-size: 14px;
  box-sizing: border-box;
  transition: all 0.18s ease;
}

.woocommerce-account textarea {
  min-height: 120px;
  resize: vertical;
}

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus,
.woocommerce-account form .form-row input.input-text:focus,
.woocommerce-account form .form-row textarea:focus,
.woocommerce-account form .form-row select:focus {
  outline: none;
  border-color: #e16304;
  box-shadow: 0 0 0 3px rgba(225, 99, 4, 0.14);
  background: #fff;
}

/* custom R1 fields */
.woocommerce-account #r1_ime_tvrtke,
.woocommerce-account #r1_adresa_tvrtke,
.woocommerce-account #r1_oib_tvrtke {
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  border: 1px solid #e2e2e6;
  border-radius: 12px;
  padding: 11px 12px;
  background: #fff;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 1.4;
  transition: all 0.18s ease;
}

.woocommerce-account #r1_ime_tvrtke:focus,
.woocommerce-account #r1_adresa_tvrtke:focus,
.woocommerce-account #r1_oib_tvrtke:focus {
  outline: none;
  border-color: #e16304;
  box-shadow: 0 0 0 3px rgba(225, 99, 4, 0.14);
}

.woocommerce-account label[for="r1_ime_tvrtke"],
.woocommerce-account label[for="r1_adresa_tvrtke"],
.woocommerce-account label[for="r1_oib_tvrtke"] {
  display: block;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 800;
  color: #4a4a4f;
  letter-spacing: 0.04em;
}

.woocommerce-account .woocommerce-MyAccount-content p.form-row.form-row-wide {
  margin-bottom: 16px;
}

/* =========================================================
   ADDRESSES
========================================================= */

.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .u-columns.woocommerce-Addresses {
  display: block;
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-column--billing-address,
.woocommerce-account .woocommerce-column--shipping-address {
  border: 1px solid var(--bc-line);
  border-radius: 18px;
  background: #ffffff;
  padding: 18px;
  box-shadow: none;
}

@media (max-width: 980px) {
.woocommerce-account .woocommerce-Address + .woocommerce-Address {
 margin-top: 18px;
}
}

.woocommerce-account .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--bc-line-2);
}

.woocommerce-account .woocommerce-Address-title h3 {
  margin: 0;
  font-size: 18px;
}

.woocommerce-account address {
  margin: 0;
  font-style: normal;
  color: var(--bc-muted);
  line-height: 1.7;
}

.woocommerce-account .woocommerce-Address-title .edit,
.woocommerce-account .addresses .title a.edit {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e2e6 !important;
  background: #f7f7f8 !important;
  color: #2b2b2b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  width: auto !important;
  box-shadow: none !important;
}

.woocommerce-account .woocommerce-Address-title .edit:hover,
.woocommerce-account .addresses .title a.edit:hover {
  background: #fff3e9 !important;
  border-color: #f0c4a3 !important;
  color: #e16304 !important;
  transform: translateY(-1px);
}

/* =========================================================
   DOWNLOADS / PAYMENT / DETAILS
========================================================= */

.woocommerce-account .woocommerce-table--order-downloads td.download-file a,
.woocommerce-account .woocommerce-MyAccount-downloads-file a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f7f7f8;
  border: 1px solid #e2e2e6;
  color: var(--bc-primary);
  font-weight: 800;
}

.woocommerce-account .woocommerce-pagination,
.woocommerce-account .woocommerce-orders-table + .woocommerce-pagination {
  margin-top: 18px;
}

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-ResetPassword,
.woocommerce-account .lost_reset_password {
  background: #fff;
  border: 1px solid var(--bc-line);
  border-radius: var(--bc-radius-xl);
  box-shadow: var(--bc-shadow);
  padding: 22px;
}

.woocommerce-account small,
.woocommerce-account .woocommerce-form-row .show-password-input {
  color: var(--bc-soft);
}

.woocommerce-account .woocommerce-Message,
.woocommerce-account .woocommerce-info {
  border-radius: 14px;
}

.woocommerce-account .woocommerce-customer-details,
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-order-downloads {
  margin-top: 18px;
}

.woocommerce-account .payment_methods,
.woocommerce-account ul.payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-account .payment_methods li {
  background: #fff;
  border: 1px solid var(--bc-line);
  border-radius: 14px;
  padding: 14px;
}

.woocommerce-account .payment_methods li + li {
  margin-top: 10px;
}

.woocommerce-account .woocommerce-table__product-name a {
  color: var(--bc-text);
  font-weight: 800;
}

.woocommerce-account .product-total,
.woocommerce-account .woocommerce-table__product-total,
.woocommerce-account .woocommerce-Price-amount {
  font-weight: 800;
  color: var(--bc-text);
}

.woocommerce-account .shop_table,
.woocommerce-account .shop_table th,
.woocommerce-account .shop_table td {
  background-image: none !important;
}

/* =========================================================
   LOGGED OUT LOGIN / REGISTER
========================================================= */

.woocommerce-account .u-columns {
 /* display: grid;*/
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.woocommerce-account .u-columns .col-1,
.woocommerce-account .u-columns .col-2 {
  position: relative;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
  padding: 22px;
  overflow: hidden;
}

.woocommerce-account .u-columns .col-1::before,
.woocommerce-account .u-columns .col-2::before {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 0;
  height: 3px;
  border-radius: 999px;
 /* background: linear-gradient(90deg, rgba(225, 99, 4,0.92) 0%, rgba(225,99,4,0.72) 100%);*/
  opacity: 0.22;
}

.woocommerce-account .u-columns h2 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: 800;
  color: #2b2b2b;
}

/* =========================================================
   SKELETON LOADING
========================================================= */

.woocommerce-account .bc-myacc-loading {
  position: relative;
}

.woocommerce-account .bc-myacc-loading .woocommerce-MyAccount-navigation,
.woocommerce-account .bc-myacc-loading .woocommerce-MyAccount-content {
  position: relative;
  overflow: hidden;
}

.woocommerce-account .bc-myacc-loading .woocommerce-MyAccount-navigation > *,
.woocommerce-account .bc-myacc-loading .woocommerce-MyAccount-content > * {
  opacity: 0;
}

.woocommerce-account .bc-myacc-loading::before,
.woocommerce-account .bc-myacc-loading::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 3;
}

.woocommerce-account .bc-myacc-loading::before {
  left: 0;
  top: 0;
  width: 300px;
  height: 100%;
  background: linear-gradient(#fff, #fff) padding-box;
  border: 1px solid var(--bc-line);
  border-radius: 22px;
  box-shadow: var(--bc-shadow);
}

.woocommerce-account .bc-myacc-loading::after {
  left: 324px;
  top: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(#fff, #fff) padding-box;
  border: 1px solid var(--bc-line);
  border-radius: 22px;
  box-shadow: var(--bc-shadow);
}

.woocommerce-account .bc-myacc-loading .bc-skeleton-nav,
.woocommerce-account .bc-myacc-loading .bc-skeleton-content {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}

.woocommerce-account .bc-myacc-loading .bc-skeleton-nav {
  width: 300px;
  padding: 20px 14px 14px;
}

.woocommerce-account .bc-myacc-loading .bc-skeleton-content {
  left: 324px;
  padding: 22px;
}

.woocommerce-account .bc-sk-line,
.woocommerce-account .bc-sk-box,
.woocommerce-account .bc-sk-pill,
.woocommerce-account .bc-sk-table-row {
  position: relative;
  overflow: hidden;
  background: #ededf0;
  border-radius: 10px;
}

.woocommerce-account .bc-sk-line::after,
.woocommerce-account .bc-sk-box::after,
.woocommerce-account .bc-sk-pill::after,
.woocommerce-account .bc-sk-table-row::after,
.woocommerce-account .bc-login-skeleton .bc-sk-input::after,
.woocommerce-account .bc-login-skeleton .bc-sk-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.68) 50%,
    rgba(255,255,255,0) 100%
  );
  animation: bcMyAccShimmer 1.35s infinite;
}

@keyframes bcMyAccShimmer {
  100% {
    transform: translateX(100%);
  }
}

.woocommerce-account .bc-sk-nav-top {
  height: 8px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.woocommerce-account .bc-sk-nav-item {
  height: 48px;
  border-radius: 14px;
  margin-bottom: 8px;
}

.woocommerce-account .bc-sk-title {
  height: 24px;
  width: 34%;
  margin-bottom: 18px;
  border-radius: 8px;
}

.woocommerce-account .bc-sk-subtitle {
  height: 14px;
  width: 56%;
  margin-bottom: 10px;
}

.woocommerce-account .bc-sk-subtitle.short {
  width: 38%;
  margin-bottom: 18px;
}

.woocommerce-account .bc-sk-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.woocommerce-account .bc-sk-card {
  height: 120px;
  border-radius: 18px;
}

.woocommerce-account .bc-sk-table {
  margin-top: 18px;
  border: 1px solid var(--bc-line);
  border-radius: 18px;
  padding: 14px;
}

.woocommerce-account .bc-sk-table-head {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1fr 0.8fr;
  gap: 12px;
  margin-bottom: 12px;
}

.woocommerce-account .bc-sk-table-body {
  display: grid;
  gap: 10px;
}

.woocommerce-account .bc-sk-table-row {
  height: 46px;
  border-radius: 12px;
}

.woocommerce-account .bc-sk-pill {
  height: 32px;
  width: 120px;
  border-radius: 999px;
}

.bc-skeleton {
  position: relative;
  overflow: hidden;
  background: #ededf0 !important;
  color: transparent !important;
  border-radius: 10px;
}

.bc-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.65) 50%,
    rgba(255,255,255,0) 100%
  );
  animation: bcMyAccShimmer 1.35s infinite;
}

/* logged out skeleton */
.woocommerce-account .bc-myacc-loading .u-columns .col-1,
.woocommerce-account .bc-myacc-loading .u-columns .col-2 {
  position: relative;
  overflow: hidden;
}

.woocommerce-account .bc-myacc-loading .u-columns .col-1 > *,
.woocommerce-account .bc-myacc-loading .u-columns .col-2 > * {
  opacity: 0;
}

.woocommerce-account .bc-login-skeleton {
  position: absolute;
  inset: 22px;
  z-index: 3;
  pointer-events: none;
}

.woocommerce-account .bc-login-skeleton .bc-sk-line {
  margin-bottom: 12px;
}

.woocommerce-account .bc-login-skeleton .bc-sk-title {
  width: 48%;
  height: 22px;
  border-radius: 8px;
  margin-bottom: 18px;
}

.woocommerce-account .bc-login-skeleton .bc-sk-input {
  height: 46px;
  border-radius: 12px;
  margin-bottom: 12px;
  background: #ededf0;
  position: relative;
  overflow: hidden;
}

.woocommerce-account .bc-login-skeleton .bc-sk-btn {
  height: 46px;
  width: 100%;
  border-radius: 12px;
  background: #ededf0;
  position: relative;
  overflow: hidden;
}

/* =========================================================
   ENTERPRISE MICRO-DETAILS
========================================================= */

/* remove weird woo backgrounds */
.woocommerce-account .shop_table,
.woocommerce-account .shop_table th,
.woocommerce-account .shop_table td {
  background-image: none !important;
}

/* empty table / empty states cleaner */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
  border-radius: 16px !important;
}

/* subtle card hover on content cards */
.woocommerce-account .woocommerce-MyAccount-content > div:hover,
.woocommerce-account .woocommerce-MyAccount-content > section:hover,
.woocommerce-account .woocommerce-MyAccount-content > form:hover {
  box-shadow: var(--bc-shadow-hover);
  transition: box-shadow 0.25s ease;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 1180px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    position: static;
  }

  .woocommerce-account .bc-myacc-loading::before,
  .woocommerce-account .bc-myacc-loading::after,
  .woocommerce-account .bc-myacc-loading .bc-skeleton-nav,
  .woocommerce-account .bc-myacc-loading .bc-skeleton-content {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    width: auto;
  }

  .woocommerce-account .bc-myacc-loading::before,
  .woocommerce-account .bc-myacc-loading::after {
    display: none;
  }

  .woocommerce-account .bc-myacc-loading .bc-skeleton-nav {
    margin-bottom: 18px;
    padding: 0;
  }

  .woocommerce-account .bc-myacc-loading .bc-skeleton-content {
    padding: 0;
  }
}

@media (max-width: 900px) {
  .woocommerce-account .u-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 840px) {
  .woocommerce-account .bc-sk-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content > p,
  .woocommerce-account .woocommerce-MyAccount-content > div,
  .woocommerce-account .woocommerce-MyAccount-content > form,
  .woocommerce-account .woocommerce-MyAccount-content > section,
  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-ResetPassword,
  .woocommerce-account .lost_reset_password,
  .woocommerce-account .u-columns .col-1,
  .woocommerce-account .u-columns .col-2 {
    border-radius: 16px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 8px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    min-height: 46px;
    padding: 11px 12px 11px 42px;
    font-size: 13px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
    left: 14px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
  }

  .woocommerce-account .woocommerce-MyAccount-content > p,
  .woocommerce-account .woocommerce-MyAccount-content > div,
  .woocommerce-account .woocommerce-MyAccount-content > form,
  .woocommerce-account .woocommerce-MyAccount-content > section,
  .woocommerce-account .u-columns .col-1,
  .woocommerce-account .u-columns .col-2 {
    padding: 16px;
  }

  .woocommerce-account .woocommerce-MyAccount-content h2 {
    font-size: 22px;
  }

  .woocommerce-account .woocommerce-MyAccount-content h3,
  .woocommerce-account .woocommerce-MyAccount-content legend {
    font-size: 18px;
  }

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

  .woocommerce-account table.shop_table_responsive tr,
  .woocommerce-account table.my_account_orders tr,
  .woocommerce-account table.woocommerce-orders-table tr {
    display: block;
    border-bottom: 1px solid var(--bc-line-2);
    padding: 10px 0;
  }

  .woocommerce-account table.shop_table_responsive td,
  .woocommerce-account table.my_account_orders td,
  .woocommerce-account table.woocommerce-orders-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    width: 100%;
    border-top: 0;
    padding: 10px 12px;
  }

  .woocommerce-account table.shop_table_responsive td::before,
  .woocommerce-account table.my_account_orders td::before,
  .woocommerce-account table.woocommerce-orders-table td::before {
    font-weight: 800;
    color: var(--bc-soft);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 11px;
  }

  .woocommerce-account .bc-sk-table-head {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =========================================================
   VERSION 1.3.0 – ENTERPRISE SAAS POLISH
========================================================= */

/* WooCommerce često ostavlja prazan notices wrapper nakon AJAX učitavanja. */
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper:empty,
.woocommerce-account .woocommerce-MyAccount-content > div:empty {
  display: none !important;
}

/* Sadržajne kartice ostaju čiste; brand akcent zadržan je samo na navigaciji. */
.woocommerce-account .woocommerce-MyAccount-content > div::before,
.woocommerce-account .woocommerce-MyAccount-content > section::before,
.woocommerce-account .woocommerce-MyAccount-content > form::before,
.woocommerce-account .u-columns .col-1::before,
.woocommerce-account .u-columns .col-2::before {
  content: none !important;
  display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-MyAccount-content > div,
.woocommerce-account .woocommerce-MyAccount-content > form,
.woocommerce-account .woocommerce-MyAccount-content > section {
  border-color: #e2e2e6 !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 10px 28px rgba(0, 0, 0, 0.045) !important;
}

.woocommerce-account .woocommerce-MyAccount-content > div:hover,
.woocommerce-account .woocommerce-MyAccount-content > section:hover,
.woocommerce-account .woocommerce-MyAccount-content > form:hover {
  border-color: #d2d2d7 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 12px 30px rgba(0, 0, 0, 0.055) !important;
}

/* Adrese */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .u-columns.woocommerce-Addresses {
  gap: 20px !important;
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
  padding: 28px !important;
  border-color: #e2e2e6 !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025), 0 8px 22px rgba(0, 0, 0, 0.04) !important;
}

.woocommerce-account .woocommerce-Address-title {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid #ececef !important;
}

.woocommerce-account .woocommerce-Address-title h3 {
  max-width: 68% !important;
  margin: 0 !important;
  color: #2b2b2b !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  font-weight: 750 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

.woocommerce-account .woocommerce-Address-title .edit,
.woocommerce-account .addresses .title a.edit {
  flex: 0 0 auto !important;
  min-height: 40px !important;
  padding: 9px 13px !important;
  border: 1px solid #e2e2e6 !important;
  border-radius: 999px !important;
  background: #f7f7f8 !important;
  color: #2b2b2b !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

.woocommerce-account .woocommerce-Address-title .edit:hover,
.woocommerce-account .addresses .title a.edit:hover {
  border-color: #e16304 !important;
  background: #fff3e9 !important;
  color: #2b2b2b !important;
}

.woocommerce-account .woocommerce-Address address {
  color: #6e6e73 !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

/* Narudžbe i akcije */
.woocommerce-account table.woocommerce-orders-table thead th {
  background: #f7f7f8 !important;
  color: #6e6e73 !important;
}

.woocommerce-account .woocommerce-orders-table .button {
  min-height: 40px !important;
  padding: 9px 13px !important;
  border-color: #e2e2e6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #2b2b2b !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.woocommerce-account .woocommerce-orders-table .button:hover {
  border-color: #e16304 !important;
  background: #fff3e9 !important;
}

/* Detalji računa */
.woocommerce-account form.woocommerce-EditAccountForm {
  padding: 28px !important;
}

.woocommerce-account form.woocommerce-EditAccountForm fieldset {
  margin: 26px 0 20px !important;
  padding: 24px !important;
  border: 1px solid #e2e2e6 !important;
  border-radius: 14px !important;
  background: #fbfbfc !important;
}

.woocommerce-account form.woocommerce-EditAccountForm fieldset legend {
  padding: 0 8px !important;
  color: #2b2b2b !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.woocommerce-account form.woocommerce-EditAccountForm .form-row {
  margin-bottom: 18px !important;
}

.woocommerce-account form.woocommerce-EditAccountForm button[name="save_account_details"] {
  width: auto !important;
  min-width: 200px !important;
  margin-top: 2px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

@media (max-width: 767px) {
  .woocommerce-account .woocommerce-Address,
  .woocommerce-account .woocommerce-Addresses .woocommerce-Address,
  .woocommerce-account form.woocommerce-EditAccountForm {
    padding: 20px !important;
  }

  .woocommerce-account .woocommerce-Address-title {
    flex-direction: column !important;
  }

  .woocommerce-account .woocommerce-Address-title h3 {
    max-width: 100% !important;
    font-size: 24px !important;
  }

  .woocommerce-account .woocommerce-Address-title .edit,
  .woocommerce-account .addresses .title a.edit,
  .woocommerce-account form.woocommerce-EditAccountForm button[name="save_account_details"] {
    width: 100% !important;
  }

  .woocommerce-account form.woocommerce-EditAccountForm fieldset {
    padding: 18px !important;
  }
}










/* =========================================================
   WOO MY ACCOUNT / VIEW ORDER - MOBILE RESPONSIVE ORDER TABLE
   Pretvara order table u kartice na mobitelu
========================================================= */



/* Mobile layout */
@media (max-width: 767px) {

    /* Glavni wrapper */
    .woocommerce-account .woocommerce-order-details,
    .woocommerce-view-order .woocommerce-order-details {
        overflow: hidden;
    }

    /* Tablica kao block */
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details,
    .woocommerce-account table.shop_table.order_details,
    .woocommerce-view-order table.shop_table.order_details,
    .woocommerce-order-details table.shop_table {
        display: block;
        width: 100%;
        border: 0 !important;
        background: transparent !important;
    }

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details thead,
    .woocommerce-account table.shop_table.order_details thead,
    .woocommerce-view-order table.shop_table.order_details thead,
    .woocommerce-order-details table.shop_table thead {
        display: none !important;
    }

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tbody,
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tr,
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td,
    .woocommerce-account table.shop_table.order_details tbody,
    .woocommerce-account table.shop_table.order_details tr,
    .woocommerce-account table.shop_table.order_details td,
    .woocommerce-view-order table.shop_table.order_details tbody,
    .woocommerce-view-order table.shop_table.order_details tr,
    .woocommerce-view-order table.shop_table.order_details td,
    .woocommerce-order-details table.shop_table tbody,
    .woocommerce-order-details table.shop_table tr,
    .woocommerce-order-details table.shop_table td {
        display: block;
        width: 100%;
    }

    /* Svaki proizvod kao kartica */
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tbody tr,
    .woocommerce-account table.shop_table.order_details tbody tr,
    .woocommerce-view-order table.shop_table.order_details tbody tr,
    .woocommerce-order-details table.shop_table tbody tr {
        background: #fff;
        border: 1px solid #e5e7eb !important;
        border-radius: 18px;
        padding: 18px 18px 16px;
        margin: 0 0 14px 0;
        box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
        overflow: hidden;
    }

    /* Reset ćelija */
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td,
    .woocommerce-account table.shop_table.order_details td,
    .woocommerce-view-order table.shop_table.order_details td,
    .woocommerce-order-details table.shop_table td {
        border: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

   

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-name a,
    .woocommerce-account table.shop_table.order_details td.product-name a,
    .woocommerce-view-order table.shop_table.order_details td.product-name a,
    .woocommerce-order-details table.shop_table td.product-name a {
        color: #2b2b2b !important;
        text-decoration: none;
        font-weight: 700;
    }

    /* Količina unutar naziva */
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-name .product-quantity,
    .woocommerce-account table.shop_table.order_details td.product-name .product-quantity,
    .woocommerce-view-order table.shop_table.order_details td.product-name .product-quantity,
    .woocommerce-order-details table.shop_table td.product-name .product-quantity {
        display: inline-block;
        margin-left: 4px;
        font-weight: 700;
        color: #2b2b2b;
    }

    /* Meta podaci ispod naziva */
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-name dl.variation,
    .woocommerce-account table.shop_table.order_details td.product-name dl.variation,
    .woocommerce-view-order table.shop_table.order_details td.product-name dl.variation,
    .woocommerce-order-details table.shop_table td.product-name dl.variation,
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-name ul.wc-item-meta,
    .woocommerce-account table.shop_table.order_details td.product-name ul.wc-item-meta,
    .woocommerce-view-order table.shop_table.order_details td.product-name ul.wc-item-meta,
    .woocommerce-order-details table.shop_table td.product-name ul.wc-item-meta {
        margin: 10px 0 0 0;
        padding: 0;
        font-size: 14px;
        line-height: 1.6;
        color: #6e6e73;
    }

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-name dl.variation dt,
    .woocommerce-account table.shop_table.order_details td.product-name dl.variation dt,
    .woocommerce-view-order table.shop_table.order_details td.product-name dl.variation dt,
    .woocommerce-order-details table.shop_table td.product-name dl.variation dt {
        float: none;
        display: inline;
        margin: 0;
        padding: 0;
        font-weight: 700;
        color: #2b2b2b;
    }

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-name dl.variation dd,
    .woocommerce-account table.shop_table.order_details td.product-name dl.variation dd,
    .woocommerce-view-order table.shop_table.order_details td.product-name dl.variation dd,
    .woocommerce-order-details table.shop_table td.product-name dl.variation dd {
        display: inline;
        margin: 0 0 0 6px;
        padding: 0;
        color: #6e6e73;
    }

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-name dl.variation dd p,
    .woocommerce-account table.shop_table.order_details td.product-name dl.variation dd p,
    .woocommerce-view-order table.shop_table.order_details td.product-name dl.variation dd p,
    .woocommerce-order-details table.shop_table td.product-name dl.variation dd p {
        display: inline;
        margin: 0;
    }

    /* Cijena */
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-total,
    .woocommerce-account table.shop_table.order_details td.product-total,
    .woocommerce-view-order table.shop_table.order_details td.product-total,
    .woocommerce-order-details table.shop_table td.product-total {
        margin-top: 14px;
        padding-top: 14px !important;
        border-top: 1px solid #e5e7eb !important;
        text-align: right;
        font-size: 18px;
        line-height: 1;
        font-weight: 800;
        color: #2b2b2b;
    }

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-total .amount,
    .woocommerce-account table.shop_table.order_details td.product-total .amount,
    .woocommerce-view-order table.shop_table.order_details td.product-total .amount,
    .woocommerce-order-details table.shop_table td.product-total .amount {
        font-weight: 800;
        color: #2b2b2b;
    }

    /* Footer totals ostaju uredni */
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tfoot,
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tfoot tr,
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tfoot th,
    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tfoot td,
    .woocommerce-account table.shop_table.order_details tfoot,
    .woocommerce-account table.shop_table.order_details tfoot tr,
    .woocommerce-account table.shop_table.order_details tfoot th,
    .woocommerce-account table.shop_table.order_details tfoot td,
    .woocommerce-view-order table.shop_table.order_details tfoot,
    .woocommerce-view-order table.shop_table.order_details tfoot tr,
    .woocommerce-view-order table.shop_table.order_details tfoot th,
    .woocommerce-view-order table.shop_table.order_details tfoot td,
    .woocommerce-order-details table.shop_table tfoot,
    .woocommerce-order-details table.shop_table tfoot tr,
    .woocommerce-order-details table.shop_table tfoot th,
    .woocommerce-order-details table.shop_table tfoot td {
        display: block;
        width: 100%;
    }

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tfoot tr,
    .woocommerce-account table.shop_table.order_details tfoot tr,
    .woocommerce-view-order table.shop_table.order_details tfoot tr,
    .woocommerce-order-details table.shop_table tfoot tr {
        background: #fff;
        border: 1px solid #e5e7eb !important;
        border-radius: 16px;
        padding: 14px 16px;
        margin: 0 0 10px 0;
    }

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tfoot th,
    .woocommerce-account table.shop_table.order_details tfoot th,
    .woocommerce-view-order table.shop_table.order_details tfoot th,
    .woocommerce-order-details table.shop_table tfoot th {
        font-size: 14px;
        font-weight: 700;
        color: #6e6e73;
        margin-bottom: 6px;
        text-align: left;
        border: 0 !important;
        padding: 0 !important;
    }

    .woocommerce-account .woocommerce-table.woocommerce-table--order-details tfoot td,
    .woocommerce-account table.shop_table.order_details tfoot td,
    .woocommerce-view-order table.shop_table.order_details tfoot td,
    .woocommerce-order-details table.shop_table tfoot td {
        text-align: left;
        border: 0 !important;
        padding: 0 !important;
        font-size: 20px;
        font-weight: 800;
        color: #2b2b2b;
    }
}

.woocommerce-account .woocommerce-table__product-name ul.wc-item-meta,
.woocommerce-account td.product-name ul.wc-item-meta,
.woocommerce-view-order td.product-name ul.wc-item-meta,
.woocommerce-order-details td.product-name ul.wc-item-meta {
    display: none !important;
}



















/* END WOO MY ACCOUNT */



/* =========================================================
   SVG MENU ICONS (CSS ONLY)
========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  opacity: 0.82;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
  opacity: 1;
  transform: translateY(-50%) scale(1.03);
}

/* dashboard */
.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 10.5 12 3l9 7.5'/><path d='M5 9.5V21h14V9.5'/></svg>");
}

/* orders */
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3h8'/><path d='M9 3v3'/><path d='M15 3v3'/><rect x='4' y='6' width='16' height='15' rx='2'/><path d='M8 11h8'/><path d='M8 15h5'/></svg>");
}

/* downloads */
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v11'/><path d='M7 10l5 5 5-5'/><path d='M4 21h16'/></svg>");
}

/* addresses */
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--addresses a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z'/><circle cx='12' cy='10' r='2.5'/></svg>");
}

/* payment methods */
.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='5' width='19' height='14' rx='2'/><path d='M2.5 10h19'/><path d='M6.5 15h3'/></svg>");
}

/* edit account / account details */
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--account-details a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='3.5'/><path d='M5 20a7 7 0 0 1 14 0'/></svg>");
}

/* logout */
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--logout a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/><path d='M16 17l5-5-5-5'/><path d='M21 12H9'/></svg>");
}

/* subscriptions */
.woocommerce-account .woocommerce-MyAccount-navigation-link--subscriptions a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a9 9 0 0 1-15.36 6.36'/><path d='M3 12A9 9 0 0 1 18.36 5.64'/><path d='M3 16v-4h4'/><path d='M21 8v4h-4'/></svg>");
}

/* wishlist */
.woocommerce-account .woocommerce-MyAccount-navigation-link--wishlist a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-4.5-9-8.5A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9 6.5C19 16.5 12 21 12 21Z'/></svg>");
}

/* generic fallback icon */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.woocommerce-MyAccount-navigation-link--dashboard):not(.woocommerce-MyAccount-navigation-link--orders):not(.woocommerce-MyAccount-navigation-link--downloads):not(.woocommerce-MyAccount-navigation-link--edit-address):not(.woocommerce-MyAccount-navigation-link--addresses):not(.woocommerce-MyAccount-navigation-link--payment-methods):not(.woocommerce-MyAccount-navigation-link--edit-account):not(.woocommerce-MyAccount-navigation-link--account-details):not(.woocommerce-MyAccount-navigation-link--customer-logout):not(.woocommerce-MyAccount-navigation-link--logout):not(.woocommerce-MyAccount-navigation-link--subscriptions):not(.woocommerce-MyAccount-navigation-link--wishlist) a::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='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='3'/></svg>");
}


.woocommerce-notices-wrapper { 
margin-bottom:10px;
}



/* HIDE CUSTOMER DETAILS IN MY ACCOUNT ORDER VIEW */
.woocommerce-account .woocommerce-customer-details {
  display: none !important;
}






/* END WOO MY ACCOUNT*/

/*WOO CART */

/* =========================================================
   BANANA BRAND ENHANCEMENT — VERSION 1.1.0
   Usklađeno s custom Cart i Checkout dizajnom
========================================================= */

.woocommerce-account {
  --bc-brand-gradient: #e16304;
  --bc-brand-gradient-hover: #c65300;
  --bc-brand-soft: #fff3e9;
  --bc-brand-soft-2: #f2f2f4;
  --bc-brand-border: #e2e2e6;
  --bc-brand-border-strong: #e16304;
  --bc-brand-dark: #2b2b2b;
  --bc-brand-shadow: 0 14px 30px rgba(225, 99, 4, 0.18);
}

/* Page typography */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
  font-size: 15px;
}

.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend,
.woocommerce-account .u-columns h2 {
  color: var(--bc-brand-dark) !important;
  letter-spacing: -0.025em;
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
  font-size: clamp(25px, 2.2vw, 32px);
  font-weight: 900;
}

.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend {
  font-weight: 850;
}

/* Navigation brand treatment */
.woocommerce-account .woocommerce-MyAccount-navigation::before {
  background: var(--bc-brand-gradient) !important;
  height: 7px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  padding: 12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  min-height: 54px;
  border-radius: 15px;
  color: #2b2b2b;
  background: transparent;
  font-size: 14px;
  font-weight: 800;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--bc-brand-soft) !important;
  border-color: var(--bc-brand-border) !important;
  color: var(--bc-brand-dark) !important;
  box-shadow: 0 8px 20px rgba(43, 43, 43, 0.07);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover {
  background: var(--bc-brand-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: var(--bc-brand-shadow) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
  filter: brightness(0) invert(1);
  opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::after {
  display: none;
}

/* Main content cards */
.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-MyAccount-content > div,
.woocommerce-account .woocommerce-MyAccount-content > form,
.woocommerce-account .woocommerce-MyAccount-content > section,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-ResetPassword,
.woocommerce-account .lost_reset_password,
.woocommerce-account .u-columns .col-1,
.woocommerce-account .u-columns .col-2 {
  border-color: var(--bc-line) !important;
  box-shadow: var(--bc-shadow) !important;
}

.woocommerce-account .woocommerce-MyAccount-content > div::before,
.woocommerce-account .woocommerce-MyAccount-content > section::before,
.woocommerce-account .woocommerce-MyAccount-content > form::before,
.woocommerce-account .u-columns .col-1::before,
.woocommerce-account .u-columns .col-2::before {
  background: var(--bc-brand-gradient) !important;
  height: 4px;
  opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-content > div:hover,
.woocommerce-account .woocommerce-MyAccount-content > section:hover,
.woocommerce-account .woocommerce-MyAccount-content > form:hover {
  border-color: var(--bc-brand-border);
  box-shadow: 0 20px 46px rgba(43, 43, 43, 0.10) !important;
}

/* Links */
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button),
.woocommerce-account .woocommerce-LostPassword a {
  color: #c65300;
  text-decoration-color: rgba(198, 83, 0, 0.28);
  text-underline-offset: 3px;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover,
.woocommerce-account .woocommerce-LostPassword a:hover {
  color: #2b2b2b;
}

/* Secondary and primary buttons */
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account .edit {
  border-color: var(--bc-brand-border) !important;
  background: #ffffff !important;
  color: var(--bc-brand-dark) !important;
  box-shadow: 0 7px 18px rgba(43, 43, 43, 0.07) !important;
}

.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .edit:hover {
  border-color: var(--bc-primary) !important;
  background: var(--bc-brand-soft) !important;
  color: var(--bc-brand-dark) !important;
  box-shadow: 0 12px 25px rgba(225, 99, 4, 0.14) !important;
}

.woocommerce-account button[name="save_address"],
.woocommerce-account button[name="save_account_details"],
.woocommerce-account button[name="save_password"],
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-Button.button,
.woocommerce-account .button.alt,
.woocommerce-account button.button.alt,
.woocommerce-account input.button.alt {
  background: var(--bc-brand-gradient) !important;
  border-color: #e16304 !important;
  color: #fff !important;
  box-shadow: var(--bc-brand-shadow) !important;
}

.woocommerce-account button[name="save_address"]:hover,
.woocommerce-account button[name="save_account_details"]:hover,
.woocommerce-account button[name="save_password"]:hover,
.woocommerce-account .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-Button.button:hover,
.woocommerce-account .button.alt:hover,
.woocommerce-account button.button.alt:hover,
.woocommerce-account input.button.alt:hover {
  background: var(--bc-brand-gradient-hover) !important;
  border-color: #c65300 !important;
  color: #fff !important;
  box-shadow: 0 16px 32px rgba(43, 43, 43, 0.24) !important;
}

/* Forms */
.woocommerce-account label {
  color: #5f5f63;
}

.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="number"],
.woocommerce-account select,
.woocommerce-account textarea,
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row textarea,
.woocommerce-account form .form-row select,
.woocommerce-account #r1_ime_tvrtke,
.woocommerce-account #r1_adresa_tvrtke,
.woocommerce-account #r1_oib_tvrtke {
  min-height: 50px;
  border-color: #d2d2d7;
  background: #fff;
  color: #2b2b2b;
}

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus,
.woocommerce-account form .form-row input.input-text:focus,
.woocommerce-account form .form-row textarea:focus,
.woocommerce-account form .form-row select:focus,
.woocommerce-account #r1_ime_tvrtke:focus,
.woocommerce-account #r1_adresa_tvrtke:focus,
.woocommerce-account #r1_oib_tvrtke:focus {
  border-color: #e16304 !important;
  box-shadow: 0 0 0 4px rgba(225, 99, 4, 0.14) !important;
}

.woocommerce-account input[type="checkbox"],
.woocommerce-account input[type="radio"] {
  accent-color: #e16304;
}

.woocommerce-account fieldset {
  border-color: var(--bc-brand-border);
  background: #ffffff;
}

/* Notices */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  background: var(--bc-brand-soft) !important;
  border-color: var(--bc-brand-border) !important;
  color: var(--bc-brand-dark) !important;
}

/* Tables */
.woocommerce-account table.shop_table,
.woocommerce-account table.shop_table_responsive,
.woocommerce-account table.woocommerce-orders-table,
.woocommerce-account table.my_account_orders,
.woocommerce-account table.woocommerce-table--order-details {
  border-color: var(--bc-line);
}

.woocommerce-account table.shop_table thead th,
.woocommerce-account table.shop_table_responsive thead th,
.woocommerce-account table.woocommerce-orders-table thead th,
.woocommerce-account table.my_account_orders thead th,
.woocommerce-account table.woocommerce-table--order-details thead th {
  background: #fff3e9;
  color: #6e6e73;
}

.woocommerce-account table.shop_table tbody tr:hover td,
.woocommerce-account table.shop_table_responsive tbody tr:hover td,
.woocommerce-account table.woocommerce-orders-table tbody tr:hover td,
.woocommerce-account table.my_account_orders tbody tr:hover td {
  background: #f7f7f8;
}

.woocommerce-account .woocommerce-orders-table__cell-order-number a {
  color: #c65300 !important;
}

/* Address cards */
.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-column--billing-address,
.woocommerce-account .woocommerce-column--shipping-address {
  border-color: var(--bc-brand-border);
  background: #ffffff;
}

.woocommerce-account .woocommerce-Address-title .edit,
.woocommerce-account .addresses .title a.edit {
  border-color: var(--bc-brand-border) !important;
  background: var(--bc-brand-soft) !important;
  color: var(--bc-brand-dark) !important;
}

.woocommerce-account .woocommerce-Address-title .edit:hover,
.woocommerce-account .addresses .title a.edit:hover {
  background: var(--bc-brand-soft-2) !important;
  border-color: var(--bc-primary) !important;
  color: var(--bc-brand-dark) !important;
}

/* Downloads, payment methods and pagination */
.woocommerce-account .woocommerce-table--order-downloads td.download-file a,
.woocommerce-account .woocommerce-MyAccount-downloads-file a {
  background: var(--bc-brand-soft);
  border-color: var(--bc-brand-border);
  color: var(--bc-brand-dark);
}

.woocommerce-account .payment_methods li {
  border-color: var(--bc-brand-border);
  background: #fbfbfc;
}

.woocommerce-account .woocommerce-pagination .button,
.woocommerce-account .woocommerce-pagination a {
  border-color: var(--bc-brand-border) !important;
}

/* Skeleton aligned with custom cart */
.woocommerce-account .bc-sk-line,
.woocommerce-account .bc-sk-box,
.woocommerce-account .bc-sk-pill,
.woocommerce-account .bc-sk-table-row,
.woocommerce-account .bc-skeleton,
.woocommerce-account .bc-login-skeleton .bc-sk-input,
.woocommerce-account .bc-login-skeleton .bc-sk-btn {
  background: #ededf0 !important;
}

.woocommerce-account .bc-sk-line::after,
.woocommerce-account .bc-sk-box::after,
.woocommerce-account .bc-sk-pill::after,
.woocommerce-account .bc-sk-table-row::after,
.woocommerce-account .bc-skeleton::after,
.woocommerce-account .bc-login-skeleton .bc-sk-input::after,
.woocommerce-account .bc-login-skeleton .bc-sk-btn::after {
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.78) 50%,
    rgba(255,255,255,0) 100%
  );
}

/* Mobile polish */
@media (max-width: 767px) {
  .woocommerce-account .entry-content > .woocommerce,
  .woocommerce-account .et-l--post .woocommerce,
  .woocommerce-account .et_pb_wc_my_account .woocommerce {
    margin: 16px 0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    min-height: 50px;
    font-size: 14px;
  }

  .woocommerce-account .woocommerce-MyAccount-content > p,
  .woocommerce-account .woocommerce-MyAccount-content > div,
  .woocommerce-account .woocommerce-MyAccount-content > form,
  .woocommerce-account .woocommerce-MyAccount-content > section,
  .woocommerce-account .u-columns .col-1,
  .woocommerce-account .u-columns .col-2 {
    padding: 18px;
  }

  .woocommerce-account .button,
  .woocommerce-account button.button,
  .woocommerce-account input.button,
  .woocommerce-account .woocommerce-button,
  .woocommerce-account .woocommerce-Button {
    min-height: 50px;
  }
}

/* VERSION 1.3.0 – FINAL CASCADE SAFEGUARD */
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper:empty,
.woocommerce-account .woocommerce-MyAccount-content > div:empty {
  display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content > div::before,
.woocommerce-account .woocommerce-MyAccount-content > section::before,
.woocommerce-account .woocommerce-MyAccount-content > form::before,
.woocommerce-account .woocommerce-MyAccount-content .u-columns::before,
.woocommerce-account .woocommerce-MyAccount-content .u-columns > div::before {
  content: none !important;
  display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content > div,
.woocommerce-account .woocommerce-MyAccount-content > section,
.woocommerce-account .woocommerce-MyAccount-content > form,
.woocommerce-account .woocommerce-MyAccount-content .u-columns > div {
  border-color: #e5e7eb !important;
  box-shadow: 0 12px 32px rgba(28, 28, 30, 0.06) !important;
}

.woocommerce-account .woocommerce-Address {
  padding: 28px !important;
}

.woocommerce-account .woocommerce-Address-title {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

.woocommerce-account .woocommerce-Address-title h3 {
  margin: 0 !important;
  font-size: clamp(24px, 2.2vw, 32px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

.woocommerce-account .woocommerce-Address-title .edit {
  width: auto !important;
  max-width: 210px !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  background: #f5f5f7 !important;
  color: #2c2c2e !important;
  border: 1px solid #e1e1e6 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
  min-height: 42px !important;
  padding: 10px 16px !important;
  background: #fff !important;
  color: #2c2c2e !important;
  border: 1px solid #d9d9df !important;
  box-shadow: none !important;
}

.woocommerce-account form.woocommerce-EditAccountForm {
  padding: 28px !important;
}

.woocommerce-account form.woocommerce-EditAccountForm fieldset {
  margin: 28px 0 0 !important;
  padding: 26px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
}

.woocommerce-account form.woocommerce-EditAccountForm .woocommerce-Button {
  width: auto !important;
  min-width: 190px !important;
  min-height: 46px !important;
  padding: 12px 22px !important;
}

@media (max-width: 767px) {
  .woocommerce-account .woocommerce-Address,
  .woocommerce-account form.woocommerce-EditAccountForm {
    padding: 20px !important;
  }

  .woocommerce-account .woocommerce-Address-title {
    display: block !important;
  }

  .woocommerce-account .woocommerce-Address-title .edit {
    display: inline-flex !important;
    margin-top: 14px !important;
  }

  .woocommerce-account form.woocommerce-EditAccountForm fieldset {
    padding: 20px !important;
  }

  .woocommerce-account form.woocommerce-EditAccountForm .woocommerce-Button {
    width: 100% !important;
  }
}