/* ==========================================================================
   Moj nalog (WooCommerce account) — sremus stil
   ========================================================================== */

/* Page title (page.php h1) — globalni h1 je ogroman; ovde brendiran naslov sa
   linijom ispod i urednim razmacima. */
.woocommerce-account .site-main > article > h1,
.woocommerce-account .site-main > article > .entry-title {
    margin: 1.75rem 0 1.5rem;
    padding: 0 0 0.85rem;
    border-bottom: 2px solid var(--cream-200, #eadfc8);
    font-family: var(--font-heading, Georgia, serif);
    font-size: clamp(1.6rem, 4vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--forest-800, #14452c);
    background: none;
}
.woocommerce-account .entry-content { max-width: none; width: 100%; }

/* Layout — sadržaj je već u .container (page.php); ne dupliraj max-width/padding */
.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: flex-start;
    margin: 0 0 2.5rem;
}
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { flex: 1 0 100%; }
.sremus-acc-nav { flex: 0 0 250px; }
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    min-width: 0;
    background: var(--color-white, #fff);
    border: 1px solid var(--color-border, rgba(26, 31, 28, 0.08));
    border-radius: var(--radius-md, 16px);
    padding: clamp(1.25rem, 3vw, 2rem);
}
/* Logged-out (no nav) — center the auth card */
.woocommerce-account:not(.logged-in) .woocommerce { max-width: 520px; margin-inline: auto; }

/* --------------------------------------------------------------------------
   Navigation — kartice (desktop: stub u koloni; mobilni: 2 u redu, iste širine)
   -------------------------------------------------------------------------- */
.sremus-acc-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.55rem; }
.sremus-acc-nav li { margin: 0; }
.sremus-acc-nav li a {
    display: flex; align-items: center; gap: 0.55rem; height: 100%;
    padding: 0.8rem 0.9rem; border-radius: 12px;
    background: var(--cream-50, #faf6ed);
    border: 1px solid var(--cream-200, #eadfc8);
    color: var(--color-text, #3a4339); text-decoration: none;
    font-weight: 600; font-size: 0.9rem; line-height: 1.2;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.sremus-acc-nav li a .sremus-icon { width: 18px; height: 18px; flex: 0 0 auto; color: var(--forest-600, #2a6a44); }
.sremus-acc-nav li a:hover { background: var(--forest-100, #e3ece6); border-color: var(--forest-300, #4d8567); color: var(--forest-800, #14452c); }
.sremus-acc-nav li.is-active a,
.sremus-acc-nav li a[aria-current="page"] { background: var(--forest-700, #1d5134); border-color: var(--forest-700, #1d5134); color: #fff; }
.sremus-acc-nav li.is-active a .sremus-icon,
.sremus-acc-nav li a[aria-current="page"] .sremus-icon { color: #fff; }

/* --------------------------------------------------------------------------
   Dashboard
   -------------------------------------------------------------------------- */
.sremus-acc-dash { display: flex; flex-direction: column; gap: 1.5rem; }

.sremus-acc-hero {
    display: flex; align-items: center; gap: 1rem;
    padding: 1.25rem; border-radius: var(--radius-md, 16px);
    background: linear-gradient(120deg, var(--forest-700, #1d5134), var(--forest-600, #2a6a44));
    color: #fff;
}
.sremus-acc-avatar {
    flex: 0 0 auto; width: 56px; height: 56px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(255, 255, 255, 0.18); color: #fff;
    font-family: var(--font-heading, Georgia, serif); font-weight: 700; font-size: 1.35rem;
}
.sremus-acc-hero-text { flex: 1; min-width: 0; }
.sremus-acc-hello { margin: 0; font-size: 0.8rem; opacity: .85; }
.sremus-acc-name { margin: 0.1rem 0 0.4rem; font-size: 1.4rem; color: #fff; }
.sremus-acc-sub { margin: 0; }
.sremus-acc-chip {
    display: inline-flex; align-items: center; gap: 0.35rem; max-width: 100%;
    font-size: 0.8rem; padding: 0.2rem 0.6rem; border-radius: 999px;
    background: rgba(255, 255, 255, 0.15); overflow: hidden;
}
.sremus-acc-chip .sremus-icon { width: 14px; height: 14px; flex: 0 0 auto; }
.sremus-acc-logout {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.5rem 0.85rem; border-radius: 999px;
    background: rgba(255, 255, 255, 0.16); color: #fff; text-decoration: none;
    font-size: 0.85rem; font-weight: 600; transition: background .18s ease;
}
.sremus-acc-logout:hover { background: rgba(255, 255, 255, 0.3); color: #fff; }
.sremus-acc-logout .sremus-icon { width: 16px; height: 16px; }

.sremus-acc-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.85rem; }
.sremus-acc-stat {
    display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem;
    padding: 1rem; border-radius: 14px;
    background: var(--cream-50, #faf6ed); border: 1px solid var(--cream-200, #eadfc8);
}
.sremus-acc-stat-ico { display: inline-flex; color: var(--forest-600, #2a6a44); }
.sremus-acc-stat-ico .sremus-icon { width: 20px; height: 20px; }
.sremus-acc-stat-num { font-family: var(--font-heading, Georgia, serif); font-size: 1.3rem; font-weight: 700; color: var(--forest-800, #14452c); }
.sremus-acc-stat-num .woocommerce-Price-amount { font: inherit; color: inherit; }
.sremus-acc-stat-lbl { font-size: 0.75rem; color: var(--color-text-light, #6a7268); }

.sremus-acc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.85rem; }
.sremus-acc-card {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.9rem 1rem; border-radius: 14px; text-decoration: none;
    background: var(--color-white, #fff); border: 1px solid var(--color-border, rgba(26, 31, 28, 0.08));
    color: var(--color-text, #3a4339); transition: border-color .18s ease, transform .12s ease, box-shadow .18s ease;
}
.sremus-acc-card:hover { border-color: var(--forest-300, #4d8567); transform: translateY(-1px); box-shadow: var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.06)); }
.sremus-acc-card-ico {
    flex: 0 0 auto; width: 40px; height: 40px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    background: var(--forest-100, #e3ece6); color: var(--forest-700, #1d5134);
}
.sremus-acc-card-ico .sremus-icon { width: 20px; height: 20px; }
.sremus-acc-card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.1rem; }
.sremus-acc-card-title { font-weight: 600; font-size: 0.95rem; color: var(--forest-800, #14452c); }
.sremus-acc-card-desc { font-size: 0.78rem; color: var(--color-text-light, #6a7268); }
.sremus-acc-card-arrow { flex: 0 0 auto; color: var(--color-text-light, #6a7268); }
.sremus-acc-card-arrow .sremus-icon { width: 18px; height: 18px; }

.sremus-acc-orders-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 0.75rem; }
.sremus-acc-orders-title { margin: 0; font-size: 1.05rem; color: var(--forest-800, #14452c); }
.sremus-acc-orders-all { font-size: 0.85rem; color: var(--forest-700, #1d5134); text-decoration: none; }
.sremus-acc-orders-all:hover { text-decoration: underline; }
.sremus-acc-order-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.sremus-acc-order {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.75rem 0.9rem; border-radius: 12px;
    background: var(--cream-50, #faf6ed); border: 1px solid var(--cream-200, #eadfc8);
}
.sremus-acc-order-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.1rem; }
.sremus-acc-order-no { font-weight: 700; color: var(--forest-800, #14452c); font-size: 0.9rem; }
.sremus-acc-order-meta { font-size: 0.75rem; color: var(--color-text-light, #6a7268); }
.sremus-acc-badge {
    flex: 0 0 auto; font-size: 0.7rem; font-weight: 600; padding: 0.2rem 0.6rem; border-radius: 999px;
    background: var(--forest-100, #e3ece6); color: var(--forest-800, #14452c); text-transform: capitalize;
}
.sremus-acc-badge--completed { background: #dcefe2; color: #1d5134; }
.sremus-acc-badge--processing { background: #fbe8cf; color: #8a5e20; }
.sremus-acc-badge--on-hold { background: #f3e3c3; color: #8a5e20; }
.sremus-acc-badge--pending { background: #eef1ee; color: #6a7268; }
.sremus-acc-badge--cancelled,
.sremus-acc-badge--failed,
.sremus-acc-badge--refunded { background: #f6dada; color: #9a2c2c; }
.sremus-acc-order-total { flex: 0 0 auto; font-weight: 700; color: var(--forest-800, #14452c); font-size: 0.9rem; }
.sremus-acc-order-total .woocommerce-Price-amount { font: inherit; color: inherit; }
.sremus-acc-order-link { flex: 0 0 auto; color: var(--forest-700, #1d5134); display: inline-flex; }
.sremus-acc-order-link .sremus-icon { width: 18px; height: 18px; }

.sremus-acc-empty { text-align: center; padding: 2rem 1rem; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
.sremus-acc-empty-ico { color: var(--forest-300, #4d8567); }
.sremus-acc-empty-ico .sremus-icon { width: 40px; height: 40px; }
.sremus-acc-empty-title { margin: 0; font-weight: 600; color: var(--color-text, #3a4339); }
.sremus-acc-empty-btn {
    margin-top: 0.5rem; display: inline-flex; padding: 0.6rem 1.25rem; border-radius: 999px;
    background: var(--forest-700, #1d5134); color: #fff; text-decoration: none; font-weight: 600; font-size: 0.875rem;
}
.sremus-acc-empty-btn:hover { background: var(--forest-800, #14452c); color: #fff; }

/* --------------------------------------------------------------------------
   WooCommerce content — naslovi, tabele, forme, adrese, dugmad
   -------------------------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content > p { color: var(--color-text, #3a4339); font-size: 0.95rem; }
.woocommerce-account .woocommerce-MyAccount-content h2:not([class*="sremus-acc"]),
.woocommerce-account .woocommerce-MyAccount-content h3:not([class*="sremus-acc"]),
.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title,
.woocommerce-account .woocommerce-Address-title h2 {
    font-family: var(--font-heading, Georgia, serif);
    font-size: 1.2rem; font-weight: 700; color: var(--forest-800, #14452c);
    margin: 0 0 1rem;
}

/* Highlight mark-ovi (Narudžba #914 …) */
.woocommerce-account mark {
    background: var(--forest-100, #e3ece6); color: var(--forest-800, #14452c);
    padding: 0.05em 0.45em; border-radius: 6px; font-weight: 700;
}

/* Tabele (narudžbe / detalji narudžbe) */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table,
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table {
    width: 100%; border-collapse: collapse; margin: 0 0 1.5rem;
    border: 1px solid var(--cream-200, #eadfc8); border-radius: 12px; overflow: hidden; background: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content table th {
    text-align: left; padding: 0.75rem 1rem;
    background: var(--cream-50, #faf6ed); color: var(--forest-800, #14452c);
    font-size: 0.8rem; font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-content table td {
    padding: 0.75rem 1rem; border-top: 1px solid var(--cream-200, #eadfc8);
    font-size: 0.9rem; color: var(--color-text, #3a4339); vertical-align: middle;
}
.woocommerce-account .woocommerce-MyAccount-content table a { color: var(--forest-700, #1d5134); text-decoration: none; font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-content table a:hover { text-decoration: underline; }
.woocommerce-account .woocommerce-MyAccount-content table tfoot th { background: transparent; color: var(--color-text, #3a4339); }
.woocommerce-account .woocommerce-MyAccount-content table tfoot tr:last-child th,
.woocommerce-account .woocommerce-MyAccount-content table tfoot tr:last-child td { font-weight: 700; color: var(--forest-800, #14452c); }

/* Forme */
.woocommerce-account .woocommerce-MyAccount-content form .form-row,
.woocommerce-account .woocommerce-MyAccount-content form p.form-row { margin: 0 0 1rem; }
.woocommerce-account .woocommerce-MyAccount-content form label {
    display: block; font-size: 0.85rem; font-weight: 600; color: var(--color-text, #3a4339); margin-bottom: 0.35rem;
}
.woocommerce-account .woocommerce-MyAccount-content form .input-text,
.woocommerce-account .woocommerce-MyAccount-content form input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content form select,
.woocommerce-account .woocommerce-MyAccount-content form textarea {
    width: 100%; padding: 0.65rem 0.8rem; border-radius: 10px;
    border: 1px solid var(--color-border, rgba(26, 31, 28, 0.16)); background: #fff;
    font-size: 0.95rem; font-family: inherit; color: var(--color-text, #3a4339); box-sizing: border-box;
}
.woocommerce-account .woocommerce-MyAccount-content form .input-text:focus,
.woocommerce-account .woocommerce-MyAccount-content form input:focus,
.woocommerce-account .woocommerce-MyAccount-content form select:focus,
.woocommerce-account .woocommerce-MyAccount-content form textarea:focus {
    outline: none; border-color: var(--forest-600, #2a6a44); box-shadow: 0 0 0 3px rgba(45, 106, 68, 0.15);
}
.woocommerce-account .woocommerce-MyAccount-content form .password-input { position: relative; display: block; }
.woocommerce-account .woocommerce-MyAccount-content form .show-password-input {
    position: absolute; right: 0.6rem; top: 50%; transform: translateY(-50%);
    background: none; border: none; cursor: pointer; color: var(--color-text-light, #6a7268);
}
.woocommerce-account .woocommerce-MyAccount-content form fieldset {
    border: 1px solid var(--cream-200, #eadfc8); border-radius: 12px; padding: 1rem 1.25rem; margin: 0 0 1.25rem;
}
.woocommerce-account .woocommerce-MyAccount-content form legend { padding: 0 0.5rem; font-weight: 700; color: var(--forest-800, #14452c); font-size: 0.95rem; }
.woocommerce-account .woocommerce-MyAccount-content form em { color: var(--color-text-light, #6a7268); font-size: 0.8rem; }
.woocommerce-account .woocommerce-MyAccount-content .clear { clear: both; }
/* First / last na desktopu jedno pored drugog */
@media (min-width: 600px) {
    .woocommerce-account .woocommerce-MyAccount-content form .form-row-first { float: left; width: 48%; }
    .woocommerce-account .woocommerce-MyAccount-content form .form-row-last { float: right; width: 48%; }
}

/* Dugmad */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0.7rem 1.4rem; border: none; border-radius: 999px; cursor: pointer;
    background: var(--forest-700, #1d5134); color: #fff; font-weight: 700; font-size: 0.9rem;
    font-family: inherit; text-decoration: none; line-height: 1.2;
    transition: background .18s ease, transform .12s ease;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover {
    background: var(--forest-800, #14452c); color: #fff; transform: translateY(-1px);
}

/* Adrese (col2-set / u-columns) — grid umesto float-a */
.woocommerce-account .woocommerce-MyAccount-content .col2-set,
.woocommerce-account .woocommerce-MyAccount-content .u-columns,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-columns--2 {
    display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; width: 100%; margin: 0 0 1.5rem;
}
/* WC dodaje clearfix ::before/::after na ove kontejnere; u gridu bi postali stavke i
   gurnuli kartice u pogrešne ćelije (dijagonalni raspored). Ukloni ih iz grida. */
.woocommerce-account .woocommerce-MyAccount-content .col2-set::before,
.woocommerce-account .woocommerce-MyAccount-content .col2-set::after,
.woocommerce-account .woocommerce-MyAccount-content .u-columns::before,
.woocommerce-account .woocommerce-MyAccount-content .u-columns::after,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-columns--2::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-columns--2::after {
    content: none;
}
.woocommerce-account .woocommerce-MyAccount-content .col-1,
.woocommerce-account .woocommerce-MyAccount-content .col-2,
.woocommerce-account .woocommerce-MyAccount-content .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column {
    width: auto !important; float: none !important; margin: 0; padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column {
    background: var(--cream-50, #faf6ed); border: 1px solid var(--cream-200, #eadfc8);
    border-radius: 12px; padding: 1.1rem 1.25rem;
}
.woocommerce-account .woocommerce-Address-title {
    display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.5rem;
}
.woocommerce-account .woocommerce-Address-title h2 { margin: 0; }
.woocommerce-account .woocommerce-Address-title .edit {
    flex: 0 0 auto; font-size: 0.8rem; color: var(--forest-700, #1d5134); text-decoration: none; font-weight: 600; white-space: nowrap;
}
.woocommerce-account .woocommerce-Address-title .edit:hover { text-decoration: underline; }
.woocommerce-account .woocommerce-MyAccount-content address {
    font-style: normal; color: var(--color-text, #3a4339); line-height: 1.55; font-size: 0.9rem; border: none; padding: 0; margin: 0;
}

/* Notices */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    list-style: none; padding: 0.9rem 1.1rem; border-radius: 10px; margin: 0 0 1.25rem;
    font-size: 0.9rem; border-left: 4px solid; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem;
}
/* WC dodaje ::before ikonu (apsolutno pozicioniranu) koja upada u tekst — ukloni je;
   lijevi border + boja već označavaju tip poruke. */
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before {
    content: none;
}
.woocommerce-account .woocommerce-message { background: #e7f0ea; border-color: var(--forest-600, #2a6a44); color: var(--forest-800, #14452c); }
.woocommerce-account .woocommerce-info { background: var(--cream-50, #faf6ed); border-color: var(--ochre-500, #b8874a); color: var(--color-text, #3a4339); }
.woocommerce-account .woocommerce-error { background: #f6dada; border-color: #c0392b; color: #7a2620; }
.woocommerce-account .woocommerce-message .button,
.woocommerce-account .woocommerce-info .button { margin-left: auto; padding: 0.4rem 0.9rem; font-size: 0.8rem; }

/* Pagination (narudžbe) */
.woocommerce-account .woocommerce-pagination ul { display: flex; flex-wrap: wrap; gap: 0.35rem; list-style: none; margin: 1rem 0 0; padding: 0; }
.woocommerce-account .woocommerce-pagination ul li { margin: 0; }
.woocommerce-account .woocommerce-pagination a,
.woocommerce-account .woocommerce-pagination span {
    display: inline-flex; padding: 0.4rem 0.7rem; border-radius: 8px;
    border: 1px solid var(--cream-200, #eadfc8); color: var(--forest-700, #1d5134); text-decoration: none; font-size: 0.85rem;
}
.woocommerce-account .woocommerce-pagination .current { background: var(--forest-700, #1d5134); color: #fff; border-color: var(--forest-700, #1d5134); }

/* --------------------------------------------------------------------------
   Auth (login / register)
   -------------------------------------------------------------------------- */
.sremus-acc-auth { width: 100%; }
.sremus-acc-auth-tabs {
    display: flex; gap: 0.25rem; padding: 0.25rem; margin-bottom: 1.25rem;
    background: var(--cream-100, #f5efe1); border-radius: 999px;
}
.sremus-acc-auth-tab {
    flex: 1; padding: 0.6rem 1rem; border: none; cursor: pointer; border-radius: 999px;
    background: transparent; color: var(--color-text-light, #6a7268); font-weight: 600;
    font-size: 0.9rem; font-family: inherit; transition: background .18s ease, color .18s ease;
}
.sremus-acc-auth-tab.is-active { background: var(--forest-700, #1d5134); color: #fff; }
.sremus-acc-auth-panel { display: none; }
.sremus-acc-auth-panel.is-active { display: block; }
.sremus-acc-auth .form-row { margin: 0 0 1rem; display: flex; flex-direction: column; }
.sremus-acc-auth label { font-size: 0.85rem; font-weight: 600; color: var(--color-text, #3a4339); margin-bottom: 0.35rem; }
.sremus-acc-auth .input-text {
    width: 100%; padding: 0.7rem 0.85rem; border-radius: 10px;
    border: 1px solid var(--color-border, rgba(26, 31, 28, 0.16)); background: #fff;
    font-size: 0.95rem; font-family: inherit; color: var(--color-text, #3a4339); box-sizing: border-box;
}
.sremus-acc-auth .input-text:focus { outline: none; border-color: var(--forest-600, #2a6a44); box-shadow: 0 0 0 3px rgba(45, 106, 68, 0.15); }
.sremus-acc-auth .woocommerce-form-login__rememberme,
.sremus-acc-auth .woocommerce-form__label-for-checkbox { flex-direction: row; align-items: center; gap: 0.4rem; font-weight: 500; margin: 0 0 1rem; }
.sremus-acc-auth .button {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0.75rem 1.5rem; border: 1.5px solid var(--forest-800, #14452c); border-radius: 10px; cursor: pointer;
    background: var(--forest-700, #1d5134); color: #fff; font-weight: 700; font-size: 0.95rem; font-family: inherit;
    transition: background .18s ease, transform .12s ease;
}
.sremus-acc-auth .button:hover { background: var(--forest-800, #14452c); transform: translateY(-1px); }
.sremus-acc-auth .lost_password { margin: 0.25rem 0 0; font-size: 0.85rem; }
.sremus-acc-auth .lost_password a { color: var(--forest-700, #1d5134); }

.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login__submit,
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register__submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0.75rem 1.5rem !important;
    border: 1.5px solid var(--forest-800, #14452c) !important;
    border-radius: 10px !important;
    background: var(--forest-800, #14452c) !important;
    color: #fff !important;
    font-family: var(--font-heading, Georgia, serif) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .12s ease !important;
}

.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login__submit:hover,
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login__submit:focus-visible,
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register__submit:hover,
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register__submit:focus-visible {
    border-color: var(--forest-900, #0f3622) !important;
    background: var(--forest-900, #0f3622) !important;
    color: #fff !important;
    outline: none !important;
    transform: translateY(-1px);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
    .woocommerce-account .woocommerce { flex-direction: column; }
    .sremus-acc-nav { flex: 1 0 100%; width: 100%; }
    /* Nav: 2 kartice u redu, iste širine */
    .sremus-acc-nav ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
}
@media (max-width: 560px) {
    .sremus-acc-stats { grid-template-columns: 1fr; }
    .sremus-acc-grid { grid-template-columns: 1fr; }
    .sremus-acc-hero { flex-wrap: wrap; }
    .sremus-acc-order { flex-wrap: wrap; }
    .woocommerce-account .woocommerce-MyAccount-content .col2-set,
    .woocommerce-account .woocommerce-MyAccount-content .u-columns,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-columns--2 { grid-template-columns: 1fr; }
    .woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
    .woocommerce-account .woocommerce-MyAccount-content form .form-row-last { float: none; width: 100%; }
}