/* SimpleTools My Account Pro Design */
body.stmap-account-active {
    --stmap-accent: #00884a;
    --stmap-accent-dark: #004c35;
    --stmap-surface: #fff;
    --stmap-soft: #f5f8f7;
    --stmap-soft-2: #eef5f1;
    --stmap-border: #dce8e2;
    --stmap-text: #1f2b25;
    --stmap-muted: #77847d;
    --stmap-radius: 14px;
    --stmap-shadow: 0 12px 38px rgba(18, 48, 35, .07);
}

body.stmap-account-active .main-page-wrapper,
body.stmap-account-active .site-content,
body.stmap-account-active .page-wrapper {
    background: #f8faf9;
}

body.stmap-account-active .woocommerce {
    width: min(calc(100% - 30px), var(--stmap-max-width, 1320px));
    margin: 28px auto 44px;
}

/* Logged-in layout.
 * WoodMart wraps account navigation/content in .wd-my-account-wrapper.
 * Keep the outer WooCommerce container full-width and build our grid on the
 * correct level so the entire account area never collapses into the sidebar. */
body.stmap-account-active.logged-in .woocommerce {
    display: block !important;
}


/* Elementor compatibility. The WooCommerce shortcode must be allowed to use the
 * full Elementor container width even when it was inserted through Text Editor. */
body.stmap-account-active .stmap-elementor-account-host,
body.stmap-account-active .stmap-elementor-account-host > .elementor-widget-container,
body.stmap-account-active .stmap-elementor-account-container {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

body.stmap-account-active .stmap-elementor-account-host .woocommerce {
    width: min(100%, var(--stmap-max-width, 1320px)) !important;
    max-width: var(--stmap-max-width, 1320px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.stmap-account-active.logged-in .woocommerce > .wd-my-account-wrapper,
body.stmap-account-active.logged-in .woocommerce .wd-my-account-wrapper,
body.stmap-account-active.logged-in .woocommerce > .woocommerce-my-account-wrapper,
body.stmap-account-active.logged-in .woocommerce .woocommerce-my-account-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 235px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start;
    box-sizing: border-box;
}

/* WoodMart's own sidebar wrapper normally has fixed flex-basis and 30px side
 * padding. Reset those values because our wrapper grid now controls sizing. */
body.stmap-account-active.logged-in .wd-my-account-wrapper > .wd-my-account-sidebar,
body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .wd-my-account-sidebar {
    grid-column: 1 / 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

body.stmap-account-active.logged-in .wd-my-account-wrapper > .woocommerce-MyAccount-content,
body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .woocommerce-MyAccount-content {
    grid-column: 2 / 3 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    box-sizing: border-box;
}

/* Native WooCommerce fallback for themes that don't use WoodMart's wrapper. */
body.stmap-account-active.logged-in .woocommerce:not(:has(.wd-my-account-wrapper)):not(:has(.woocommerce-my-account-wrapper)) {
    display: grid !important;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

body.stmap-account-active.logged-in .woocommerce > .woocommerce-notices-wrapper,
body.stmap-account-active.logged-in .woocommerce > .woocommerce-message,
body.stmap-account-active.logged-in .woocommerce > .woocommerce-info,
body.stmap-account-active.logged-in .woocommerce > .woocommerce-error,
body.stmap-account-active.logged-in .wd-my-account-wrapper > .woocommerce-notices-wrapper,
body.stmap-account-active.logged-in .wd-my-account-wrapper > .woocommerce-message,
body.stmap-account-active.logged-in .wd-my-account-wrapper > .woocommerce-info,
body.stmap-account-active.logged-in .wd-my-account-wrapper > .woocommerce-error,
body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .woocommerce-notices-wrapper,
body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .woocommerce-message,
body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .woocommerce-info,
body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .woocommerce-error {
    grid-column: 1 / -1;
}

/* Account hero */
.stmap-account-hero {
    width: 100%;
    margin: 0 0 18px;
    min-width: 0;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 150px;
    padding: 26px 30px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% -80%, rgba(42, 210, 124, .28), transparent 45%),
        linear-gradient(110deg, var(--stmap-accent-dark) 0%, #00643f 58%, #003d2b 100%);
    box-shadow: 0 16px 42px rgba(0, 75, 51, .13);
}

.stmap-account-hero::after {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    right: -100px;
    top: -190px;
    border: 46px solid rgba(255,255,255,.035);
    border-radius: 50%;
    pointer-events: none;
}

.stmap-account-hero__identity,
.stmap-account-hero__actions {
    position: relative;
    z-index: 1;
}

.stmap-account-hero__identity {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.stmap-account-avatar {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 18px;
    color: #fff;
    background: rgba(255,255,255,.10);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
    font-size: 27px;
    font-weight: 800;
}

.stmap-kicker {
    display: block;
    margin-bottom: 5px;
    color: #52e99f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.stmap-account-hero h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(25px, 2.3vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em;
}

.stmap-account-hero p {
    max-width: 670px;
    margin: 7px 0 0 !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 13px;
    line-height: 1.55;
}

.stmap-account-hero p strong { color: #fff; }

.stmap-account-hero__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.stmap-hero-action {
    min-width: 78px;
    min-height: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 11px;
    color: #fff !important;
    background: rgba(255,255,255,.07);
    text-decoration: none !important;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.stmap-hero-action:hover {
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.36);
    background: rgba(255,255,255,.13);
}

.stmap-hero-action svg { width: 20px; height: 20px; }
.stmap-hero-action span { font-size: 10px; font-weight: 700; }

/* Navigation */
body.stmap-account-active .woocommerce-MyAccount-navigation {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 9px !important;
    border: 1px solid var(--stmap-border);
    border-radius: var(--stmap-radius);
    background: #fff;
    box-shadow: var(--stmap-shadow);
    position: sticky;
    top: 18px;
}

body.admin-bar.stmap-account-active .woocommerce-MyAccount-navigation { top: 50px; }

body.stmap-account-active .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.stmap-account-active .woocommerce-MyAccount-navigation li {
    margin: 2px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.stmap-account-active .woocommerce-MyAccount-navigation li::before,
body.stmap-account-active .woocommerce-MyAccount-navigation li::after { display: none !important; }

body.stmap-account-active .woocommerce-MyAccount-navigation a {
    min-height: 46px;
    display: flex !important;
    align-items: center;
    gap: 11px;
    padding: 9px 12px !important;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #34443c !important;
    background: transparent;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none !important;
    line-height: 1.25;
    transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}

body.stmap-account-active .woocommerce-MyAccount-navigation a:hover {
    transform: translateX(2px);
    color: var(--stmap-accent) !important;
    background: #f2f8f5;
}

body.stmap-account-active .woocommerce-MyAccount-navigation li.is-active > a {
    color: #fff !important;
    background: linear-gradient(135deg, var(--stmap-accent) 0%, #006d43 100%);
    box-shadow: 0 8px 20px rgba(0, 136, 74, .17);
}

.stmap-nav-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: var(--stmap-accent);
    background: #eef8f3;
}

.stmap-nav-icon svg { width: 16px; height: 16px; }
body.stmap-account-active .woocommerce-MyAccount-navigation li.is-active .stmap-nav-icon {
    color: #fff;
    background: rgba(255,255,255,.15);
}

body.stmap-account-active .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 8px !important;
    padding-top: 7px !important;
    border-top: 1px solid #edf1ef !important;
}
body.stmap-account-active .woocommerce-MyAccount-navigation-link--customer-logout a { color: #9d403a !important; }
body.stmap-account-active .woocommerce-MyAccount-navigation-link--customer-logout .stmap-nav-icon { color: #b24942; background: #fff3f2; }

.stmap-mobile-nav-toggle { display: none; }

/* Main content */
body.stmap-account-active .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 26px !important;
    border: 1px solid var(--stmap-border);
    border-radius: var(--stmap-radius);
    background: #fff;
    box-shadow: var(--stmap-shadow);
}

body.stmap-account-active .woocommerce-MyAccount-content > :first-child { margin-top: 0; }
body.stmap-account-active .woocommerce-MyAccount-content > :last-child { margin-bottom: 0; }

body.stmap-account-active .woocommerce-MyAccount-content h2,
body.stmap-account-active .woocommerce-MyAccount-content h3,
body.stmap-account-active .woocommerce-MyAccount-content legend {
    color: var(--stmap-text);
    letter-spacing: -.015em;
}

body.stmap-account-active .woocommerce-MyAccount-content h2 { font-size: 23px; }
body.stmap-account-active .woocommerce-MyAccount-content h3 { font-size: 17px; }
body.stmap-account-active .woocommerce-MyAccount-content p { color: #56665e; }

/* Default dashboard paragraphs replaced visually by our dashboard. */
body.stmap-account-active.stmap-endpoint-dashboard .woocommerce-MyAccount-content > p { display: none; }

.stmap-dashboard { display: grid; gap: 22px; }
.stmap-dashboard-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.stmap-dashboard-card {
    position: relative;
    min-width: 0;
    min-height: 145px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 17px;
    border: 1px solid var(--stmap-border);
    border-radius: 12px;
    color: var(--stmap-text) !important;
    background: linear-gradient(180deg, #fff 0%, #fbfdfc 100%);
    text-decoration: none !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.stmap-dashboard-card:hover {
    transform: translateY(-2px);
    border-color: #b7ddc9;
    box-shadow: 0 12px 25px rgba(21, 77, 51, .08);
}

.stmap-dashboard-card__icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    margin-bottom: 11px;
    border-radius: 9px;
    color: var(--stmap-accent);
    background: #eef8f3;
}
.stmap-dashboard-card__icon svg { width: 19px; height: 19px; }
.stmap-dashboard-card__label { color: #75827c; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.stmap-dashboard-card strong { margin: 2px 0 3px; color: var(--stmap-text); font-size: 21px; line-height: 1.15; }
.stmap-dashboard-card small { margin-top: auto; color: #829088; font-size: 10px; line-height: 1.4; }

.stmap-recent-orders {
    overflow: hidden;
    border: 1px solid var(--stmap-border);
    border-radius: 12px;
    background: #fff;
}

.stmap-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid #edf2ef;
}
.stmap-section-heading .stmap-kicker { color: var(--stmap-accent); }
.stmap-section-heading h2 { margin: 0 !important; font-size: 18px !important; }
.stmap-section-heading a { color: var(--stmap-accent) !important; font-size: 11px; font-weight: 750; text-decoration: none !important; }

.stmap-recent-orders__list { display: grid; }
.stmap-order-row {
    display: grid;
    grid-template-columns: 90px 100px minmax(120px, 1fr) auto 20px;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 10px 20px;
    border-bottom: 1px solid #f0f3f1;
    color: #34443c !important;
    text-decoration: none !important;
}
.stmap-order-row:last-child { border-bottom: 0; }
.stmap-order-row:hover { background: #f8fbf9; }
.stmap-order-row__number { font-weight: 800; }
.stmap-order-row__date { color: #87948d; font-size: 11px; }
.stmap-order-row__total { text-align: right; }
.stmap-order-row__arrow { color: var(--stmap-accent); font-size: 18px; }

.stmap-order-status {
    width: max-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    color: #226446;
    background: #eaf7f0;
    font-size: 10px;
    font-weight: 750;
}
.stmap-order-status--cancelled,
.stmap-order-status--failed,
.stmap-order-status--refunded { color: #a0443e; background: #fff0ef; }
.stmap-order-status--pending,
.stmap-order-status--on-hold { color: #8b6417; background: #fff7dc; }

.stmap-empty-state {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px;
}
.stmap-empty-state > span {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--stmap-accent);
    background: #edf8f3;
}
.stmap-empty-state > span svg { width: 23px; height: 23px; }
.stmap-empty-state h3 { margin: 0 0 3px !important; font-size: 14px !important; }
.stmap-empty-state p { margin: 0 !important; font-size: 11px; }
.stmap-empty-state > a {
    margin-left: auto;
    padding: 9px 13px;
    border-radius: 8px;
    color: #fff !important;
    background: var(--stmap-accent);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none !important;
}

/* Woo notices */
body.stmap-account-active .woocommerce-message,
body.stmap-account-active .woocommerce-info,
body.stmap-account-active .woocommerce-error {
    margin: 0 0 18px !important;
    padding: 13px 15px 13px 42px !important;
    border: 1px solid #cfe8dc !important;
    border-radius: 10px !important;
    color: #28533f !important;
    background: #f0faf5 !important;
    box-shadow: none !important;
}
body.stmap-account-active .woocommerce-error { border-color: #f0cfcc !important; color: #8e403a !important; background: #fff5f4 !important; }

/* Forms */
body.stmap-account-active .woocommerce-MyAccount-content form {
    max-width: none;
}
body.stmap-account-active .woocommerce-MyAccount-content .form-row { margin-bottom: 14px; }
body.stmap-account-active .woocommerce-MyAccount-content label {
    margin-bottom: 6px;
    color: #38483f;
    font-size: 11px;
    font-weight: 700;
}
body.stmap-account-active .woocommerce-MyAccount-content input.input-text,
body.stmap-account-active .woocommerce-MyAccount-content input[type="text"],
body.stmap-account-active .woocommerce-MyAccount-content input[type="email"],
body.stmap-account-active .woocommerce-MyAccount-content input[type="password"],
body.stmap-account-active .woocommerce-MyAccount-content input[type="tel"],
body.stmap-account-active .woocommerce-MyAccount-content select,
body.stmap-account-active .woocommerce-MyAccount-content textarea,
body.stmap-account-active .select2-container--default .select2-selection--single {
    min-height: 43px;
    border: 1px solid #d8e3dd !important;
    border-radius: 9px !important;
    color: #26332d !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.stmap-account-active .woocommerce-MyAccount-content input:focus,
body.stmap-account-active .woocommerce-MyAccount-content textarea:focus,
body.stmap-account-active .woocommerce-MyAccount-content select:focus {
    border-color: var(--stmap-accent) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(0,136,74,.09) !important;
}
body.stmap-account-active .woocommerce-MyAccount-content fieldset {
    margin: 22px 0;
    padding: 18px;
    border: 1px solid #e1eae5;
    border-radius: 11px;
    background: #fbfdfc;
}
body.stmap-account-active .woocommerce-MyAccount-content legend { padding: 0 8px; font-size: 14px; font-weight: 800; }

/* Buttons */
body.stmap-account-active .woocommerce-MyAccount-content .button,
body.stmap-account-active .woocommerce-MyAccount-content button.button,
body.stmap-account-active .woocommerce-MyAccount-content input.button {
    min-height: 39px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 9px 15px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: var(--stmap-accent) !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    transition: background .18s ease, transform .18s ease;
}
body.stmap-account-active .woocommerce-MyAccount-content .button:hover { transform: translateY(-1px); background: var(--stmap-accent-dark) !important; }

/* Tables */
.stmap-table-scroll { width: 100%; overflow-x: auto; border: 1px solid var(--stmap-border); border-radius: 11px; }
body.stmap-account-active .woocommerce-MyAccount-content table.shop_table {
    min-width: 680px;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff;
}
body.stmap-account-active .woocommerce-MyAccount-content table.shop_table th {
    padding: 12px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe9e4 !important;
    color: #607067;
    background: #f5f8f7;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}
body.stmap-account-active .woocommerce-MyAccount-content table.shop_table td {
    padding: 13px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf2ef !important;
    color: #34443c;
    font-size: 11px;
    vertical-align: middle;
}
body.stmap-account-active .woocommerce-MyAccount-content table.shop_table tr:last-child td { border-bottom: 0 !important; }
body.stmap-account-active .woocommerce-orders-table__cell-order-number a { color: var(--stmap-accent) !important; font-weight: 800; }

/* Addresses */
body.stmap-account-active .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px; }
body.stmap-account-active .woocommerce-Address {
    width: auto !important;
    float: none !important;
    padding: 18px;
    border: 1px solid var(--stmap-border);
    border-radius: 11px;
    background: #fbfdfc;
}
body.stmap-account-active .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.stmap-account-active .woocommerce-Address-title h2,
body.stmap-account-active .woocommerce-Address-title h3 { margin: 0 !important; font-size: 16px !important; }
body.stmap-account-active .woocommerce-Address-title .edit { color: var(--stmap-accent) !important; font-size: 10px; font-weight: 750; }
body.stmap-account-active .woocommerce-Address address { margin: 14px 0 0; color: #66756d; font-size: 11px; line-height: 1.75; }

/* Order details */
body.stmap-account-active .woocommerce-order-details,
body.stmap-account-active .woocommerce-customer-details {
    margin-top: 22px;
}
body.stmap-account-active .woocommerce-order-details__title,
body.stmap-account-active .woocommerce-column__title { font-size: 18px !important; }

/* Favorites plugin integration: preserve its own full-width panel instead of nesting white cards. */
body.stmap-account-active.stsd-favorites-active .woocommerce-MyAccount-content {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.stmap-account-active.stsd-favorites-active .stsd-favorites-page { margin: 0 !important; }
body.stmap-account-active.stsd-favorites-active .stsd-favorites-shell { box-shadow: var(--stmap-shadow); }

/* Logged-out My Account: login/register */
body.stmap-account-active:not(.logged-in) .woocommerce {
    display: block;
    max-width: 1040px;
}
body.stmap-account-active:not(.logged-in) .woocommerce > h2 { text-align: center; }
body.stmap-account-active:not(.logged-in) #customer_login {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin: 0;
}
body.stmap-account-active:not(.logged-in) #customer_login > div {
    width: auto !important;
    float: none !important;
    padding: 25px;
    border: 1px solid var(--stmap-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--stmap-shadow);
}
body.stmap-account-active:not(.logged-in) form.login,
body.stmap-account-active:not(.logged-in) form.register {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

@media (max-width: 1100px) {
    body.stmap-account-active.logged-in .wd-my-account-wrapper,
    body.stmap-account-active.logged-in .woocommerce-my-account-wrapper,
    body.stmap-account-active.logged-in .woocommerce:not(:has(.wd-my-account-wrapper)):not(:has(.woocommerce-my-account-wrapper)) { grid-template-columns: 210px minmax(0,1fr) !important; gap: 16px !important; }
    .stmap-dashboard-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stmap-account-hero { padding: 23px; }
    .stmap-account-hero__actions { max-width: 270px; }
}

@media (max-width: 768px) {
    body.stmap-account-active .woocommerce { width: min(calc(100% - 18px), var(--stmap-max-width, 1320px)); margin-top: 14px; }
    body.stmap-account-active.logged-in .woocommerce { display: block !important; }
    body.stmap-account-active.logged-in .wd-my-account-wrapper,
    body.stmap-account-active.logged-in .woocommerce-my-account-wrapper,
    body.stmap-account-active.logged-in .woocommerce:not(:has(.wd-my-account-wrapper)):not(:has(.woocommerce-my-account-wrapper)) {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }
    body.stmap-account-active.logged-in .wd-my-account-wrapper > .wd-my-account-sidebar,
    body.stmap-account-active.logged-in .wd-my-account-wrapper > .woocommerce-MyAccount-content,
    body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .wd-my-account-sidebar,
    body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .woocommerce-MyAccount-content {
        width: 100% !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body.stmap-account-active.logged-in .wd-my-account-wrapper > .wd-my-account-sidebar,
    body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .wd-my-account-sidebar { margin-bottom: 12px !important; }

    .stmap-account-hero {
        display: block;
        min-height: 0;
        margin-bottom: 12px;
        padding: 18px;
        border-radius: 12px;
    }
    .stmap-account-avatar { width: 52px; height: 52px; flex-basis: 52px; border-radius: 13px; font-size: 21px; }
    .stmap-account-hero h1 { font-size: 24px !important; }
    .stmap-account-hero p { font-size: 11px; }
    .stmap-account-hero__actions { max-width: none; justify-content: flex-start; margin-top: 14px; }
    .stmap-hero-action { min-width: 72px; min-height: 48px; flex-direction: row; padding: 7px 10px; }
    .stmap-hero-action svg { width: 17px; height: 17px; }

    body.stmap-account-active .woocommerce-MyAccount-navigation {
        position: relative;
        top: auto !important;
        margin: 0 0 12px !important;
        padding: 7px !important;
        border-radius: 11px;
    }
    .stmap-mobile-nav-toggle {
        width: 100%;
        min-height: 50px;
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 7px 9px;
        border: 0;
        border-radius: 8px;
        color: #293830;
        background: #f4f8f6;
        text-align: left;
    }
    .stmap-mobile-nav-toggle__icon { width: 27px; height: 27px; display: grid; align-content: center; gap: 3px; padding: 5px; border-radius: 7px; background: #e8f5ee; }
    .stmap-mobile-nav-toggle__icon i { display: block; height: 1.5px; border-radius: 2px; background: var(--stmap-accent); }
    .stmap-mobile-nav-toggle > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }
    .stmap-mobile-nav-toggle small { color: #8a9890; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
    .stmap-mobile-nav-toggle strong { overflow: hidden; color: #27372f; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
    .stmap-mobile-nav-toggle__chevron { margin-left: auto; color: var(--stmap-accent); font-size: 18px; transition: transform .18s ease; }

    body.stmap-account-active .woocommerce-MyAccount-navigation ul {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height .25s ease, opacity .2s ease, margin .2s ease;
    }
    body.stmap-account-active .woocommerce-MyAccount-navigation.is-mobile-open ul { max-height: 760px; margin-top: 7px !important; opacity: 1; }
    body.stmap-account-active .woocommerce-MyAccount-navigation.is-mobile-open .stmap-mobile-nav-toggle__chevron { transform: rotate(180deg); }

    body.stmap-account-active .woocommerce-MyAccount-content { padding: 16px !important; border-radius: 11px; }
    body.stmap-account-active.stsd-favorites-active .woocommerce-MyAccount-content { padding: 0 !important; }
    .stmap-dashboard-cards { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
    .stmap-dashboard-card { min-height: 128px; padding: 13px; }
    .stmap-dashboard-card strong { font-size: 18px; }
    .stmap-dashboard-card small { font-size: 9px; }
    .stmap-section-heading { padding: 14px; }
    .stmap-order-row { grid-template-columns: 72px 1fr auto; gap: 8px; padding: 11px 14px; }
    .stmap-order-row__date { display: none; }
    .stmap-order-status { grid-column: 2; grid-row: 2; }
    .stmap-order-row__total { grid-column: 3; grid-row: 1 / span 2; }
    .stmap-order-row__arrow { display: none; }
    body.stmap-account-active .woocommerce-Addresses { grid-template-columns: 1fr; }
    body.stmap-account-active:not(.logged-in) #customer_login { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
    .stmap-account-hero__identity { align-items: flex-start; }
    .stmap-account-hero__copy p strong { display: block; }
    .stmap-account-hero__actions { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
    .stmap-hero-action { min-width: 0; justify-content: center; }
    .stmap-dashboard-cards { grid-template-columns: 1fr 1fr; }
    .stmap-dashboard-card { min-height: 122px; }
    .stmap-empty-state { align-items: flex-start; flex-wrap: wrap; }
    .stmap-empty-state > a { width: 100%; margin: 4px 0 0; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    .stmap-account-active *,
    .stmap-account-active *::before,
    .stmap-account-active *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* =========================================================
   UI refinement v1.0.3
   - hides the extra Favorites descriptive paragraph
   - restyles account navigation with more breathing room
   - aligns dashboard icons with the green SimpleTools visual system
   ========================================================= */

/* Favorites: hide the explanatory paragraph under the green header title. */
body.stmap-account-active.stsd-favorites-active .stsd-favorites-header p,
body.stmap-account-active.stsd-favorites-active .stsd-favorites-shell .stsd-favorites-header p,
body.stmap-account-active.stsd-favorites-active .stsd-favorites-page .stsd-favorites-header p {
    display: none !important;
}

/* Account navigation: more polished, less cramped. */
body.stmap-account-active .woocommerce-MyAccount-navigation {
    padding: 14px !important;
    border: 1px solid #dbe7df !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.04) !important;
}

body.stmap-account-active .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.stmap-account-active .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
}

body.stmap-account-active .woocommerce-MyAccount-navigation a {
    min-height: 56px;
    gap: 12px;
    padding: 14px 16px !important;
    border: 1px solid #e5ece7 !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #243b31 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    transition: all .2s ease !important;
}

body.stmap-account-active .woocommerce-MyAccount-navigation a:hover {
    color: #0b7a43 !important;
    background: #f5faf7 !important;
    border-color: #cfe1d5 !important;
    transform: translateY(-1px) !important;
}

body.stmap-account-active .woocommerce-MyAccount-navigation li.is-active > a {
    color: #fff !important;
    background: linear-gradient(135deg, #0a7a43 0%, #09914d 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 28px rgba(10,122,67,.18) !important;
}

.stmap-nav-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    color: #0b7a43;
    background: #edf7f0;
}

.stmap-nav-icon svg {
    width: 18px;
    height: 18px;
}

body.stmap-account-active .woocommerce-MyAccount-navigation li.is-active .stmap-nav-icon {
    color: #fff !important;
    background: rgba(255,255,255,.14) !important;
}

body.stmap-account-active .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 10px !important;
    padding-top: 10px !important;
}

body.stmap-account-active .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #b24942 !important;
}

body.stmap-account-active .woocommerce-MyAccount-navigation-link--customer-logout .stmap-nav-icon {
    color: #b24942 !important;
    background: #fff3f2 !important;
}

/* Dashboard: green icon treatment matching the rest of SimpleTools. */
.stmap-dashboard-cards {
    gap: 14px !important;
}

.stmap-dashboard-card {
    min-height: 150px;
    padding: 24px 20px !important;
    border: 1px solid #dfe8e2 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #fff 0%, #fbfdfc 100%) !important;
    box-shadow: 0 6px 22px rgba(0,0,0,.04);
    transition: all .2s ease !important;
}

.stmap-dashboard-card:hover {
    transform: translateY(-2px) !important;
    border-color: #cfe1d5 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.07) !important;
}

.stmap-dashboard-card__icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    border: 1px solid #cfe4d7;
    border-radius: 18px;
    color: #0b7a43 !important;
    background: linear-gradient(135deg, #eef9f2, #dff2e7) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
    transition: all .2s ease;
}

.stmap-dashboard-card:hover .stmap-dashboard-card__icon {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(10,122,67,.12);
}

.stmap-dashboard-card__icon svg {
    width: 34px !important;
    height: 34px !important;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
}

.stmap-dashboard-card__label {
    color: #75827c;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.stmap-dashboard-card strong {
    margin: 4px 0 6px;
    color: #263b31;
    font-size: 20px;
    line-height: 1.2;
}

.stmap-dashboard-card small {
    color: #829088;
    font-size: 11px;
    line-height: 1.45;
}

/* Mobile account navigation toggle. */
@media (max-width: 768px) {
    body.stmap-account-active .woocommerce-MyAccount-navigation {
        padding: 12px !important;
        border-radius: 18px !important;
        margin: 0 0 12px !important;
    }

    .stmap-mobile-nav-toggle {
        min-height: 58px;
        gap: 12px;
        padding: 10px 12px;
        border: 1px solid #dce8df;
        border-radius: 14px;
        background: #f5faf7;
    }

    .stmap-mobile-nav-toggle__icon {
        width: 34px;
        height: 34px;
        padding: 6px;
        border: 1px solid #dce8df;
        border-radius: 10px;
        background: #fff;
    }

    .stmap-mobile-nav-toggle__icon i {
        height: 2px;
        background: #0b7a43;
    }

    .stmap-mobile-nav-toggle small {
        color: #0b7a43;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .12em;
    }

    .stmap-mobile-nav-toggle strong {
        color: #193629;
        font-size: 14px;
        font-weight: 700;
    }

    .stmap-mobile-nav-toggle__chevron {
        color: #0b7a43;
    }

    body.stmap-account-active .woocommerce-MyAccount-navigation.is-mobile-open ul {
        margin-top: 10px !important;
    }

    .stmap-dashboard-cards {
        gap: 10px !important;
    }

    .stmap-dashboard-card {
        min-height: 132px;
        padding: 16px !important;
        border-radius: 16px !important;
    }

    .stmap-dashboard-card__icon {
        width: 58px;
        height: 58px;
        margin-bottom: 12px;
        border-radius: 16px;
    }

    .stmap-dashboard-card__icon svg {
        width: 28px !important;
        height: 28px !important;
    }

    .stmap-dashboard-card strong {
        font-size: 17px;
    }

    .stmap-dashboard-card small {
        font-size: 10px;
    }
}


/* =========================================================
   v1.0.4 - navigation + mobile layout corrections
   ========================================================= */

/* The account-navigation toggle is useful only on phones/tablets.
 * WoodMart has broad button rules, therefore force it off on desktop. */
@media (min-width: 769px) {
    body.stmap-account-active .stmap-mobile-nav-toggle {
        display: none !important;
    }
}

/* Keep sidebar labels slightly more compact on desktop. */
body.stmap-account-active .woocommerce-MyAccount-navigation a {
    font-size: 14px !important;
}

@media (max-width: 768px) {
    /* WoodMart's account wrapper is a grid on desktop. On mobile force a true
     * one-column flow so the sidebar can never squeeze the content beside it. */
    body.stmap-account-active.logged-in .woocommerce > .wd-my-account-wrapper,
    body.stmap-account-active.logged-in .woocommerce .wd-my-account-wrapper,
    body.stmap-account-active.logged-in .woocommerce > .woocommerce-my-account-wrapper,
    body.stmap-account-active.logged-in .woocommerce .woocommerce-my-account-wrapper {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.stmap-account-active.logged-in .wd-my-account-wrapper > .wd-my-account-sidebar,
    body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .wd-my-account-sidebar {
        order: 0 !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.stmap-account-active.logged-in .wd-my-account-wrapper > .woocommerce-MyAccount-content,
    body.stmap-account-active.logged-in .woocommerce-my-account-wrapper > .woocommerce-MyAccount-content {
        order: 1 !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    /* On mobile the compact toggle replaces WoodMart's separate "Contul meu"
     * heading, avoiding duplicated titles and wasted vertical space. */
    body.stmap-account-active .wd-my-account-sidebar > .woocommerce-MyAccount-title,
    body.stmap-account-active .wd-my-account-sidebar > h3.woocommerce-MyAccount-title {
        display: none !important;
    }

    body.stmap-account-active .woocommerce-MyAccount-navigation {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 12px !important;
        padding: 10px !important;
        border: 1px solid #dbe7df !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: 0 8px 24px rgba(18,48,35,.06) !important;
        box-sizing: border-box !important;
    }

    body.stmap-account-active .stmap-mobile-nav-toggle {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 58px !important;
        gap: 11px !important;
        margin: 0 !important;
        padding: 9px 11px !important;
        border: 1px solid #dbe7df !important;
        border-radius: 12px !important;
        color: #193629 !important;
        background: linear-gradient(180deg, #f8fbf9 0%, #f1f8f4 100%) !important;
        box-shadow: none !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    body.stmap-account-active .stmap-mobile-nav-toggle__icon {
        width: 36px !important;
        height: 36px !important;
        flex: 0 0 36px !important;
        display: grid !important;
        align-content: center !important;
        gap: 4px !important;
        padding: 8px !important;
        border: 1px solid #cfe1d5 !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    body.stmap-account-active .stmap-mobile-nav-toggle__icon i {
        display: block !important;
        width: 100% !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 2px !important;
        background: var(--stmap-accent) !important;
    }

    body.stmap-account-active .stmap-mobile-nav-toggle__copy {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 3px !important;
        line-height: 1 !important;
    }

    /* Line 1: always exactly "NAVIGARE CONT". */
    body.stmap-account-active .stmap-mobile-nav-toggle__label {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        color: var(--stmap-accent) !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: .10em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    /* Line 2: current endpoint title. Keep it readable instead of letting the
     * two labels run together as in the previous version. */
    body.stmap-account-active .stmap-mobile-nav-toggle__current {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        color: #203a2f !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.stmap-account-active .stmap-mobile-nav-toggle__chevron {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        color: var(--stmap-accent) !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    body.stmap-account-active .woocommerce-MyAccount-navigation ul {
        max-height: 0 !important;
        gap: 7px !important;
        margin: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        transition: max-height .25s ease, opacity .2s ease, margin .2s ease !important;
    }

    body.stmap-account-active .woocommerce-MyAccount-navigation.is-mobile-open ul {
        max-height: 780px !important;
        margin-top: 9px !important;
        opacity: 1 !important;
    }

    body.stmap-account-active .woocommerce-MyAccount-navigation a {
        min-height: 50px !important;
        gap: 10px !important;
        padding: 10px 12px !important;
        border-radius: 12px !important;
        font-size: 13px !important;
    }

    body.stmap-account-active .woocommerce-MyAccount-navigation .stmap-nav-icon {
        width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px !important;
        border-radius: 10px !important;
    }

    body.stmap-account-active .woocommerce-MyAccount-navigation .stmap-nav-icon svg {
        width: 17px !important;
        height: 17px !important;
    }

    body.stmap-account-active .woocommerce-MyAccount-content,
    body.stmap-account-active .stmap-account-hero,
    body.stmap-account-active .stmap-dashboard,
    body.stmap-account-active .stsd-favorites-page,
    body.stmap-account-active .stsd-favorites-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.stmap-account-active .stmap-account-hero {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* v1.1.0 - four hero shortcuts when EU withdrawal is enabled. */
@media (max-width: 768px) {
    body.stmap-account-active .stmap-account-hero__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Reviews / My Account v1.3.0 */
.stmap-reviews-page{display:grid;gap:18px}.stmap-reviews-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--stmap-border);border-radius:13px;background:linear-gradient(135deg,#f7fbf9,#eef7f2)}.stmap-reviews-intro h2{margin:2px 0 5px!important}.stmap-reviews-intro p{margin:0!important}.stmap-reviews-stats{display:flex;gap:8px}.stmap-reviews-stats span{min-width:76px;padding:10px 12px;border:1px solid #dbe9e2;border-radius:10px;background:#fff;text-align:center;color:#6b7a72;font-size:10px;font-weight:700}.stmap-reviews-stats strong{display:block;margin-bottom:2px;color:var(--stmap-accent);font-size:20px;line-height:1}.stmap-review-list{display:grid;gap:12px}.stmap-review-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:15px;border:1px solid var(--stmap-border);border-radius:13px;background:#fff}.stmap-review-card.is-pending{border-left:4px solid #d6a321}.stmap-review-card.is-approved{border-left:4px solid var(--stmap-accent)}.stmap-review-card.is-rejected{border-left:4px solid #b64a4a}.stmap-review-card__image img{width:96px;height:96px;display:block;object-fit:contain;border-radius:9px;background:#fff}.stmap-review-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stmap-review-card__top h3{margin:0 0 5px!important;font-size:16px!important}.stmap-review-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#7a8881;font-size:11px}.stmap-review-stars{color:#f1a900;letter-spacing:.08em;white-space:nowrap}.stmap-review-status{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.stmap-review-status.is-pending{background:#fff4d8;color:#886500}.stmap-review-status.is-approved{background:#e9f7ef;color:#08743f}.stmap-review-status.is-rejected{background:#fbeaea;color:#9a3737}.stmap-review-card__title{display:block;margin-top:12px;color:#27352e}.stmap-review-card__text{margin:5px 0 9px!important;color:#53635b!important;font-size:13px;line-height:1.65}.stmap-review-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf2ef;padding-top:9px}.stmap-review-card__footer small{color:#7a8881}.stmap-review-card__footer a{margin-left:auto;color:var(--stmap-accent);font-size:12px;font-weight:750;text-decoration:none}.stmap-review-empty{display:flex;align-items:center;gap:15px;padding:24px;border:1px dashed #cedfd6;border-radius:13px;background:#fafcfb}.stmap-review-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#eaf6ef;color:var(--stmap-accent);font-size:28px}.stmap-review-empty h3{margin:0 0 3px!important}.stmap-review-empty p{margin:0!important}.stmap-review-empty a{margin-left:auto;padding:9px 13px;border-radius:8px;background:var(--stmap-accent);color:#fff!important;text-decoration:none;font-size:12px;font-weight:750}.stmap-review-pagination{display:flex;justify-content:center;gap:5px}.stmap-review-pagination a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--stmap-border);border-radius:8px;color:#415048;text-decoration:none}.stmap-review-pagination a.is-active{background:var(--stmap-accent);border-color:var(--stmap-accent);color:#fff}.stmap-order-reviews{margin-top:26px;padding-top:21px;border-top:1px solid var(--stmap-border)}.stmap-order-review-list{display:grid;gap:9px}.stmap-order-review-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px 12px;border:1px solid var(--stmap-border);border-radius:11px;background:#fbfdfc}.stmap-order-review-row__image img{width:64px;height:64px;display:block;object-fit:contain;border-radius:8px;background:#fff}.stmap-order-review-row__copy>strong{display:block;margin-bottom:4px;color:#26372f}.stmap-order-review-row__copy small{display:block;margin-top:4px;color:#75827b}.stmap-order-review-row__status{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.stmap-review-primary,.stmap-review-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:8px;text-decoration:none!important;font-size:11px;font-weight:800;white-space:nowrap}.stmap-review-primary{background:var(--stmap-accent);color:#fff!important}.stmap-review-secondary{border:1px solid #cfe1d7;background:#fff;color:var(--stmap-accent)!important}.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.stmap-product-reviews{border-color:var(--stmap-accent)!important;background:var(--stmap-accent)!important;color:#fff!important}.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.stmap-product-reviews:hover{background:var(--stmap-accent-dark)!important;border-color:var(--stmap-accent-dark)!important;color:#fff!important}@media(max-width:767px){.stmap-reviews-intro{align-items:stretch;flex-direction:column}.stmap-reviews-stats{display:grid;grid-template-columns:repeat(3,1fr)}.stmap-reviews-stats span{min-width:0}.stmap-review-card{grid-template-columns:68px minmax(0,1fr);gap:11px}.stmap-review-card__image img{width:68px;height:68px}.stmap-review-card__top{flex-direction:column}.stmap-review-card__footer{align-items:flex-start;flex-direction:column}.stmap-review-card__footer a{margin-left:0}.stmap-review-empty{align-items:flex-start;flex-wrap:wrap}.stmap-review-empty a{width:100%;margin-left:0;text-align:center}.stmap-order-review-row{grid-template-columns:54px minmax(0,1fr)}.stmap-order-review-row__image img{width:54px;height:54px}.stmap-order-review-row__action{grid-column:1/-1}.stmap-review-primary,.stmap-review-secondary{width:100%}}