/* ZutisBljeg - BuddyPress Activity Background */
#activity-stream > ul.activity-list {
    background: #06172e !important;
    background-image: none !important;
}
/* ZutisBljeg Sale Badge */
.woocommerce span.onsale,
.wc-block-grid__product-onsale,
.wc-block-components-product-sale-badge {
    background: #07152e !important;
    color: #43dfff !important;
    border: 2px solid #43dfff !important;
    border-radius: 8px !important;
    box-shadow: 0 0 12px #008cff !important;
    padding: 8px 12px !important;
    min-width: unset !important;
    min-height: unset !important;
    text-transform: uppercase;
    font-weight: bold;
}
/* ZutisBljeg Electric Blue Sale Prices */
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins,
.wc-block-components-product-price ins,
.wc-block-grid__product-price ins {
    color: #007BFF !important;
    text-decoration: none !important;
}

.woocommerce .price ins .amount,
.woocommerce .price ins bdi,
.wc-block-components-product-price ins bdi {
    color: #007BFF !important;
}

.woocommerce .price del,
.wc-block-components-product-price del {
    color: #888888 !important;
}

.woocommerce span.onsale,
.wc-block-grid__product-onsale,
.wc-block-components-product-sale-badge {
    font-size: 0 !important;
}

.woocommerce span.onsale::after,
.wc-block-grid__product-onsale::after,
.wc-block-components-product-sale-badge::after {
    content: "SPECIAL OFFER" !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #43dfff !important;
    text-align: center !important;
}

/* ========================================
   ZUTISBLJEG - BUDDYPRESS REGISTRATION
   ======================================== */

/* Only target the BuddyPress register page */
body.register,
body.registration,
body.page-register {
    --zb-blue: #0078dc;
    --zb-text: #ffffff;
}

body.register .entry-title,
body.registration .entry-title,
body.page-register .entry-title {
    text-align: center;
    color: #000;
    font-size: clamp(36px, 5vw, 60px);
    font-weight: 800;
    margin: 45px auto 35px;
}

body.register #buddypress,
body.registration #buddypress,
body.page-register #buddypress {
    background-image:
        linear-gradient(
            rgba(4, 18, 43, 0.25),
            rgba(4, 18, 43, 0.25)
        ),
        url("https://zutisbljeg.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-23-2026-01_49_50-PM.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #071a36;

    color: #fff;
    padding: 55px max(25px, 6vw);
    box-sizing: border-box;
    width: 100%;
    border: none;
}

body.register #signup_form,
body.register #signup-form,
body.registration #signup_form,
body.registration #signup-form,
body.page-register #signup_form,
body.page-register #signup-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 45px;
    width: 100%;
    max-width: 1500px;
    margin: auto;
}

/* Legacy BuddyPress form columns */
body.register #basic-details-section,
body.register #profile-details-section,
body.registration #basic-details-section,
body.registration #profile-details-section,
body.page-register #basic-details-section,
body.page-register #profile-details-section {
    float: none;
    width: 100%;
    min-width: 0;
    margin: 0;
}

body.register #buddypress h2,
body.register #buddypress legend,
body.registration #buddypress h2,
body.registration #buddypress legend,
body.page-register #buddypress h2,
body.page-register #buddypress legend {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}

body.register #buddypress label,
body.registration #buddypress label,
body.page-register #buddypress label {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}

body.register #buddypress input:not(
    [type="submit"]
):not([type="checkbox"]):not([type="radio"]),
body.registration #buddypress input:not(
    [type="submit"]
):not([type="checkbox"]):not([type="radio"]),
body.page-register #buddypress input:not(
    [type="submit"]
):not([type="checkbox"]):not([type="radio"]),
body.register #buddypress textarea,
body.registration #buddypress textarea,
body.page-register #buddypress textarea,
body.register #buddypress select,
body.registration #buddypress select,
body.page-register #buddypress select {
    background: #fff;
    color: #111;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    padding: 12px 15px;
    font-size: 17px;
    box-sizing: border-box;
    outline-offset: 2px;
}

body.register #buddypress input:focus,
body.registration #buddypress input:focus,
body.page-register #buddypress input:focus {
    border-color: #0078dc;
}

body.register #buddypress .description,
body.register #buddypress .field-visibility-settings-notoggle,
body.registration #buddypress .description,
body.registration #buddypress .field-visibility-settings-notoggle,
body.page-register #buddypress .description,
body.page-register #buddypress .field-visibility-settings-notoggle {
    color: #dde7f5;
    font-size: 14px;
}

body.register #buddypress a,
body.registration #buddypress a,
body.page-register #buddypress a {
    color: #80c5ff;
}

body.register #buddypress input[type="submit"],
body.register #buddypress button[type="submit"],
body.registration #buddypress input[type="submit"],
body.registration #buddypress button[type="submit"],
body.page-register #buddypress input[type="submit"],
body.page-register #buddypress button[type="submit"] {
    background: #0078dc;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 14px 35px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    width: auto;
    min-height: 50px;
}

body.register #buddypress input[type="submit"]:hover,
body.register #buddypress button[type="submit"]:hover,
body.registration #buddypress input[type="submit"]:hover,
body.registration #buddypress button[type="submit"]:hover,
body.page-register #buddypress input[type="submit"]:hover,
body.page-register #buddypress button[type="submit"]:hover {
    background: #005eaf;
}

body.register #buddypress .bp-feedback,
body.register #buddypress #message,
body.registration #buddypress .bp-feedback,
body.registration #buddypress #message,
body.page-register #buddypress .bp-feedback,
body.page-register #buddypress #message {
    background: rgba(255,255,255,0.12);
    color: #fff;
    border-radius: 4px;
    margin-bottom: 25px;
}

body.register #buddypress .error,
body.registration #buddypress .error,
body.page-register #buddypress .error {
    color: #ffb7b7;
}

body.register #submit,
body.registration #submit,
body.page-register #submit {
    grid-column: 1 / -1;
}

@media (max-width: 850px) {

    body.register #signup_form,
    body.register #signup-form,
    body.registration #signup_form,
    body.registration #signup-form,
    body.page-register #signup_form,
    body.page-register #signup-form {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    body.register #buddypress,
    body.registration #buddypress,
    body.page-register #buddypress {
        padding: 30px 20px;
    }

    body.register .entry-title,
    body.registration .entry-title,
    body.page-register .entry-title {
        font-size: 38px;
    }
}

/* Hide BuddyPress registration information banner */
body.register #buddypress .bp-feedback.info,
body.register #buddypress #message.info,
body.page-register #buddypress .bp-feedback.info,
body.page-register #buddypress #message.info {
    display: none !important;
}

/* ZUTISBLJEG ELECTRIC BLUE NEON BUTTONS */

body.register #buddypress input[type="submit"],
body.register #buddypress button[type="submit"],
body.page-register #buddypress input[type="submit"],
body.page-register #buddypress button[type="submit"] {
    background: #007bff !important;
    color: #ffffff !important;

    border: 2px solid #00c8ff !important;
    border-radius: 8px !important;

    padding: 15px 35px !important;
    font-size: 18px;
    font-weight: 700;

    cursor: pointer;

    box-shadow:
        0 0 8px #00c8ff,
        0 0 20px rgba(0, 200, 255, 0.7),
        0 0 35px rgba(0, 100, 255, 0.4);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;

    animation: zutis-neon-pulse 2.5s infinite alternate;
}

body.register #buddypress input[type="submit"]:hover,
body.register #buddypress button[type="submit"]:hover,
body.page-register #buddypress input[type="submit"]:hover,
body.page-register #buddypress button[type="submit"]:hover {
    transform: translateY(-3px) scale(1.03);

    box-shadow:
        0 0 15px #00e5ff,
        0 0 30px #00c8ff,
        0 0 55px rgba(0, 140, 255, 0.8);
}

@keyframes zutis-neon-pulse {
    from {
        box-shadow:
            0 0 6px #00c8ff,
            0 0 15px rgba(0, 200, 255, 0.5);
    }

    to {
        box-shadow:
            0 0 12px #00e5ff,
            0 0 28px rgba(0, 200, 255, 0.8),
            0 0 45px rgba(0, 100, 255, 0.5);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.register #buddypress input[type="submit"],
    body.register #buddypress button[type="submit"],
    body.page-register #buddypress input[type="submit"],
    body.page-register #buddypress button[type="submit"] {
        animation: none;
    }
}

/* ========================================
   ZUTISBLJEG - PASSWORD EYE INSIDE FIELD
   ======================================== */

body.register .wp-pwd,
body.page-register .wp-pwd,
body.register .password-input-wrapper,
body.page-register .password-input-wrapper {
    position: relative !important;
    display: block !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

body.register .wp-pwd input[type="password"],
body.register .wp-pwd input[type="text"],
body.page-register .wp-pwd input[type="password"],
body.page-register .wp-pwd input[type="text"],
body.register .password-input-wrapper input[type="password"],
body.register .password-input-wrapper input[type="text"],
body.page-register .password-input-wrapper input[type="password"],
body.page-register .password-input-wrapper input[type="text"] {
    width: 100% !important;
    padding-right: 70px !important;
    box-sizing: border-box !important;
}

body.register .wp-hide-pw,
body.page-register .wp-hide-pw,
body.register #buddypress .password-toggle,
body.page-register #buddypress .password-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;

    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #007bff !important;
    color: #ffffff !important;
    border: 2px solid #00c8ff !important;
    border-radius: 10px !important;

    box-shadow:
        0 0 8px #00c8ff,
        0 0 20px rgba(0, 200, 255, 0.7),
        0 0 35px rgba(0, 100, 255, 0.4) !important;

    cursor: pointer !important;
    z-index: 10 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;

    animation: zutis-eye-pulse 2.5s infinite alternate;
}

body.register .wp-hide-pw:hover,
body.page-register .wp-hide-pw:hover,
body.register #buddypress .password-toggle:hover,
body.page-register #buddypress .password-toggle:hover {
    transform: translateY(-50%) scale(1.05) !important;

    box-shadow:
        0 0 15px #00e5ff,
        0 0 30px #00c8ff,
        0 0 55px rgba(0, 140, 255, 0.8) !important;
}

body.register .wp-hide-pw .dashicons,
body.page-register .wp-hide-pw .dashicons,
body.register .wp-hide-pw svg,
body.page-register .wp-hide-pw svg {
    color: #fff !important;
    fill: #fff !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
}

@keyframes zutis-eye-pulse {
    from {
        box-shadow:
            0 0 6px #00c8ff,
            0 0 15px rgba(0, 200, 255, 0.5);
    }

    to {
        box-shadow:
            0 0 12px #00e5ff,
            0 0 28px rgba(0, 200, 255, 0.8),
            0 0 45px rgba(0, 100, 255, 0.5);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.register .wp-hide-pw,
    body.page-register .wp-hide-pw,
    body.register #buddypress .password-toggle,
    body.page-register #buddypress .password-toggle {
        animation: none !important;
    }
}

/* Hide password hint on ZutisBljeg registration */

body.register #buddypress .pw-checkbox,
body.register #buddypress .pw-weak {
}

body.register #buddypress #pass-strength-result ~ .description,
body.register #buddypress .password-input-wrapper ~ .description,
body.register #buddypress .pw-weak ~ .description,
body.register #buddypress #pass1 + .description,
body.register #buddypress #pass1 + .pw-weak + .description,
body.register #buddypress .password-hint,
body.register #buddypress .pw-hint,
body.register #buddypress #pass1-hint,
body.register #buddypress .indicator-hint {
    display: none !important;
}

/* ZUTISBLJEG CAPS LOCK WARNING */

body.register #caps-warning,
body.page-register #caps-warning {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    height: auto;
    min-height: 0;
    color: white;
    font-size: 16px;
    line-height: 1.5;
    margin: 12px 0;
}

body.register #caps-warning svg,
body.page-register #caps-warning svg,
body.register #caps-warning .dashicons,
body.page-register #caps-warning .dashicons,
body.register #caps-warning i,
body.page-register #caps-warning i {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    flex-shrink: 0;
    color: #00c8ff !important;
    fill: #00c8ff;
    filter: drop-shadow(0 0 6px #00c8ff);
}

body.register #caps-warning p,
body.page-register #caps-warning p {
    margin: 0;
}

/* ZUTISBLJEG - Hide empty password strength box */

/* ZUTISBLJEG - Glowing password strength indicator */

body.register #pass-strength-result,
body.page-register #pass-strength-result {
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    padding: 16px 20px !important;
    margin-top: 14px;
    min-width: 220px;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

body.register #pass-strength-result.short,
body.page-register #pass-strength-result.short {
    background: #ff9ea1 !important;
    color: #2a2a2a !important;
    box-shadow:
        0 0 10px rgba(255, 120, 120, 0.65),
        0 0 22px rgba(255, 120, 120, 0.35);
}

body.register #pass-strength-result.bad,
body.page-register #pass-strength-result.bad {
    background: #f6b183 !important;
    color: #2a2a2a !important;
    box-shadow:
        0 0 10px rgba(255, 170, 90, 0.65),
        0 0 22px rgba(255, 170, 90, 0.35);
}

body.register #pass-strength-result.good,
body.page-register #pass-strength-result.good {
    background: #f3e27a !important;
    color: #2a2a2a !important;
    box-shadow:
        0 0 10px rgba(255, 235, 100, 0.7),
        0 0 24px rgba(255, 235, 100, 0.4);
}

body.register #pass-strength-result.strong,
body.page-register #pass-strength-result.strong {
    background: #67d26f !important;
    color: #1f2b1f !important;
    box-shadow:
        0 0 12px rgba(103, 210, 111, 0.75),
        0 0 28px rgba(103, 210, 111, 0.45);
}

/* ========================================
   ZUTISBLJEG - PASSWORD FIELD + NEON EYE
   SIDE BY SIDE
   ======================================== */

body.register #buddypress .password-input-wrapper,
body.page-register #buddypress .password-input-wrapper {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.register #buddypress #pass1,
body.page-register #buddypress #pass1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-right: 52px !important;
}

/* ==========================================
   PASSWORD VISIBILITY BUTTON
========================================== */

body.register #buddypress .password-input-wrapper,
body.page-register #buddypress .password-input-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.register #buddypress #pass1,
body.page-register #buddypress #pass1 {
    width: 100% !important;
    box-sizing: border-box !important;
    padding-right: 50px !important;
}

body.register #buddypress .password-input-wrapper button.wp-hide-pw,
body.page-register #buddypress .password-input-wrapper button.wp-hide-pw {
    position: absolute !important;
    top: 26px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #07152d !important;
    z-index: 10;
}

body.register #buddypress .wp-hide-pw .dashicons,
body.page-register #buddypress .wp-hide-pw .dashicons {
    color: #07152d !important;
}

body.register #buddypress .password-input-wrapper > #pass1,
body.page-register #buddypress .password-input-wrapper > #pass1 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding-right: 12px !important;
}

body.register #buddypress .password-input-wrapper > .wp-hide-pw,
body.page-register #buddypress .password-input-wrapper > .wp-hide-pw {
    grid-column: 2 !important;
    grid-row: 1 !important;

    position: static !important;
    inset: auto !important;
    transform: none !important;

    width: 54px !important;
    height: 54px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.register #buddypress .password-input-wrapper > .wp-hide-pw:hover,
body.page-register #buddypress .password-input-wrapper > .wp-hide-pw:hover {
    transform: none !important;
}

body.register #buddypress .password-input-wrapper > #caps-warning,
body.page-register #buddypress .password-input-wrapper > #caps-warning {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    position: static !important;
    margin: 0 !important;
}

body.register #caps-warning[hidden],
body.page-register #caps-warning[hidden],
body.register #caps-warning[style*="display: none"],
body.page-register #caps-warning[style*="display: none"] {
    display: none !important;
}

/* ZUTISBLJEG - Remove Caps Lock warning */

/* ==========================================
   ZUTISBLJEG - SPLIT SCREEN REGISTRATION
   ========================================== */

body.register #buddypress,
body.page-register #buddypress {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 5vw;
    width: 100% !important;
    max-width: none !important;
    padding: 55px 5vw !important;
    box-sizing: border-box;
}

body.register #buddypress::before,
body.page-register #buddypress::before {
    content:
        "ZutisBljeg\A\A"
        "Join the Community\A\A"
        "Create your account and become part of ZutisBljeg.\A"
        "Connect, share and explore together.";

    display: block;
    grid-column: 1;
    grid-row: 1;

    white-space: pre-line;
    text-align: center;
    color: white;

    font-size: clamp(20px, 2.4vw, 32px);
    font-weight: 700;
    line-height: 1.6;

    text-shadow:
        0 0 12px #007bff,
        0 0 25px rgba(0, 150, 255, 0.6);

    padding: 45px 15px;
}

body.register #buddypress #signup_form,
body.page-register #buddypress #signup_form,
body.register #buddypress #signup-form,
body.page-register #buddypress #signup-form {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;

    width: 100% !important;
    max-width: 650px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;

    background: rgba(3, 14, 38, 0.88) !important;
    border: 1px solid #158cff !important;
    border-radius: 20px !important;

    padding: 35px !important;
    margin: 0 auto !important;

    box-shadow:
        0 0 14px rgba(0, 150, 255, 0.35),
        0 0 35px rgba(0, 100, 255, 0.15);
}

/* Stack account and profile details */
body.register #basic-details-section,
body.register #profile-details-section,
body.page-register #basic-details-section,
body.page-register #profile-details-section {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

body.register #signup_form input:not(
[type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.page-register #signup_form input:not(
[type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.register #signup-form input:not(
[type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.page-register #signup-form input:not(
[type="submit"]):not([type="checkbox"]):not([type="radio"]) {
    max-width: 100%;
    box-sizing: border-box;
}

body.register #basic-details-section > input,
body.page-register #basic-details-section > input {
    width: 100% !important;
}

body.register .password-input-wrapper,
body.page-register .password-input-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    column-gap: 12px !important;
    align-items: center;
}

body.register .password-input-wrapper > .wp-hide-pw,
body.page-register .password-input-wrapper > .wp-hide-pw {
    position: static !important;
    transform: none !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
}

body.register .password-input-wrapper > #pass1,
body.page-register .password-input-wrapper > #pass1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.register #pass-strength-result,
body.page-register #pass-strength-result {
    width: 100% !important;
    box-sizing: border-box;
}

body.register #pass-strength-result.empty,
body.page-register #pass-strength-result.empty {
    display: none !important;
}

body.register #signup_submit,
body.page-register #signup_submit {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

body.register #caps-warning,
body.page-register #caps-warning {
    display: none !important;
}

/* ==========================================
   MOBILE - SINGLE COLUMN
   ========================================== */

@media (max-width: 900px) {

    body.register #buddypress,
    body.page-register #buddypress {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
        padding: 30px 15px !important;
    }

    body.register #buddypress::before,
    body.page-register #buddypress::before {
        grid-column: 1 !important;
        grid-row: auto !important;
        font-size: 20px;
        padding: 20px 5px;
    }

    body.register #buddypress #signup_form,
    body.page-register #buddypress #signup_form,
    body.register #buddypress #signup-form,
    body.page-register #buddypress #signup-form {
        grid-column: 1 !important;
        grid-row: auto !important;
        padding: 22px !important;
        max-width: 100% !important;
    }
}
/* ZutisBljeg WooCommerce Login */
.woocommerce-account .woocommerce form.login {
    max-width: 480px;
    margin: 30px auto;
    padding: 30px;
    background: rgba(2, 12, 35, 0.85);
    border: 1px solid #008cff;
    border-radius: 12px;
}

.woocommerce-account .woocommerce h2 {
    text-align: center;
}

.woocommerce-account .woocommerce button[name="login"] {
    background: #008cff;
    color: #fff;
    border-radius: 6px;
}

/* ZutisBljeg registration link */
.zutisbljeg-register-link {
    text-align: center;
    color: #fff;
    font-size: 17px;
    margin: 20px auto;
}

.zutisbljeg-register-link a {
    color: #00aaff;
    font-weight: 600;
    text-decoration: none;
}

.zutisbljeg-register-link a:hover {
    color: #66d9ff;
    text-decoration: underline;
}

/* ==========================================
   ZUTISBLJEG ACCOUNT SYSTEM
   01 — LOGGED OUT / LOGIN
========================================== */

body:not(.logged-in).woocommerce-account
.woocommerce form.login {
    max-width: 480px;
    margin: 30px auto;
    padding: 30px;
    box-sizing: content-box;
    background: rgba(2, 12, 35, 0.88);
    border: 1px solid #008cff;
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(0, 140, 255, 0.3);
}

body:not(.logged-in).woocommerce-account
.woocommerce h2 {
    text-align: center;
    color: #fff;
}

body:not(.logged-in).woocommerce-account
.woocommerce form.login input.input-text {
    border-radius: 5px;
}

body:not(.logged-in).woocommerce-account
.woocommerce form.login button[name="login"] {
    background: #007bff;
    color: #fff;
    border: 1px solid #00aaff;
    border-radius: 7px;
    padding: 15px 30px;
    font-weight: 600;
    box-shadow:
        0 0 8px rgba(0, 170, 255, 0.7),
        0 0 16px rgba(0, 170, 255, 0.3);
    transition: all 0.2s ease;
}

body:not(.logged-in).woocommerce-account
.woocommerce form.login button[name="login"]:hover {
    background: #009dff;
    color: #fff;
    box-shadow: 0 0 20px rgba(0,170,255,0.9);
}

body:not(.logged-in).woocommerce-account
.zutisbljeg-register-link {
    text-align: center;
    color: #fff;
    font-size: 17px;
    margin: 20px auto;
}

body:not(.logged-in).woocommerce-account
.zutisbljeg-register-link a {
    color: #00aaff;
    font-weight: 600;
    text-decoration: none;
}

body:not(.logged-in).woocommerce-account
.zutisbljeg-register-link a:hover {
    color: #66d9ff;
    text-decoration: underline;
}

@media (max-width: 600px) {
    body:not(.logged-in).woocommerce-account
    .woocommerce form.login {
        padding: 20px;
        margin: 20px 12px;
        box-sizing: border-box;
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body:not(.logged-in).woocommerce-account
    .woocommerce form.login button[name="login"] {
        transition: none;
    }
}

/* ==========================================
   ZUTISBLJEG REGISTRATION
   PASSWORD FIELD + VISIBILITY BUTTON
========================================== */

#signup_form .password-input-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#signup_form .password-input-wrapper #pass1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 10px 52px 10px 15px !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
}

#signup_form .password-input-wrapper .wp-hide-pw {
    position: absolute !important;
    top: 26px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #07152d !important;
    cursor: pointer;
    z-index: 2;
}

#signup_form .wp-hide-pw .dashicons {
    color: #07152d !important;
    font-size: 20px;
    width: 20px;
    height: 20px;
}

#signup_form .password-input-wrapper .wp-hide-pw:hover {
    color: #008cff !important;
}

#signup_form #pass-strength-result {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 12px !important;
    text-align: center;
    border-radius: 7px;
}

#signup_form .caps-warning {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 3;
}

/* ==========================================
   ZUTISBLJEG ACCOUNT SYSTEM
   03 — LOGGED-IN DASHBOARD
========================================== */

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation {
    float: left;
    width: 34%;
    padding: 16px;
    box-sizing: border-box;
    background: rgba(2, 12, 35, 0.94);
    border: 1px solid #008cff;
    border-radius: 12px;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-content {
    float: right;
    width: 64%;
    min-height: 360px;
    padding: 24px;
    box-sizing: border-box;
    background: rgba(2, 12, 35, 0.94);
    border: 1px solid #008cff;
    border-radius: 12px;
    color: #fff;
}

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

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 14px 16px;
    margin-bottom: 5px;

    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;

    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;

    transition: background 0.2s ease,
                border-color 0.2s ease,
                box-shadow 0.2s ease;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li a:hover,
body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li a:focus-visible {
    background: rgba(0, 140, 255, 0.16);
    border-color: #008cff;
    box-shadow: 0 0 9px rgba(0, 170, 255, 0.3);
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li.is-active a {
    background: rgba(0, 140, 255, 0.2);
    border-color: #008cff;
    box-shadow: 0 0 8px rgba(0, 170, 255, 0.25);
    font-weight: 700;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-content a {
    color: #38bdf8;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-content p {
    line-height: 1.8;
}

/* WooCommerce action buttons */
body.logged-in.woocommerce-account
.woocommerce-MyAccount-content .button {
    background: #007bff;
    color: #fff;
    border: 1px solid #00c8ff;
    border-radius: 7px;
    padding: 12px 20px;
    box-shadow: 0 0 9px rgba(0, 170, 255, 0.5);
}

@media (max-width: 768px) {
    body.logged-in.woocommerce-account
    .woocommerce-MyAccount-navigation,
    body.logged-in.woocommerce-account
    .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
        margin-bottom: 16px;
        padding: 18px;
    }

    body.logged-in.woocommerce-account
    .woocommerce-MyAccount-content {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.logged-in.woocommerce-account
    .woocommerce-MyAccount-navigation li a {
        transition: none;
    }
}

/* ==========================================
   ZUTISBLJEG ACCOUNT SYSTEM
   04 — DASHBOARD NAVIGATION ICONS
========================================== */

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    gap: 13px;
    text-align: left;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li a::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    flex: 0 0 19px;

    background-color: #38bdf8;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.woocommerce-MyAccount-navigation-link--dashboard a::before {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/layout-dashboard.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/layout-dashboard.svg");
}

/* BuddyPress My Profile */
.woocommerce-MyAccount-navigation-link--zb-my-profile a::before {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/user-round.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/user-round.svg");
}

.woocommerce-MyAccount-navigation-link--orders a::before {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/package.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/package.svg");
}

.woocommerce-MyAccount-navigation-link--downloads a::before {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/download.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/download.svg");
}

.woocommerce-MyAccount-navigation-link--edit-address a::before {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/map-pin.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/map-pin.svg");
}

.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/credit-card.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/credit-card.svg");
}

.woocommerce-MyAccount-navigation-link--woo-wallet a::before {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/wallet.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/wallet.svg");
}

.woocommerce-MyAccount-navigation-link--edit-account a::before {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/settings.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/settings.svg");
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/log-out.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/log-out.svg");
}

/* ==========================================
   ZUTISBLJEG DASHBOARD
   ICON + TEXT ALIGNMENT FIX
========================================== */

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;

    min-height: 54px;
    padding: 12px 16px !important;
    margin: 0 !important;

    box-sizing: border-box;
    line-height: 24px !important;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li a::before {
    display: block !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li {
    margin: 0 0 6px !important;
    padding: 0 !important;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li:last-child {
    margin-bottom: 0 !important;
}

/* ZutisBljeg navigation — final spacing adjustment */
body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li a {
    padding: 12px 10px !important;
    gap: 10px !important;
    font-size: 14px;
    white-space: nowrap;
}

body.logged-in.woocommerce-account
.woocommerce-MyAccount-navigation li a::before {
    flex-shrink: 0 !important;
}

/* ==========================================
   ZUTISBLJEG ACCOUNT SYSTEM
   05 — DASHBOARD WELCOME PANEL
========================================== */

body.logged-in.woocommerce-account
.zb-dashboard-welcome h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin: 0 0 18px;
}

body.logged-in.woocommerce-account
.zb-dashboard-welcome p {
    color: #c5d7ed;
    margin: 0 0 25px;
    line-height: 1.7;
}

body.logged-in.woocommerce-account
.zb-dashboard-shortcuts {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-top: 1px solid rgba(56,189,248,0.35);
    padding-top: 22px;
}

body.logged-in.woocommerce-account
.zb-dashboard-shortcuts a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 15px;

    color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 8px;

    transition: background 0.2s ease,
                border-color 0.2s ease;
}

body.logged-in.woocommerce-account
.zb-dashboard-shortcuts a:hover,
body.logged-in.woocommerce-account
.zb-dashboard-shortcuts a:focus-visible {
    background: rgba(0,140,255,0.15);
    border-color: #008cff;
}

body.logged-in.woocommerce-account
.zb-shortcut-icon {
    font-size: 22px;
    width: 28px;
    flex-shrink: 0;
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .zb-dashboard-shortcuts a {
        transition: none !important;
    }
}

/* ==========================================
   ZUTISBLJEG ACCOUNT SYSTEM
   06 — DASHBOARD SHORTCUT ICONS
========================================== */

body.logged-in.woocommerce-account
.zb-dashboard-shortcuts .zb-shortcut-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    padding: 0;
    background-color: #38bdf8;

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.zb-icon-orders {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/package.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/package.svg");
}

.zb-icon-wallet {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/wallet.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/wallet.svg");
}

/* Community Profile */
.zb-icon-profile {
    -webkit-mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/users.svg");
    mask-image: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/users.svg");
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS PROFILE
   01 — PROFILE INFORMATION PANELS
========================================== */

/* Profile view only */
body.buddypress.bp-user
#buddypress .profile .bp-widget {
    background: rgba(2, 12, 35, 0.92);
    border: 1px solid #008cff;
    border-radius: 12px;
    padding: 22px;
    margin: 0 0 20px;
    box-sizing: border-box;
    color: #fff;
}

body.buddypress.bp-user
#buddypress .profile .bp-widget h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0,170,255,0.35);
}

/* Profile information table */
body.buddypress.bp-user
#buddypress .profile .bp-widget table.profile-fields {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

body.buddypress.bp-user
#buddypress .profile .bp-widget table.profile-fields tr {
    background: transparent !important;
    border-bottom: 1px solid rgba(0,170,255,0.2);
}

body.buddypress.bp-user
#buddypress .profile .bp-widget table.profile-fields td {
    padding: 14px 12px;
    background: transparent !important;
    color: #fff;
    border: 0;
    vertical-align: middle;
}

body.buddypress.bp-user
#buddypress .profile .bp-widget td.label {
    width: 32%;
    font-weight: 700;
    color: #fff;
}

body.buddypress.bp-user
#buddypress .profile .bp-widget td.data a {
    color: #38bdf8 !important;
    text-decoration: none;
    overflow-wrap: anywhere;
}

body.buddypress.bp-user
#buddypress .profile .bp-widget td.data a:hover {
    color: #80e5ff !important;
    text-decoration: underline;
}

/* Mobile profile fields */
@media (max-width: 600px) {
    body.buddypress.bp-user
    #buddypress .profile .bp-widget {
        padding: 16px;
    }

    body.buddypress.bp-user
    #buddypress .profile .bp-widget td {
        padding: 12px 8px;
    }

    body.buddypress.bp-user
    #buddypress .profile .bp-widget td.label {
        width: 35%;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS PROFILE
   02 — MAIN NAVIGATION
========================================== */

body.buddypress.bp-user
#buddypress #object-nav {
    background: rgba(2, 12, 35, 0.94);
    border: 1px solid #008cff;
    border-radius: 12px;
    padding: 10px;
    margin: 18px 0 22px;
    box-sizing: border-box;
}

body.buddypress.bp-user
#buddypress #object-nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

body.buddypress.bp-user
#buddypress #object-nav li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.buddypress.bp-user
#buddypress #object-nav li a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 11px 14px;

    color: #fff !important;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;

    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    box-sizing: border-box;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

body.buddypress.bp-user
#buddypress #object-nav li a:hover,
body.buddypress.bp-user
#buddypress #object-nav li a:focus-visible {
    background: rgba(0, 140, 255, 0.16);
    border-color: #008cff;
}

body.buddypress.bp-user
#buddypress #object-nav li.current a,
body.buddypress.bp-user
#buddypress #object-nav li.selected a {
    background: rgba(0, 140, 255, 0.22);
    border-color: #008cff;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.5);
    font-weight: 700;
}

body.buddypress.bp-user
#buddypress #object-nav .count {
    background: #12365b;
    color: #fff;
    border: 1px solid #008cff;
    border-radius: 20px;
    padding: 2px 7px;
}

@media (max-width: 768px) {
    body.buddypress.bp-user
    #buddypress #object-nav ul {
        gap: 5px;
    }

    body.buddypress.bp-user
    #buddypress #object-nav li a {
        padding: 10px 12px;
        min-height: 44px;
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.buddypress.bp-user
    #buddypress #object-nav li a {
        transition: none;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   MOBILE NAVIGATION FIX
========================================== */

@media (max-width: 768px) {

    body.buddypress.bp-user
    #buddypress #object-nav ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px !important;
    }

    body.buddypress.bp-user
    #buddypress #object-nav li {
        width: 100% !important;
        margin: 0 !important;
        background: transparent !important;
    }

    body.buddypress.bp-user
    #buddypress #object-nav li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px;

        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 8px !important;

        background: #071a36 !important;
        color: #ffffff !important;
        border: 1px solid #167bd3 !important;
        border-radius: 7px !important;

        font-size: 14px !important;
        line-height: 1.4 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.buddypress.bp-user
    #buddypress #object-nav li.current a,
    body.buddypress.bp-user
    #buddypress #object-nav li.selected a {
        background: #06417b !important;
        border-color: #00c8ff !important;
        box-shadow: 0 0 10px rgba(0,200,255,0.5);
    }

    /* Profile submenu */
    body.buddypress.bp-user
    #buddypress #subnav ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    body.buddypress.bp-user
    #buddypress #subnav li a {
        display: block !important;
        background: #071a36 !important;
        color: #ffffff !important;
        border: 1px solid #167bd3 !important;
        border-radius: 6px !important;
        padding: 9px 12px !important;
        font-size: 13px !important;
    }

    body.buddypress.bp-user
    #buddypress #subnav li.current a,
    body.buddypress.bp-user
    #buddypress #subnav li.selected a {
        background: #06417b !important;
        border-color: #00c8ff !important;
    }
}
/* =========================================================
   BUDDYPRESS PROFILE NAV ICONS + MOBILE HEADER CLEANUP
   ========================================================= */

#buddypress .bp-navs ul,
#buddypress .item-list-tabs ul {
    list-style: none;
}

#buddypress .bp-navs.bp-dir-hori-nav ul li a,
#buddypress .item-list-tabs:not(#subnav) ul li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

#buddypress .bp-navs.bp-dir-hori-nav ul li a:before,
#buddypress .item-list-tabs:not(#subnav) ul li a:before {
    font-family: "dashicons";
    font-size: 20px;
    line-height: 1;
    color: #25b7ff;
    display: inline-block;
    vertical-align: middle;
}

#activity-personal-li a:before,
#user-activity a:before {
    content: "\f469";
}

/* Profile */
#xprofile-personal-li a:before,
#user-xprofile a:before {
    content: "\f110";
}

#notifications-personal-li a:before,
#user-notifications a:before {
    content: "\f488";
}

#messages-personal-li a:before,
#user-messages a:before {
    content: "\f466";
}

#friends-personal-li a:before,
#user-friends a:before {
    content: "\f307";
}

#groups-personal-li a:before,
#user-groups a:before {
    content: "\f325";
}

#settings-personal-li a:before,
#user-settings a:before {
    content: "\f111";
}

#subnav ul li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#subnav ul li a:before {
    font-family: "dashicons";
    font-size: 18px;
    line-height: 1;
    color: #25b7ff;
    display: inline-block;
}

#profile-public-personal-li a:before,
#xprofile-personal-li.current.selected ul li.current a:before {
    content: "\f177";
}

#profile-edit-personal-li a:before {
    content: "\f464";
}

/* Change Profile Photo */
#change-avatar-personal-li a:before {
    content: "\f128";
}

#change-cover-image-personal-li a:before {
    content: "\f161";
}

/* ---------- Mobile profile header spacing ---------- */
@media (max-width: 768px) {

    #buddypress #item-header {
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
    }

    #buddypress #item-header-content {
        margin-top: 8px !important;
        padding-top: 0 !important;
    }

    #buddypress #item-header-cover-image {
        min-height: auto !important;
        padding-bottom: 10px !important;
    }

    #buddypress #item-header-avatar {
        margin-bottom: 10px !important;
    }

    #buddypress #item-header-content .user-nicename,
    #buddypress #item-header-content h2 {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        line-height: 1.1 !important;
    }

    #buddypress #item-header-content .item-meta,
    #buddypress #item-header-content .activity {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    #buddypress .bp-navs ul,
    #buddypress .item-list-tabs:not(#subnav) ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px !important;
        padding: 20px !important;
        background: rgba(8, 18, 53, 0.96);
        border: 2px solid #159bff;
        border-radius: 22px;
        box-shadow: 0 0 18px rgba(21, 155, 255, 0.18);
    }

    #buddypress .bp-navs ul li,
    #buddypress .item-list-tabs:not(#subnav) ul li {
        margin: 0 !important;
        width: 100% !important;
    }

    #buddypress .bp-navs ul li a,
    #buddypress .item-list-tabs:not(#subnav) ul li a {
        width: 100%;
        justify-content: center;
        padding: 18px 12px !important;
        min-height: 72px;
        border-radius: 16px;
        background: rgba(10, 27, 73, 0.95);
        border: 2px solid #198dff;
        color: #ffffff !important;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        box-shadow: 0 0 10px rgba(25, 141, 255, 0.15);
    }

    #buddypress .bp-navs ul li.selected a,
    #buddypress .bp-navs ul li.current a,
    #buddypress .item-list-tabs:not(#subnav) ul li.selected a,
    #buddypress .item-list-tabs:not(#subnav) ul li.current a {
        background: rgba(38, 90, 170, 0.95);
        box-shadow: 0 0 18px rgba(60, 200, 255, 0.35);
    }

    #subnav ul {
        display: flex !important;
        flex-wrap: wrap;
        gap: 12px;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #subnav ul li a {
        padding: 14px 18px !important;
        border-radius: 14px;
        background: #0b1d4f;
        border: 2px solid #198dff;
        color: #fff !important;
        font-size: 16px;
        font-weight: 600;
        box-shadow: 0 0 10px rgba(25, 141, 255, 0.15);
    }
}

/* ZutisBljeg — Hide broken BuddyPress icons on mobile */

@media (max-width: 768px) {
    body.buddypress.bp-user
    #buddypress #object-nav li a::before {
        content: none !important;
        display: none !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   MOBILE PROFILE SUBMENU FIX
========================================== */

@media (max-width: 768px) {

    body.buddypress.bp-user
    #buddypress #subnav ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 0 !important;
    }

    body.buddypress.bp-user
    #buddypress #subnav li {
        display: block !important;
        flex: 0 0 auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    body.buddypress.bp-user
    #buddypress #subnav li a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: auto !important;
        min-height: 44px !important;
        max-width: 100% !important;

        padding: 10px 14px !important;
        margin: 0 !important;

        font-size: 14px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   CYAN SVG NAVIGATION ICONS
   Desktop + Mobile
========================================== */

body.buddypress.bp-user
#buddypress #object-nav li a::before {
    content: none !important;
    display: none !important;
}

/* Real SVG icons for BuddyPress navigation */
body.buddypress.bp-user #buddypress #object-nav
li:is(
    #activity-personal-li,
    #xprofile-personal-li,
    #notifications-personal-li,
    #messages-personal-li,
    #friends-personal-li,
    #groups-personal-li,
    #settings-personal-li
) a::before {
    content: "" !important;
    display: inline-block !important;

    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;

    font-size: 0 !important;
    background: #38bdf8 !important;

    -webkit-mask-image: var(--zb-bp-icon);
    mask-image: var(--zb-bp-icon);

    -webkit-mask-size: contain;
    mask-size: contain;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;
}

#activity-personal-li {
    --zb-bp-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/activity.svg");
}

#xprofile-personal-li {
    --zb-bp-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/user-round.svg");
}

#notifications-personal-li {
    --zb-bp-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/bell.svg");
}

#messages-personal-li {
    --zb-bp-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/mail.svg");
}

#friends-personal-li {
    --zb-bp-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/users.svg");
}

#groups-personal-li {
    --zb-bp-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/users-round.svg");
}

#settings-personal-li {
    --zb-bp-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/settings.svg");
}

/* ==========================================
   ZUTISBLJEG — PROFILE AVATAR POSITION
   Desktop + Mobile
========================================== */

body.buddypress.bp-user
#buddypress #item-header-cover-image
#item-header-avatar {
    margin-top: 110px !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   COMPACT MOBILE HEADER SPACING
========================================== */

@media (max-width: 782px) {
    body.buddypress.bp-user
    #buddypress #item-header.users-header {
        margin-bottom: -40px !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   03 — ACTIVITY POST COMPOSER
========================================== */

body.buddypress.bp-user
#buddypress #whats-new-form {
    background: rgba(2, 12, 35, 0.94) !important;
    border: 1px solid #008cff;
    border-radius: 12px;
    padding: 20px;
    margin: 16px 0 22px;
    box-sizing: border-box;
    color: #fff;
}

body.buddypress.bp-user
#buddypress #whats-new {
    background: #071a36 !important;
    color: #fff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 8px;
    padding: 12px;
    box-sizing: border-box;
}

body.buddypress.bp-user
#buddypress #whats-new::placeholder {
    color: #a8c2df;
}

body.buddypress.bp-user
#buddypress #aw-whats-new-submit {
    background: #007bff;
    color: #fff;
    border: 1px solid #00c8ff;
    border-radius: 7px;
    padding: 10px 18px;
    box-shadow: 0 0 9px rgba(0,170,255,0.4);
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   04 — ACTIVITY POST CARDS
========================================== */

body.buddypress.bp-user
#buddypress #activity-stream li[id^="activity-"] {
    background: rgba(2, 12, 35, 0.94) !important;
    border: 1px solid #008cff !important;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 18px;
    box-sizing: border-box;
    color: #fff;
}

body.buddypress.bp-user
#buddypress #activity-stream .activity-content {
    background: transparent !important;
    color: #fff;
}

body.buddypress.bp-user
#buddypress #activity-stream .activity-inner {
    background: rgba(7, 26, 54, 0.85) !important;
    border: 1px solid rgba(0, 170, 255, 0.25);
    border-radius: 8px;
    padding: 15px;
    color: #fff !important;
}

body.buddypress.bp-user
#buddypress #activity-stream .activity-inner p {
    color: #fff !important;
}

body.buddypress.bp-user
#buddypress #activity-stream .activity-header a,
body.buddypress.bp-user
#buddypress #activity-stream .activity-inner a {
    color: #38bdf8 !important;
}

body.buddypress.bp-user
#buddypress #activity-stream .activity-header {
    color: #c5d7ed !important;
}

@media (max-width: 768px) {
    body.buddypress.bp-user
    #buddypress #activity-stream li[id^="activity-"] {
        padding: 14px;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   ACTIVITY DELETE BUTTON FIX
========================================== */

body.buddypress.bp-user
#buddypress #activity-stream a.delete-activity {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 14px !important;

    background: #071a36 !important;
    color: #fff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px;
    text-decoration: none !important;
}

body.buddypress.bp-user
#buddypress #activity-stream
a.delete-activity .bp-screen-reader-text {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    font-size: 14px !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   ACTIVITY FAVOURITE BUTTON FIX
========================================== */

body.buddypress.bp-user
#buddypress #activity-stream a.fav,
body.buddypress.bp-user
#buddypress #activity-stream a.unfav {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px;
    padding: 8px 14px !important;

    background: #071a36 !important;
    color: #fff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;
    text-decoration: none !important;
}

body.buddypress.bp-user
#buddypress #activity-stream a.fav::before,
body.buddypress.bp-user
#buddypress #activity-stream a.unfav::before {
    content: none !important;
    display: none !important;
}

body.buddypress.bp-user
#buddypress #activity-stream
a.fav .bp-screen-reader-text,
body.buddypress.bp-user
#buddypress #activity-stream
a.unfav .bp-screen-reader-text {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    white-space: nowrap !important;

    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    font-size: 14px !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   05 — ACTIVITY ACTION BAR
========================================== */

body.buddypress.bp-user
#buddypress #activity-stream .activity-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;

    background: #071a36 !important;
    border-top: 1px solid rgba(0,170,255,0.3);
    border-radius: 0 0 8px 8px;

    padding: 10px !important;
    margin-top: 10px;
}

body.buddypress.bp-user
#buddypress #activity-stream .activity-meta a {
    margin: 0 !important;
    float: none !important;
}

body.buddypress.bp-user
#buddypress #activity-stream .activity-meta a {
    color: #ffffff !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   06 — ACTIVITY COMMENT BUTTON
========================================== */

body.buddypress #buddypress
#activity-stream a.acomment-reply {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 38px;
    padding: 8px 14px !important;

    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

body.buddypress #buddypress
#activity-stream a.acomment-reply::before {
    content: none !important;
    display: none !important;
}

body.buddypress #buddypress
#activity-stream a.acomment-reply
.bp-screen-reader-text {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    white-space: nowrap !important;

    opacity: 1 !important;
    visibility: visible !important;
    color: #ffffff !important;
    font-size: 14px !important;
    text-indent: 0 !important;
}

body.buddypress #buddypress
#activity-stream a.acomment-reply
.comment-count {
    color: #38bdf8 !important;
    background: transparent !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.buddypress #buddypress
#activity-stream a.acomment-reply:hover {
    background: #0b2a57 !important;
    border-color: #00c8ff !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   07 — VIEW PROFILE BUTTON
========================================== */

/* View Profile button inside activity cards */
body.buddypress #buddypress
#activity-stream .activity-inner
a.button.large.primary.button-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-radius: 7px !important;

    padding: 10px 18px !important;
    min-height: 42px;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;

    box-shadow: 0 0 8px rgba(0,170,255,0.25);
    transition: all 0.2s ease;
}

body.buddypress #buddypress
#activity-stream .activity-inner
a.button.large.primary.button-primary:hover,
body.buddypress #buddypress
#activity-stream .activity-inner
a.button.large.primary.button-primary:focus-visible {
    background: #06417b !important;
    color: #ffffff !important;
    border-color: #00c8ff !important;
    box-shadow: 0 0 12px rgba(0,200,255,0.5);
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   08 — UNIFIED SPAM BUTTON
========================================== */

body.buddypress #buddypress
#activity-stream a.spam-activity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    height: auto !important;
    min-height: 38px !important;
    padding: 8px 14px !important;

    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.buddypress #buddypress
#activity-stream a.spam-activity::before,
body.buddypress #buddypress
#activity-stream a.spam-activity::after {
    content: none !important;
    display: none !important;
}

body.buddypress #buddypress
#activity-stream a.spam-activity .dashicons-flag {
    display: inline-block !important;
    position: static !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;

    font-size: 0 !important;
    background: #ff646b !important;

    -webkit-mask: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/flag.svg") center / contain no-repeat;
    mask: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/flag.svg") center / contain no-repeat;
}

body.buddypress #buddypress
#activity-stream a.spam-activity
.bp-screen-reader-text {
    display: inline !important;
    position: static !important;

    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    white-space: nowrap !important;

    opacity: 1 !important;
    visibility: visible !important;
    color: #ffffff !important;
    text-indent: 0 !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   09 — HIDE DUPLICATE SPAM BUTTON
========================================== */

body.buddypress #buddypress
#activity-stream
.activity-meta:has(a.spam-activity.bp-tooltip)
a.spam-activity:not(.bp-tooltip) {
    display: none !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   10 — FAVOURITE & DELETE SVG ICONS
========================================== */

body.buddypress.bp-user #buddypress
#activity-stream .activity-meta
a:is(.fav, .unfav, .delete-activity) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

body.buddypress.bp-user #buddypress
#activity-stream .activity-meta
a:is(.fav, .unfav, .delete-activity)::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #38bdf8 !important;

    -webkit-mask-image: var(--zb-action-icon);
    mask-image: var(--zb-action-icon);

    -webkit-mask-size: contain;
    mask-size: contain;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;
}

body.buddypress.bp-user #buddypress
#activity-stream .activity-meta
a:is(.fav, .unfav) {
    --zb-action-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/star.svg");
}

body.buddypress.bp-user #buddypress
#activity-stream .activity-meta
a.delete-activity {
    --zb-action-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/trash-2.svg");
}

/* ZUTISBLJEG — Spam Button Alignment Fix */

body.buddypress #buddypress
#activity-stream .activity-meta
a.spam-activity.bp-tooltip {
    transform: translateY(-3px) !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   MOBILE ACTIVITY AVATAR SIZE
========================================== */

@media (max-width: 768px) {

    body.buddypress.bp-user
    #buddypress #activity-stream
    .activity-avatar img.avatar {
        width: 64px !important;
        height: 64px !important;
        max-width: 64px !important;
        object-fit: cover;
        display: block;
    }

}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   11 — COMPACT MOBILE FRIENDSHIP CARD
========================================== */

@media (max-width: 768px) {

    body.buddypress.bp-user
    #buddypress #activity-stream
    .activity-inner .bp-member-short-description {
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        column-gap: 12px;
        row-gap: 4px;
        align-items: center;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 14px !important;

        text-align: left !important;
        box-sizing: border-box;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    .bp-member-short-description
    .bp-member-avatar-content {
        grid-column: 1;
        grid-row: 1 / 4;

        width: 64px !important;
        margin: 0 !important;
        float: none !important;
        position: static !important;
        align-self: start;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    .bp-member-short-description
    .bp-member-avatar-content img {
        width: 64px !important;
        height: 64px !important;
        max-width: 64px !important;
        object-fit: cover;
        display: block;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    .bp-member-short-description-title {
        grid-column: 2;
        grid-row: 1;

        margin: 0 !important;
        text-align: left !important;
        line-height: 1.4;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    .bp-member-nickname {
        grid-column: 2;
        grid-row: 2;

        margin: 0 !important;
        text-align: left !important;
        line-height: 1.4;
    }

    /* Profile button below the name */
    body.buddypress.bp-user
    #buddypress #activity-stream
    .bp-member-short-description
    .bp-profile-button {
        grid-column: 2;
        grid-row: 3;

        justify-self: start;
        width: auto !important;
        margin: 8px 0 0 !important;
        float: none !important;
        position: static !important;
    }

    /* Compact View Profile button */
    body.buddypress.bp-user
    #buddypress #activity-stream
    .bp-member-short-description
    .bp-profile-button a {
        width: auto !important;
        min-height: 40px;
        padding: 8px 14px !important;
        font-size: 13px !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   12 — COMPACT MOBILE ACTIVITY LAYOUT
========================================== */

@media (max-width: 768px) {

    body.buddypress.bp-user
    #buddypress #activity-stream li.activity-item {
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr);
        grid-template-areas:
            "avatar header"
            "content content"
            "actions actions"
            "comments comments";
        column-gap: 12px;
        row-gap: 12px;
        align-items: start;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    li.activity-item > .activity-avatar {
        grid-area: avatar;
        position: static !important;
        float: none !important;
        width: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    li.activity-item > .activity-avatar img {
        width: 64px !important;
        height: 64px !important;
        object-fit: cover;
        display: block;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    li.activity-item > .activity-content {
        display: contents !important;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    li.activity-item .activity-header {
        grid-area: header;
        align-self: center;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    li.activity-item .activity-header p {
        margin: 0 !important;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    li.activity-item .activity-inner {
        grid-area: content;
        width: 100% !important;
        min-width: 0;
        margin: 0 !important;
        box-sizing: border-box;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    li.activity-item > .activity-content > .activity-meta {
        grid-area: actions;
        width: 100%;
        box-sizing: border-box;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    li.activity-item > .activity-comments {
        grid-area: comments;
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
    }
}

/* ZUTISBLJEG — ACTIVITY COMMENT FORM BUTTONS */

body.buddypress.bp-user #buddypress
#activity-stream .ac-form
input[name="ac_form_submit"],
body.buddypress.bp-user #buddypress
#activity-stream .ac-form
.ac-reply-cancel {
    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;
    padding: 10px 18px !important;
    min-height: 42px;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
}

body.buddypress.bp-user #buddypress
#activity-stream .ac-form
input[name="ac_form_submit"] {
    background: #06417b !important;
    border-color: #00c8ff !important;
}

body.buddypress.bp-user #buddypress
#activity-stream .ac-form
input[name="ac_form_submit"]:hover,
body.buddypress.bp-user #buddypress
#activity-stream .ac-form
.ac-reply-cancel:hover {
    background: #0b2a57 !important;
    color: #ffffff !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   13 — COMMENT DELETE BUTTON
========================================== */

body.buddypress #buddypress
#activity-stream .activity-comments
a.acomment-delete {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    min-height: 38px !important;
    padding: 8px 14px !important;

    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.buddypress #buddypress
#activity-stream .activity-comments
a.acomment-delete::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #38bdf8 !important;

    -webkit-mask: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/trash-2.svg") center / contain no-repeat;
    mask: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/trash-2.svg") center / contain no-repeat;
}

body.buddypress #buddypress
#activity-stream .activity-comments
a.acomment-delete:hover {
    background: #0b2a57 !important;
    border-color: #00c8ff !important;
    color: #ffffff !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   14 — COMMENT SPAM BUTTON
========================================== */

body.buddypress #buddypress
#activity-stream .activity-comments
a.spam-activity-comment {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    min-height: 38px !important;
    padding: 8px 14px !important;

    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

body.buddypress #buddypress
#activity-stream .activity-comments
a.spam-activity-comment::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #ff646b !important;

    -webkit-mask: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/flag.svg") center / contain no-repeat;
    mask: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/flag.svg") center / contain no-repeat;
}

body.buddypress #buddypress
#activity-stream .activity-comments
a.spam-activity-comment::after {
    content: none !important;
    display: none !important;
}

body.buddypress #buddypress
#activity-stream .activity-comments
a.spam-activity-comment:hover {
    background: #0b2a57 !important;
    color: #ffffff !important;
    border-color: #00c8ff !important;
}

/* ==========================================
   ZUTISBLJEG — REMOVE DUPLICATE COMMENT SPAM
========================================== */

body.buddypress #buddypress
#activity-stream .activity-comments
a.spam-activity-comment:not([id^="activity_make_spam_"]) {
    display: none !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   15 — MOBILE ACTIVITY SPACING
========================================== */

@media (max-width: 768px) {

    body.buddypress.bp-user
    #buddypress #activity-stream li.activity-item {
        height: auto !important;
        min-height: 0 !important;
        align-content: start !important;
        row-gap: 8px !important;
        padding-bottom: 14px !important;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    .activity-meta {
        margin-top: 0 !important;
        padding: 8px !important;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    .activity-comments {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    .bp-member-short-description {
        row-gap: 3px !important;
        padding: 10px !important;
    }

    body.buddypress.bp-user
    #buddypress #activity-stream
    .activity-comments .acomment-options {
        margin-bottom: 0 !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   16 — VIEW CONVERSATION BUTTON
   Public Activity + Member Activity
========================================== */

#buddypress #activity-stream
a.button.view.bp-secondary-action[data-bp-tooltip="View Conversation"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    min-height: 38px !important;
    padding: 8px 14px !important;

    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

#buddypress #activity-stream
a.button.view.bp-secondary-action[data-bp-tooltip="View Conversation"]::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #38bdf8 !important;

    -webkit-mask: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/message-square.svg") center / contain no-repeat;
    mask: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/message-square.svg") center / contain no-repeat;
}

#buddypress #activity-stream
a.button.view.bp-secondary-action[data-bp-tooltip="View Conversation"]
.bp-screen-reader-text {
    position: static !important;
    display: inline !important;

    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;

    opacity: 1 !important;
    visibility: visible !important;
    white-space: nowrap !important;
    text-indent: 0 !important;

    color: #ffffff !important;
    font-size: 14px !important;
}

#buddypress #activity-stream
a.button.view.bp-secondary-action[data-bp-tooltip="View Conversation"]:hover {
    background: #0b2a57 !important;
    border-color: #00c8ff !important;
    color: #ffffff !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   17 — ACTIVITY SUBMENU
========================================== */

#buddypress #subnav:has(#just-me-personal-li) {
    background: #101c35 !important;
    border: 1px solid #008cff !important;
    border-radius: 12px !important;
    padding: 10px !important;
    margin: 16px 0 22px !important;
    box-sizing: border-box;
}

#buddypress #subnav:has(#just-me-personal-li) ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#buddypress #subnav:has(#just-me-personal-li) li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#buddypress #subnav:has(#just-me-personal-li) li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-height: 42px !important;
    padding: 10px 16px !important;

    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

#buddypress #subnav:has(#just-me-personal-li)
li:is(.current, .selected) a {
    background: #06417b !important;
    border-color: #00c8ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0,200,255,0.4);
}

#buddypress #subnav:has(#just-me-personal-li) li a:hover {
    background: #0b2a57 !important;
    border-color: #00c8ff !important;
    color: #ffffff !important;
}

@media (max-width: 768px) {

    #buddypress #subnav:has(#just-me-personal-li) ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px !important;
    }

    #buddypress #subnav:has(#just-me-personal-li) li {
        width: 100% !important;
    }

    #buddypress #subnav:has(#just-me-personal-li) li a {
        width: 100% !important;
        min-height: 44px !important;
        padding: 10px 8px !important;
        font-size: 13px !important;
    }
}

/* ==========================================
   ZUTISBLJEG — ACTIVITY SUBMENU SVG ICONS
   Desktop + Mobile
========================================== */

#buddypress #subnav:has(#just-me-personal-li)
li[id$="-personal-li"] > a::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 8px 0 0 !important;

    background: #38bdf8 !important;
    border: 0 !important;

    -webkit-mask-image: var(--zb-sub-icon);
    mask-image: var(--zb-sub-icon);

    -webkit-mask-size: contain;
    mask-size: contain;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;
}

#just-me-personal-li {
    --zb-sub-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/user-round.svg");
}

#activity-mentions-personal-li {
    --zb-sub-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/at-sign.svg");
}

#activity-favs-personal-li {
    --zb-sub-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/star.svg");
}

#activity-friends-personal-li {
    --zb-sub-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/users.svg");
}

#activity-groups-personal-li {
    --zb-sub-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/users-round.svg");
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   18 — MEMBER ACTIVITIES HEADING
========================================== */

body.buddypress.bp-user
#buddypress #item-body:has(#activity-stream)
h2.bp-screen-title {
    background: #101c35 !important;
    color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-left: 4px solid #38bdf8 !important;
    border-radius: 10px !important;

    padding: 16px 20px !important;
    margin: 20px 0 18px !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    box-shadow: 0 0 10px rgba(0, 170, 255, 0.15);
    box-sizing: border-box;
}

@media (max-width: 768px) {
    body.buddypress.bp-user
    #buddypress #item-body:has(#activity-stream)
    h2.bp-screen-title {
        font-size: 19px !important;
        padding: 14px 16px !important;
        margin: 16px 0 !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   19 — ACTIVITY FILTER DROPDOWN
   Desktop + Mobile
========================================== */

#buddypress select#activity-filter-by {
    background-color: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-radius: 8px !important;

    min-height: 44px !important;
    width: auto;
    max-width: 100%;
    padding: 10px 14px !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    box-sizing: border-box !important;
    cursor: pointer;

    box-shadow: 0 0 8px rgba(0,170,255,0.2);

    appearance: auto;
    -webkit-appearance: auto;
}

#buddypress select#activity-filter-by option {
    background: #071a36;
    color: #ffffff;
}

#buddypress select#activity-filter-by:focus-visible {
    outline: 2px solid #38bdf8 !important;
    outline-offset: 2px;
}

@media (max-width: 768px) {
    #buddypress select#activity-filter-by {
        width: 100% !important;
        font-size: 16px !important;
        min-height: 48px !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   20 — ACTIVITY FILTER CONTAINER
========================================== */

body.buddypress #buddypress
#subnav-filters:has(#activity-filter-by) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;

    background: #101c35 !important;
    border: 1px solid #008cff !important;
    border-radius: 12px !important;

    padding: 12px 16px !important;
    margin: 16px 0 !important;
    box-sizing: border-box !important;
}

body.buddypress #buddypress
#subnav-filters:has(#activity-filter-by)
.subnav-search,

body.buddypress #buddypress
#subnav-filters:has(#activity-filter-by)
#comp-filters,

body.buddypress #buddypress
#subnav-filters:has(#activity-filter-by)
#activity-filter-select,

body.buddypress #buddypress
#subnav-filters:has(#activity-filter-by)
.select-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.buddypress #buddypress
#subnav-filters #comp-filters {
    margin-left: auto !important;
}

@media (max-width: 768px) {

    body.buddypress #buddypress
    #subnav-filters:has(#activity-filter-by) {
        padding: 12px !important;
        gap: 10px !important;
    }

    body.buddypress #buddypress
    #subnav-filters #comp-filters {
        flex: 1 1 100%;
        margin-left: 0 !important;
    }

    body.buddypress #buddypress
    #subnav-filters #activity-filter-select {
        width: 100% !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   21 — CLEAN ACTIVITY COMPOSER WRAPPER
========================================== */

body.buddypress #buddypress
#bp-nouveau-activity-form.activity-update-form {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 0 16px !important;

    width: 100% !important;
    box-sizing: border-box !important;
}

body.buddypress #buddypress
#bp-nouveau-activity-form #whats-new-form {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    body.buddypress #buddypress
    #bp-nouveau-activity-form {
        max-width: 100% !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   22 — EMPTY ACTIVITY NOTIFICATION
========================================== */

/* Only target BuddyPress info notices
   on pages containing the Activity filter */
#buddypress:has(#activity-filter-by)
.bp-feedback.bp-messages.info {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    background: #101c35 !important;
    color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-radius: 10px !important;

    padding: 16px !important;
    margin: 16px 0 !important;
    box-sizing: border-box !important;
}

#buddypress:has(#activity-filter-by)
.bp-feedback.bp-messages.info .bp-icon {
    background-color: #06417b !important;
    color: #38bdf8 !important;
    flex-shrink: 0;
}

#buddypress:has(#activity-filter-by)
.bp-feedback.bp-messages.info p {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* ==========================================
   ZUTISBLJEG — COMPACT MOBILE COMPOSER
========================================== */

@media (max-width: 768px) {

    #buddypress #bp-nouveau-activity-form
    #whats-new-form {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px !important;
        align-items: start !important;
        min-height: 0 !important;
        padding: 14px !important;
    }

    #buddypress #whats-new-avatar {
        grid-column: 1;
        width: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: left !important;
    }

    #buddypress #whats-new-avatar img {
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        object-fit: cover;
    }

    #buddypress #whats-new-content {
        grid-column: 2;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    #buddypress #whats-new-textarea,
    #buddypress #whats-new {
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    #buddypress #whats-new-form
    > :not(#whats-new-avatar):not(#whats-new-content) {
        grid-column: 1 / -1;
    }
}

/* ==========================================
   ZUTISBLJEG — COMPACT MOBILE ACTIVITY FILTER
========================================== */

@media (max-width: 768px) {

    body.buddypress #buddypress
    #subnav-filters:has(#activity-filter-by) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 12px !important;
    }

    #buddypress #subnav-filters .subnav-search,
    #buddypress #activity-rss-feed {
        float: none !important;
        width: auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #buddypress #subnav-filters #comp-filters {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    #buddypress #activity-filter-select {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    #buddypress #activity-filter-select .select-wrap {
        position: relative !important;
        width: 100% !important;
    }

    #buddypress select#activity-filter-by {
        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 38px 10px 12px !important;
        font-size: 16px !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    #buddypress #activity-filter-select .select-arrow {
        display: none !important;
    }

    #buddypress #activity-filter-select
    .select-wrap::after {
        content: "" !important;
        position: absolute !important;
        right: 17px !important;
        top: 50% !important;
        width: 8px !important;
        height: 8px !important;
        border-right: 2px solid #38bdf8 !important;
        border-bottom: 2px solid #38bdf8 !important;
        transform: translateY(-65%) rotate(45deg);
        pointer-events: none !important;
    }
}

/* ZUTISBLJEG — Mobile Activity Filter Arrow */

@media (max-width: 768px) {

    #buddypress select#activity-filter-by {
        appearance: none !important;
        -webkit-appearance: none !important;

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;

        background-repeat: no-repeat !important;
        background-position: right 14px center !important;
        background-size: 18px 18px !important;

        padding-right: 44px !important;
    }

    #buddypress #activity-filter-select
    .select-wrap::after {
        content: none !important;
        display: none !important;
    }
}

/* ZUTISBLJEG — CYAN ACTIVITY DROPDOWN ARROW */

#buddypress select#activity-filter-by {
    appearance: none !important;
    -webkit-appearance: none !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 20px 20px !important;

    padding-right: 44px !important;
}

#buddypress #activity-filter-select .select-arrow,
#buddypress #activity-filter-select .select-wrap::after {
    display: none !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   23 — PROFILE SUBMENU
   Desktop + Mobile
========================================== */

/* Profile submenu container */
#buddypress #subnav:has(a#public) {
    background: #101c35 !important;
    border: 1px solid #008cff !important;
    border-radius: 12px !important;
    padding: 10px !important;
    margin: 16px 0 22px !important;
    box-sizing: border-box !important;
}

#buddypress #subnav:has(a#public) ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#buddypress #subnav:has(a#public) li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Profile submenu buttons */
#buddypress #subnav:has(a#public) li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 44px !important;
    padding: 10px 16px !important;

    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

#buddypress #subnav:has(a#public)
li:is(.current, .selected) > a,
#buddypress #subnav:has(a#public)
li > a[aria-current="page"] {
    background: #06417b !important;
    border-color: #00c8ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0,200,255,0.4);
}

#buddypress #subnav:has(a#public) li > a:hover {
    background: #0b2a57 !important;
    border-color: #00c8ff !important;
    color: #ffffff !important;
}

/* ==========================================
   CYAN SVG ICONS
========================================== */

#buddypress #subnav:has(a#public)
li > a::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #38bdf8 !important;

    -webkit-mask: var(--zb-profile-icon)
        center / contain no-repeat;
    mask: var(--zb-profile-icon)
        center / contain no-repeat;
}

#buddypress #subnav a#public {
    --zb-profile-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/eye.svg");
}

#buddypress #subnav a#edit {
    --zb-profile-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/pencil.svg");
}

/* Change Profile Photo */
#buddypress #subnav a#change-avatar {
    --zb-profile-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/image.svg");
}

#buddypress #subnav a#change-cover-image {
    --zb-profile-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/images.svg");
}

/* ==========================================
   MOBILE — TWO COLUMN LAYOUT
========================================== */

@media (max-width: 768px) {

    #buddypress #subnav:has(a#public) ul {
        display: grid !important;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 8px !important;
    }

    #buddypress #subnav:has(a#public) li {
        width: 100% !important;
        min-width: 0 !important;
    }

    #buddypress #subnav:has(a#public) li > a {
        width: 100% !important;
        min-height: 52px !important;
        padding: 10px 8px !important;

        font-size: 13px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        text-align: center !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   24 — EDIT PROFILE FIELD GROUP TABS
========================================== */

#buddypress #profile-edit-form
ul.button-tabs.button-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;

    background: #101c35 !important;
    border: 1px solid #008cff !important;
    border-radius: 12px !important;

    padding: 10px !important;
    margin: 16px 0 22px !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

#buddypress #profile-edit-form
ul.button-tabs.button-nav li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#buddypress #profile-edit-form
ul.button-tabs.button-nav li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 44px !important;
    padding: 10px 16px !important;

    background: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* Active profile field group */
#buddypress #profile-edit-form
ul.button-tabs.button-nav
li:is(.current, .selected) > a {
    background: #06417b !important;
    border-color: #00c8ff !important;
    color: #ffffff !important;

    box-shadow:
        0 0 6px rgba(0,200,255,0.45),
        0 0 12px rgba(0,140,255,0.25);
}

#buddypress #profile-edit-form
ul.button-tabs.button-nav li > a:hover,
#buddypress #profile-edit-form
ul.button-tabs.button-nav li > a:focus-visible {
    background: #0b2a57 !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
}

@media (max-width: 768px) {

    #buddypress #profile-edit-form
    ul.button-tabs.button-nav {
        display: grid !important;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #buddypress #profile-edit-form
    ul.button-tabs.button-nav li {
        width: 100% !important;
        min-width: 0 !important;
    }

    #buddypress #profile-edit-form
    ul.button-tabs.button-nav li > a {
        width: 100% !important;
        min-height: 48px !important;
        padding: 10px 8px !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   25 — PROFILE FIELD GROUP ICONS
========================================== */

#buddypress #profile-edit-form
ul.button-tabs.button-nav li > a::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #38bdf8 !important;

    -webkit-mask: var(--zb-group-icon)
        center / contain no-repeat;
    mask: var(--zb-group-icon)
        center / contain no-repeat;
}

#buddypress #profile-edit-form
ul.button-tabs.button-nav li:first-child > a {
    --zb-group-icon:
        url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/user-round.svg");
}

#buddypress #profile-edit-form
ul.button-tabs.button-nav li:nth-child(2) > a {
    --zb-group-icon:
        url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/link.svg");
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   26 — EDIT PROFILE HEADING
========================================== */

/* Edit Profile heading */
#buddypress
h2.screen-heading.edit-profile-screen {
    display: block !important;
    width: 100% !important;

    background: #101c35 !important;
    color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-left: 4px solid #38bdf8 !important;
    border-radius: 10px !important;

    padding: 16px 20px !important;
    margin: 20px 0 18px !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    box-shadow: 0 0 10px rgba(0,170,255,0.15);
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    #buddypress
    h2.screen-heading.edit-profile-screen {
        font-size: 19px !important;
        padding: 14px 16px !important;
        margin: 16px 0 !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   27 — PROFILE GROUP HEADING
========================================== */

#buddypress
h3.screen-heading.profile-group-title.edit {
    display: block !important;
    width: 100% !important;

    background: #101c35 !important;
    color: #ffffff !important;

    border: 1px solid #167bd3 !important;
    border-left: 4px solid #38bdf8 !important;
    border-radius: 8px !important;

    padding: 12px 18px !important;
    margin: 16px 0 !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    box-shadow: 0 0 8px rgba(0,170,255,0.12);
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    #buddypress
    h3.screen-heading.profile-group-title.edit {
        font-size: 16px !important;
        padding: 12px 14px !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   28 — EDIT PROFILE NAME FIELD
========================================== */

#buddypress #profile-edit-form
.editfield:has(#field_1) {
    background: #101c35 !important;
    border: 1px solid #008cff !important;
    border-radius: 10px !important;
    padding: 18px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
}

#buddypress #profile-edit-form
fieldset:has(> legend#field_1-1) {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0;
}

#buddypress #profile-edit-form
legend#field_1-1 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

#buddypress #profile-edit-form
legend#field_1-1 .bp-required-field-label {
    color: #38bdf8 !important;
}

#buddypress #profile-edit-form
input#field_1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;

    background: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    padding: 12px 14px !important;
    font-size: 15px !important;

    box-sizing: border-box !important;
}

#buddypress #profile-edit-form
input#field_1:focus {
    outline: none !important;
    border-color: #38bdf8 !important;
    box-shadow:
        0 0 6px rgba(0,200,255,0.45),
        0 0 12px rgba(0,140,255,0.2) !important;
}

#buddypress #profile-edit-form
fieldset:has(> legend#field_1-1)
.field-visibility-settings-header {
    color: #a8c2df !important;
    font-size: 13px !important;
    margin: 10px 0 0 !important;
}

#buddypress #profile-edit-form
fieldset:has(> legend#field_1-1)
.current-visibility-level {
    color: #38bdf8 !important;
    font-weight: 600 !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   29 — ABOUT ME PROFILE EDITOR
========================================== */

#buddypress #profile-edit-form
.editfield:has(#wp-field_2-wrap) {
    background: #101c35 !important;
    border: 1px solid #008cff !important;
    border-radius: 10px !important;
    padding: 18px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
}

#buddypress #profile-edit-form
fieldset:has(> legend#field_2-1) {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
}

#buddypress #profile-edit-form
legend#field_2-1 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 14px !important;
}

#buddypress #wp-field_2-wrap {
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

#buddypress #wp-field_2-editor-container {
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;
    overflow: hidden;
    box-sizing: border-box !important;
}

#buddypress #wp-field_2-wrap
.wp-switch-editor {
    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px 7px 0 0 !important;
    padding: 8px 14px !important;
    font-weight: 600 !important;
}

#buddypress #wp-field_2-wrap.tmce-active
#field_2-tmce,
#buddypress #wp-field_2-wrap.html-active
#field_2-html {
    background: #06417b !important;
    color: #ffffff !important;
    border-color: #38bdf8 !important;
}

#buddypress #wp-field_2-wrap
.quicktags-toolbar {
    background: #0b254a !important;
    border-color: #167bd3 !important;
}

#buddypress #wp-field_2-wrap
.quicktags-toolbar input.button {
    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 5px !important;
}

#buddypress #wp-field_2-wrap
textarea#field_2 {
    background: #071a36 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px !important;
    box-sizing: border-box !important;
}

#buddypress #profile-edit-form
#field_2-3 {
    color: #a8c2df !important;
    font-size: 13px !important;
    margin-top: 12px !important;
}

#buddypress #profile-edit-form
#field-visibility-settings-toggle-2 {
    color: #a8c2df !important;
    margin-top: 12px !important;
}

#buddypress #profile-edit-form
#field-visibility-settings-toggle-2
.current-visibility-level {
    color: #38bdf8 !important;
    font-weight: 600 !important;
}

#buddypress #profile-edit-form
#field-visibility-settings-toggle-2
.visibility-toggle-link {
    color: #38bdf8 !important;
}

#buddypress #profile-edit-form
#field-visibility-settings-2 {
    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;
    padding: 12px !important;
}

@media (max-width: 768px) {
    #buddypress #profile-edit-form
    .editfield:has(#wp-field_2-wrap) {
        padding: 12px !important;
    }

    #buddypress #wp-field_2-wrap {
        min-width: 0 !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   30 — ABOUT ME TINYMCE TOOLBAR
========================================== */

#buddypress #wp-field_2-wrap
.mce-toolbar-grp,
#buddypress #wp-field_2-wrap
.mce-toolbar,
#buddypress #wp-field_2-wrap
.mce-top-part,
#buddypress #wp-field_2-wrap
.mce-top-part .mce-container-body {
    background: #0b254a !important;
    border-color: #167bd3 !important;
    box-shadow: none !important;
}

#buddypress #wp-field_2-wrap
.mce-toolbar .mce-btn {
    background: #071a36 !important;
    border: 1px solid #167bd3 !important;
    border-radius: 5px !important;
    margin: 2px !important;
    box-shadow: none !important;
}

#buddypress #wp-field_2-wrap
.mce-toolbar .mce-btn button {
    background: transparent !important;
    color: #38bdf8 !important;
}

#buddypress #wp-field_2-wrap
.mce-toolbar .mce-ico {
    color: #38bdf8 !important;
    text-shadow: none !important;
}

#buddypress #wp-field_2-wrap
.mce-toolbar .mce-btn:hover,
#buddypress #wp-field_2-wrap
.mce-toolbar .mce-btn.mce-active {
    background: #06417b !important;
    border-color: #00c8ff !important;
}

#buddypress #wp-field_2-wrap
.mce-toolbar .mce-btn.mce-disabled {
    opacity: 0.4 !important;
}

#buddypress #wp-field_2-wrap
.mce-statusbar {
    background: #0b254a !important;
    border-color: #167bd3 !important;
    color: #a8c2df !important;
}

/* ZUTISBLJEG — ABOUT ME DESCRIPTION FIX */

#buddypress #profile-edit-form
p#field_2-3 {
    display: block !important;
    background: transparent !important;
    color: #a8c2df !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 12px 0 !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   31 — SAVE PROFILE CHANGES BUTTON
========================================== */

#buddypress #profile-edit-form
input#profile-group-edit-submit {
    display: inline-block !important;

    min-height: 46px !important;
    width: auto !important;
    padding: 12px 22px 12px 48px !important;

    background-color: #06417b !important;
    color: #ffffff !important;

    border: 1px solid #38bdf8 !important;
    border-radius: 8px !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M17 21v-8H7v8M7 3v5h8'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: left 17px center !important;
    background-size: 20px 20px !important;

    box-shadow:
        0 0 6px rgba(0,200,255,0.35),
        0 0 12px rgba(0,140,255,0.2) !important;

    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

#buddypress #profile-edit-form
input#profile-group-edit-submit:hover {
    background-color: #0b5ba0 !important;

    box-shadow:
        0 0 10px rgba(0,200,255,0.65),
        0 0 20px rgba(0,140,255,0.35) !important;
}

#buddypress #profile-edit-form
input#profile-group-edit-submit:focus-visible {
    outline: 2px solid #67e8f9 !important;
    outline-offset: 3px !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   32 — VIEW PROFILE HEADING
========================================== */

#buddypress h2.screen-heading.view-profile-screen {
    display: block !important;
    width: 100% !important;

    background: #101c35 !important;
    color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-left: 4px solid #38bdf8 !important;
    border-radius: 10px !important;

    padding: 16px 20px !important;
    margin: 20px 0 18px !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    box-shadow: 0 0 10px rgba(0,170,255,0.15);
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    #buddypress h2.screen-heading.view-profile-screen {
        font-size: 19px !important;
        padding: 14px 16px !important;
        margin: 16px 0 !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   33 — SAVE CHANGES CONTAINER
========================================== */

#buddypress #profile-edit-form
.submit:has(#profile-group-edit-submit) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    background: #101c35 !important;

    border: 1px solid #008cff !important;
    border-radius: 10px !important;

    padding: 16px !important;
    margin: 18px 0 !important;

    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    #buddypress #profile-edit-form
    .submit:has(#profile-group-edit-submit) {
        padding: 14px !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   34 — SOCIAL LINKS PROFILE FIELDS
========================================== */

/* All additional profile fields.
   Excludes our finished Name and About Me. */
#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap)) {
    background: #101c35 !important;
    border: 1px solid #008cff !important;
    border-radius: 10px !important;
    padding: 18px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
}

#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap))
> fieldset {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
}

#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap))
legend {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap))
input:is([type="text"], [type="url"]) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;

    background: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;

    padding: 12px 14px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap))
input:is([type="text"], [type="url"]):focus {
    outline: none !important;
    border-color: #38bdf8 !important;
    box-shadow:
        0 0 6px rgba(0,200,255,0.45),
        0 0 12px rgba(0,140,255,0.2) !important;
}

#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap))
.description {
    background: transparent !important;
    color: #a8c2df !important;
    border: none !important;
    margin: 10px 0 !important;
}

#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap))
.field-visibility-settings-header {
    color: #a8c2df !important;
}

#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap))
.current-visibility-level,
#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap))
.visibility-toggle-link {
    color: #38bdf8 !important;
}

#buddypress #profile-edit-form
.editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap))
.field-visibility-settings {
    background: #071a36 !important;
    color: #ffffff !important;
    border: 1px solid #167bd3 !important;
    border-radius: 7px !important;
    padding: 12px !important;
}

@media (max-width: 768px) {
    #buddypress #profile-edit-form
    .editfield:not(:has(#field_1)):not(:has(#wp-field_2-wrap)) {
        padding: 12px !important;
    }
}
/* =========================================
   BUDDYPRESS - CHANGE PROFILE PHOTO REWORK
   ========================================= */

body.buddypress .buddypress-wrap,
body.buddypress #buddypress {
  --zb-bg: #071a36;
  --zb-panel: #0b2248;
  --zb-border: #1597ff;
  --zb-glow: rgba(21, 151, 255, 0.35);
  --zb-text: #ffffff;
  --zb-muted: #b8c7e6;
  --zb-accent: #53c7ff;
}

body.buddypress .screen-heading,
body.buddypress h2.bp-screen-title,
body.buddypress .entry-title {
  background: var(--zb-bg);
  color: var(--zb-text);
  border: 2px solid var(--zb-border);
  border-radius: 18px;
  padding: 18px 22px;
  margin: 0 0 18px;
  box-shadow: 0 0 18px var(--zb-glow);
}

body.buddypress .bp-avatar,
body.buddypress .bp-avatar-nav,
body.buddypress .bp-tables-user,
body.buddypress .bp-feedback,
body.buddypress .drag-drop,
body.buddypress .profile-public,
body.buddypress .item-body {
  background: var(--zb-bg);
  color: var(--zb-text);
  border-radius: 18px;
}

body.buddypress .bp-feedback.info,
body.buddypress .bp-feedback.help,
body.buddypress .bp-feedback {
  background: var(--zb-bg);
  border: 2px solid var(--zb-border);
  color: var(--zb-text);
  box-shadow: 0 0 14px var(--zb-glow);
  overflow: hidden;
}

body.buddypress .bp-feedback .bp-icon {
  background: rgba(83, 199, 255, 0.18);
}

body.buddypress .bp-feedback p {
  color: var(--zb-text);
}

body.buddypress .bp-navs.avatar-navs,
body.buddypress .bp-avatar-nav,
body.buddypress .avatar-nav-items {
  background: var(--zb-bg);
  border: 2px solid var(--zb-border);
  border-radius: 18px;
  padding: 10px;
  box-shadow: 0 0 14px var(--zb-glow);
}

body.buddypress .bp-navs.avatar-navs ul,
body.buddypress .bp-avatar-nav ul,
body.buddypress .avatar-nav-items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

body.buddypress .bp-navs.avatar-navs li,
body.buddypress .bp-avatar-nav li,
body.buddypress .avatar-nav-items li {
  margin: 0;
  list-style: none;
}

body.buddypress .bp-navs.avatar-navs a,
body.buddypress .bp-avatar-nav a,
body.buddypress .avatar-nav-items a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 10px 18px;
  background: #08224b;
  color: var(--zb-text);
  border: 2px solid var(--zb-border);
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(0,0,0,0);
  transition: all 0.2s ease;
}

body.buddypress .bp-navs.avatar-navs a:hover,
body.buddypress .bp-avatar-nav a:hover,
body.buddypress .avatar-nav-items a:hover,
body.buddypress .bp-navs.avatar-navs .selected a,
body.buddypress .bp-avatar-nav .current a,
body.buddypress .avatar-nav-items .current a {
  background: linear-gradient(180deg, #133a73 0%, #0b2248 100%);
  color: var(--zb-text);
  box-shadow: 0 0 16px var(--zb-glow);
}

body.buddypress .drag-drop,
body.buddypress #drag-drop-area {
  background: var(--zb-bg);
  border: 2px dashed var(--zb-border);
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 0 16px var(--zb-glow);
}

body.buddypress .drag-drop-inside {
  text-align: center;
  color: var(--zb-text);
}

body.buddypress .drag-drop-inside p {
  color: var(--zb-text);
  font-size: 1.05rem;
}

body.buddypress .button,
body.buddypress button,
body.buddypress input[type="button"],
body.buddypress input[type="submit"] {
  background: linear-gradient(180deg, #1472d0 0%, #0b5fb6 100%);
  color: #fff;
  border: 2px solid var(--zb-accent);
  border-radius: 12px;
  padding: 10px 20px;
  font-weight: 700;
  box-shadow: 0 0 14px rgba(83, 199, 255, 0.35);
  transition: all 0.2s ease;
}

body.buddypress .button:hover,
body.buddypress button:hover,
body.buddypress input[type="button"]:hover,
body.buddypress input[type="submit"]:hover {
  background: linear-gradient(180deg, #1c84eb 0%, #0f6dd0 100%);
  box-shadow: 0 0 18px rgba(83, 199, 255, 0.5);
  transform: translateY(-1px);
}

body.buddypress .warning,
body.buddypress .bp-feedback.warning,
body.buddypress .notice-warning {
  background: rgba(255, 193, 7, 0.12);
  color: #ffe08a;
  border: 2px solid #ffc107;
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 0 14px rgba(255, 193, 7, 0.18);
}

body.buddypress a {
  color: var(--zb-accent);
}

body.buddypress a:hover {
  color: #8edfff;
}

body.buddypress p,
body.buddypress li,
body.buddypress span,
body.buddypress label {
  color: var(--zb-muted);
}

body.buddypress .sharedaddy,
body.buddypress .sd-sharing {
  background: transparent;
}

body.buddypress .sd-title,
body.buddypress .sharedaddy h3 {
  color: var(--zb-text);
}

/* ==========================================
   ZUTISBLJEG — PROFILE PHOTO NAV REFINEMENT
========================================== */

#buddypress .bp-avatar-nav,
#buddypress .bp-navs.avatar-navs {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#buddypress ul.avatar-nav-items {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 8px !important;

    background: #101c35 !important;
    border: 1px solid #008cff !important;
    border-radius: 12px !important;

    padding: 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

#buddypress ul.avatar-nav-items > li {
    float: none !important;
    width: 132px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#buddypress ul.avatar-nav-items > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 8px 10px !important;

    background: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #167bd3 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
}

#buddypress ul.avatar-nav-items
> li:is(.current, .selected) > a {
    background: #06417b !important;
    color: #ffffff !important;
    border-color: #38bdf8 !important;

    box-shadow:
        0 0 8px rgba(0,200,255,0.45) !important;
}

#buddypress ul.avatar-nav-items > li > a:hover {
    background: #0b2a57 !important;
    border-color: #38bdf8 !important;
}

@media (max-width: 768px) {

    #buddypress ul.avatar-nav-items {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #buddypress ul.avatar-nav-items > li {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ==========================================
   ZUTISBLJEG — CLEAN PROFILE GROUP HEADINGS
========================================== */

body.buddypress #buddypress
.bp-widget > h2.profile-group-title {
    background: transparent !important;
    color: #ffffff !important;

    border: none !important;
    border-bottom: 1px solid #526380 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    text-shadow: none !important;

    padding: 0 0 10px !important;
    margin: 0 0 16px !important;

    font-size: 18px !important;
    font-weight: 500 !important;
}

/* ==========================================
   ZUTISBLJEG — CLEAN VIEW PROFILE HEADINGS
========================================== */

body.buddypress #buddypress
.bp-widget .profile-group-title:not(.edit),
body.buddypress #buddypress
.bp-widget .screen-heading:not(.edit) {

    display: block !important;
    width: 100% !important;

    background: transparent !important;
    color: #ffffff !important;

    border: none !important;
    border-bottom: 1px solid #526380 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;

    padding: 0 0 10px !important;
    margin: 0 0 16px !important;

    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* ==========================================
   ZUTISBLJEG — PROFILE PHOTO TAB ICONS
========================================== */

#buddypress ul.avatar-nav-items > li > a::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    margin-right: 8px !important;

    background: #38bdf8 !important;

    -webkit-mask-image: var(--zb-avatar-icon);
    mask-image: var(--zb-avatar-icon);

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* ZUTISBLJEG — PROFILE PHOTO ICONS */

#buddypress ul.avatar-nav-items > li > a::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #38bdf8 !important;

    -webkit-mask: var(--zb-avatar-icon)
        center / contain no-repeat !important;
    mask: var(--zb-avatar-icon)
        center / contain no-repeat !important;
}

#buddypress #bp-avatar-upload > a {
    --zb-avatar-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/upload.svg");
}

#buddypress #bp-avatar-camera > a {
    --zb-avatar-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/camera.svg");
}

#buddypress #bp-avatar-recycle > a {
    --zb-avatar-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/refresh-cw.svg");
}

#buddypress #bp-avatar-delete > a {
    --zb-avatar-icon: url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/trash-2.svg");
}

/* ==========================================
   ZUTISBLJEG — AVATAR MOBILE GRID FIX
========================================== */

@media (max-width: 768px) {

    #buddypress ul.avatar-nav-items {
        display: grid !important;
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #buddypress ul.avatar-nav-items::before,
    #buddypress ul.avatar-nav-items::after {
        content: none !important;
        display: none !important;
    }

    #buddypress ul.avatar-nav-items > li {
        position: static !important;
        float: none !important;
        clear: none !important;

        grid-column: auto !important;
        grid-row: auto !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #buddypress ul.avatar-nav-items > li > a {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   35 — PROFILE PHOTO HISTORY BUTTONS
========================================== */

#buddypress button.avatar-history-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    min-height: 42px !important;
    padding: 10px 16px !important;

    background: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #167bd3 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer;
}

#buddypress button.avatar-history-action::before {
    content: "" !important;
    display: inline-block !important;

    position: static !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #38bdf8 !important;

    -webkit-mask: var(--zb-history-icon)
        center / contain no-repeat;
    mask: var(--zb-history-icon)
        center / contain no-repeat;
}

#buddypress button.avatar-history-action.recycle {
    --zb-history-icon:
        url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/refresh-cw.svg");
}

#buddypress button.avatar-history-action.delete {
    --zb-history-icon:
        url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/trash-2.svg");
}

#buddypress button.avatar-history-action:not(.disabled):not(:disabled):hover {
    background: #0b2a57 !important;
    border-color: #38bdf8 !important;

    box-shadow: 0 0 10px
        rgba(0,200,255,0.4) !important;
}

#buddypress button.avatar-history-action:is(.disabled, :disabled) {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   36 — CHANGE PROFILE PHOTO HEADING
========================================== */

body.buddypress #buddypress
h2.screen-heading.change-avatar-screen {

    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    background: #101c35 !important;
    color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-left: 4px solid #38bdf8 !important;
    border-radius: 10px !important;

    padding: 16px 20px !important;
    margin: 20px 0 18px !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    box-shadow: 0 0 10px rgba(0,170,255,0.15) !important;
    text-shadow: none !important;

    box-sizing: border-box !important;
}

@media (max-width: 768px) {

    body.buddypress #buddypress
    h2.screen-heading.change-avatar-screen {

        font-size: 19px !important;
        padding: 14px 16px !important;
        margin: 16px 0 !important;

        border-radius: 10px !important;
    }
}

/* ==========================================
   ZUTISBLJEG BUDDYPRESS
   37 — PROFILE PHOTO WARNING NOTICE
========================================== */

/* Only warnings on Change Profile Photo */
body.buddypress #buddypress:has(
    h2.change-avatar-screen
) p.warning {

    display: block !important;

    background: #101c35 !important;
    color: #dbeafe !important;

    border: 1px solid #167bd3 !important;
    border-left: 4px solid #fbbf24 !important;
    border-radius: 10px !important;

    padding: 14px 16px !important;
    margin: 16px 0 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;

    box-shadow: 0 0 8px
        rgba(0, 140, 255, 0.12) !important;

    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {

    body.buddypress #buddypress:has(
        h2.change-avatar-screen
    ) p.warning {
        padding: 12px 14px !important;
        margin: 12px 0 !important;
    }
}

/* ==========================================
   ZUTISBLJEG — COMPACT MOBILE PHOTO UPLOAD
========================================== */

@media (max-width: 768px) {

    #buddypress #drag-drop-area {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        height: auto !important;
        min-height: 150px !important;

        padding: 20px 14px !important;
        margin: 0 !important;

        background: #071a36 !important;

        border: 2px dashed #38bdf8 !important;
        border-radius: 12px !important;

        box-sizing: border-box !important;
    }

    #buddypress #drag-drop-area
    .drag-drop-inside {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;
    }

    #buddypress #drag-drop-area
    .drag-drop-inside p {
        margin: 8px 0 !important;
    }
}

/* ==========================================
   ZUTISBLJEG — UPLOAD BUTTON HOVER FIX
========================================== */

#buddypress #drag-drop-area .button,
#buddypress #bp-browse-button {
    background: #086dcb !important;
    color: #ffffff !important;
    border: 1px solid #38bdf8 !important;
    border-radius: 8px !important;

    box-shadow:
        0 0 8px rgba(0, 200, 255, 0.35) !important;

    transition:
        background 0.2s ease,
        box-shadow 0.2s ease !important;
}

#buddypress #drag-drop-area .button:hover,
#buddypress #bp-browse-button:hover {
    background: #008cff !important;
    color: #ffffff !important;
    border-color: #67e8f9 !important;

    box-shadow:
        0 0 12px rgba(0, 200, 255, 0.75),
        0 0 24px rgba(0, 140, 255, 0.45) !important;

    transform: none !important;
}

#buddypress #drag-drop-area .button:focus-visible,
#buddypress #bp-browse-button:focus-visible {
    outline: 2px solid #67e8f9 !important;
    outline-offset: 3px !important;
}

/* ==========================================
   ZUTISBLJEG — CHANGE COVER IMAGE POLISH
========================================== */

body.buddypress #buddypress
h2.screen-heading.change-cover-image-screen {
    display: block !important;
    width: 100% !important;

    background: #101c35 !important;
    color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-left: 4px solid #38bdf8 !important;
    border-radius: 10px !important;

    padding: 16px 20px !important;
    margin: 20px 0 18px !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    box-shadow: 0 0 10px rgba(0,170,255,0.15) !important;
    box-sizing: border-box !important;
}

body.buddypress
#buddypress:has(h2.change-cover-image-screen)
p.warning {
    background: #101c35 !important;
    color: #dbeafe !important;

    border: 1px solid #167bd3 !important;
    border-left: 4px solid #fbbf24 !important;
    border-radius: 10px !important;

    padding: 14px 16px !important;
    margin: 16px 0 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
}

#buddypress a#bp-delete-cover-image {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;
    min-height: 44px !important;

    padding: 10px 18px !important;

    background: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #f87171 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

#buddypress a#bp-delete-cover-image:hover {
    background: #402033 !important;
    border-color: #fb7185 !important;
    color: #ffffff !important;

    box-shadow:
        0 0 10px rgba(248,113,113,0.35) !important;
}

@media (max-width: 768px) {

    body.buddypress #buddypress
    h2.screen-heading.change-cover-image-screen {
        font-size: 19px !important;
        padding: 14px 16px !important;
        margin: 16px 0 !important;
    }

    body.buddypress
    #buddypress:has(h2.change-cover-image-screen)
    p.warning {
        padding: 12px 14px !important;
    }
}

/* ==========================================
   ZUTISBLJEG — DELETE COVER IMAGE BUTTON
========================================== */

#buddypress button#bp-delete-cover-image {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: auto !important;
    max-width: 100% !important;
    min-height: 46px !important;
    padding: 10px 18px !important;

    background: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #f87171 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    box-shadow: none !important;
    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

#buddypress button#bp-delete-cover-image::before {
    content: "" !important;
    display: inline-block !important;

    position: static !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #f87171 !important;

    -webkit-mask:
        url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/trash-2.svg")
        center / contain no-repeat !important;

    mask:
        url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/trash-2.svg")
        center / contain no-repeat !important;
}

#buddypress button#bp-delete-cover-image:hover {
    background: #402033 !important;
    border-color: #fb7185 !important;
    color: #ffffff !important;

    box-shadow:
        0 0 8px rgba(248, 113, 113, 0.35),
        0 0 16px rgba(248, 113, 113, 0.18) !important;

    transform: none !important;
}

#buddypress button#bp-delete-cover-image:focus-visible {
    outline: 2px solid #fb7185 !important;
    outline-offset: 3px !important;
}

@media (max-width: 768px) {
    #buddypress button#bp-delete-cover-image {
        padding: 12px 16px !important;
        white-space: normal !important;
        text-align: center !important;
    }
}

/* ZutisBljeg — Short Profile Photo Notice */

body.buddypress #buddypress
p.bp-feedback.info .bp-help-text {
    color: #ffffff !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* ==========================================
   ZUTISBLJEG — DELETE PROFILE PHOTO BUTTON
========================================== */

body.buddypress #buddypress #bp-delete-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: auto !important;
    max-width: 100% !important;
    min-height: 46px !important;
    padding: 10px 18px !important;

    background: #071a36 !important;
    color: #ffffff !important;

    border: 1px solid #f87171 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

body.buddypress #buddypress
#bp-delete-avatar::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    background: #f87171 !important;

    -webkit-mask:
        url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/trash-2.svg")
        center / contain no-repeat !important;

    mask:
        url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/trash-2.svg")
        center / contain no-repeat !important;
}

body.buddypress #buddypress
#bp-delete-avatar:hover {
    background: #402033 !important;
    color: #ffffff !important;
    border-color: #fb7185 !important;

    box-shadow:
        0 0 8px rgba(248,113,113,0.35),
        0 0 16px rgba(248,113,113,0.18) !important;

    transform: none !important;
}

body.buddypress #buddypress
#bp-delete-avatar:focus-visible {
    outline: 2px solid #fb7185 !important;
    outline-offset: 3px !important;
}

@media (max-width: 768px) {
    body.buddypress #buddypress
    #bp-delete-avatar {
        padding: 12px 16px !important;
        white-space: normal !important;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    body.bp-user h1.entry-title {
        font-size: 22px !important;
        padding: 16px 18px !important;
        margin: 16px 0 20px !important;
    }
}

/* ==========================================
   ZUTISBLJEG — MOBILE MEMBER PROFILE TITLE
========================================== */

@media (max-width: 768px) {

    body.bp-user h1.entry-title {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

}

/* ==========================================
   ZUTISBLJEG — REMOVE MEMBER PAGE TITLE
   Desktop + Mobile
========================================== */

body.bp-user h1.entry-title {
    display: none !important;
}

/* ==========================================
   ZUTISBLJEG — REMOVE PROFILE MENU DIVIDER
========================================== */

body.bp-user #buddypress #subnav ul,
body.bp-user #buddypress #subnav ul::before,
body.bp-user #buddypress #subnav ul::after {
    border-bottom: none !important;
    box-shadow: none !important;
}

body.bp-user #buddypress #subnav {
    border-bottom: none !important;
}

body.bp-user #buddypress #subnav
li:is(.current, .selected) > a {
    border-color: #38bdf8 !important;
}

/* ==========================================
   ZUTISBLJEG — CLEAN PROFILE TAB SELECTION
========================================== */

body.bp-user #buddypress #subnav li > a,
body.bp-user #buddypress #subnav li > a:focus,
body.bp-user #buddypress #subnav li > a:active {
    outline: none !important;
    outline-offset: 0 !important;
    text-decoration: none !important;
}

body.bp-user #buddypress #subnav
li:is(.current, .selected) > a {
    background: #06417b !important;
    color: #ffffff !important;

    border: 1px solid #38bdf8 !important;
    border-radius: 7px !important;

    box-shadow:
        0 0 8px rgba(0,200,255,0.4),
        0 0 14px rgba(0,140,255,0.2) !important;
}

body.bp-user #buddypress #subnav
li > a:focus-visible {
    outline: 2px solid #67e8f9 !important;
    outline-offset: 3px !important;
}

/* ==========================================
   ZUTISBLJEG — BUDDYPRESS SUBMENU CLEANUP
   Remove duplicate active-tab rectangles
========================================== */

body.bp-user #buddypress #subnav
li.bp-personal-sub-tab,
body.bp-user #buddypress #subnav
li.bp-personal-sub-tab.current,
body.bp-user #buddypress #subnav
li.bp-personal-sub-tab.selected {

    background: transparent !important;

    border: none !important;
    outline: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    text-shadow: none !important;
}

body.bp-user #buddypress #subnav
li.bp-personal-sub-tab::before,
body.bp-user #buddypress #subnav
li.bp-personal-sub-tab::after {

    content: none !important;
    display: none !important;

    border: none !important;
    box-shadow: none !important;
}

body.bp-user #buddypress #subnav
li.bp-personal-sub-tab > a:focus-visible {

    outline: 2px solid #67e8f9 !important;
    outline-offset: 3px !important;
}

/* ZUTISBLJEG — HIDE JETPACK RELATED POSTS SITE-WIDE */

#jp-relatedposts,
.jp-relatedposts,
.wp-block-jetpack-related-posts {
    display: none !important;
}

/* ==========================================
   ZUTISBLJEG — REMOVE POST FOOTER CLUTTER
========================================== */

.entry-author,
.author-info,
.author-container,
.author-bio,
.wp-block-post-author {
    display: none !important;
}

#respond,
#comments,
.comments-area,
.comment-respond,
.wp-block-post-comments-form {
    display: none !important;
}

/* ==========================================
   ZUTISBLJEG — HIDE POST DATE AND EDIT LINK
========================================== */

.entry-meta .posted-on,
.entry-footer .posted-on,
.entry-meta .post-date,
.entry-footer .post-date,
.wp-block-post-date {
    display: none !important;
}

.entry-meta .edit-link,
.entry-footer .edit-link,
.post-edit-link,
.wp-block-post-edit {
    display: none !important;
}

/* ==========================================
   ZUTISBLJEG — HIDE POST COVER IMAGES
========================================== */

body.single-post .post-thumbnail,
body.single-post .featured-image,
body.single-post .entry-thumbnail,
body.single-post .wp-block-post-featured-image {
    display: none !important;
}
/* ZutisBljeg — Remove Remaining White Areas */

body:has(#notifications-bulk-management),
body:has(#notifications-bulk-management) #page,
body:has(#notifications-bulk-management) .site,
body:has(#notifications-bulk-management) #content,
body:has(#notifications-bulk-management) .site-content,
body:has(#notifications-bulk-management) .content-area,
body:has(#notifications-bulk-management) .site-main,
body:has(#notifications-bulk-management) #primary,
body:has(#notifications-bulk-management) #main,
body:has(#notifications-bulk-management) .entry-content {
    background-color: #07172e !important;
}

/* BuddyPress content backgrounds */
body:has(#notifications-bulk-management) #buddypress,
body:has(#notifications-bulk-management) .bp-wrap,
body:has(#notifications-bulk-management) #item-body,
body:has(#notifications-bulk-management) #notifications-bulk-management {
    background-color: #07172e !important;
}

body:has(#notifications-bulk-management)
#buddypress .notifications-options-nav {
    background: #07172e !important;
    border: none !important;
}

body:has(#notifications-bulk-management)
#buddypress .bp-pagination {
    background: #07172e !important;
    color: #cbd5e1 !important;
}

body:has(#notifications-bulk-management) #item-body {
    min-height: 65vh;
}
/* ZutisBljeg — Hexagon Notifications Background */

body:has(#notifications-bulk-management) .site,
body:has(#notifications-bulk-management) .site-content,
body:has(#notifications-bulk-management) .content-area,
body:has(#notifications-bulk-management) #primary,
body:has(#notifications-bulk-management) #main,
body:has(#notifications-bulk-management) .entry-content {
    background: #07172e !important;
}

body:has(#notifications-bulk-management) #item-body {
    background-image:
        linear-gradient(
            rgba(3, 12, 28, 0.65),
            rgba(3, 12, 28, 0.85)
        ),
        url("PASTE-YOUR-IMAGE-URL-HERE") !important;

    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 65vh;
}

body:has(#notifications-bulk-management)
#notifications-bulk-management .notifications-options-nav {
    background: transparent !important;
}
/* ZutisBljeg — Notifications Final Polish */

body:has(#notifications-bulk-management) #item-body,
body:has(#notifications-bulk-management) #notifications-bulk-management {
    background: #07172e !important;
    color: #ffffff !important;
}

#notifications-bulk-management .notifications-options-nav {
    background: #07172e !important;
    border: none !important;
    padding: 12px !important;
}

body:has(#notifications-bulk-management) #item-body .bp-pagination,
body:has(#notifications-bulk-management) #item-body .pagination {
    background: #07172e !important;
    color: #cbd5e1 !important;
    padding: 8px 0 !important;
}

body:has(#notifications-bulk-management) .pag-count,
body:has(#notifications-bulk-management) .pag-count p {
    color: #cbd5e1 !important;
}

#notifications-bulk-management select,
#notifications-bulk-management button,
#notifications-bulk-management input[type="submit"] {
    background: #07172e !important;
    color: #ffffff !important;
    border: 1px solid #008cff !important;
    border-radius: 7px !important;
}

#notifications-bulk-management button:hover,
#notifications-bulk-management input[type="submit"]:hover {
    background: #084577 !important;
}
/* ZutisBljeg — Notification Table */

#notifications-bulk-management table.notifications {
    width: 100%;
    background: #101b33 !important;
    border: 1px solid #008cff !important;
    border-radius: 8px;
    border-spacing: 0;
    overflow: hidden;
}

#notifications-bulk-management table.notifications thead th {
    background: #101b33 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #008cff !important;
    padding: 15px 12px;
}

#notifications-bulk-management table.notifications tbody td {
    background: #07172e !important;
    color: #ffffff !important;
    border-bottom: 1px solid #173b62 !important;
    padding: 14px 12px;
}

#notifications-bulk-management table.notifications tbody tr:hover td {
    background: #12345b !important;
}

#notifications-bulk-management td.notification-description a {
    color: #38bdf8 !important;
    text-decoration: none;
}

#notifications-bulk-management td.notification-description a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

#notifications-bulk-management td.notification-since,
#notifications-bulk-management td.notification-since * {
    color: #cbd5e1 !important;
}

#notifications-bulk-management td.notification-actions a,
#notifications-bulk-management td.notification-actions .dashicons {
    color: #38bdf8 !important;
    opacity: 1 !important;
}

#notifications-bulk-management td.notification-actions a:hover {
    color: #ffffff !important;
}

#notifications-bulk-management input[type="checkbox"] {
    accent-color: #008cff;
}

#notifications-bulk-management .notifications-options-nav {
    background: #101b33 !important;
    padding: 12px;
    border-radius: 8px;
}

#notifications-bulk-management #notification-select {
    background: #07172e !important;
    color: #ffffff !important;
    border: 1px solid #008cff !important;
    border-radius: 7px;
    padding: 10px;
}

#notifications-bulk-management .select-arrow {
    color: #38bdf8 !important;
}

#notifications-bulk-management #notification-bulk-manage {
    background: #008cff !important;
    color: #ffffff !important;
    border: 1px solid #00aaff !important;
    border-radius: 7px;
    padding: 10px 16px;
    cursor: pointer;
}

body:has(#notifications-bulk-management) .bp-pagination,
body:has(#notifications-bulk-management) .bp-pagination .pag-count {
    color: #cbd5e1 !important;
}
/* ZutisBljeg — Neon Checkboxes */

#notifications-bulk-management input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;

    width: 19px !important;
    height: 19px !important;
    border: 1px solid #00aaff !important;
    border-radius: 6px !important;
    background: #07172e !important;

    box-shadow: 0 0 7px rgba(0,170,255,0.5);
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: all 0.2s ease;
}

#notifications-bulk-management input[type="checkbox"]:hover {
    border-color: #38bdf8 !important;
    box-shadow: 0 0 12px rgba(0,170,255,0.8);
}

#notifications-bulk-management input[type="checkbox"]:checked {
    background: #008cff !important;
    box-shadow: 0 0 12px rgba(0,170,255,0.9);
}

#notifications-bulk-management input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#notifications-bulk-management input[type="checkbox"]:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}
/* ZutisBljeg — Global Dark Theme */

html,
body,
body #page,
body .site,
body #content,
body .site-content,
body .content-area,
body #primary,
body #main,
body .site-main,
body .wp-site-blocks,
body .entry-content {
    background-color: #07172e !important;
}

body {
    color: #eaf3ff;
    min-height: 100vh;
}
/* ZutisBljeg — Main Navigation Buttons */

#site-navigation .menu-wrapper > li > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: #101b33 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-radius: 8px !important;

    padding: 11px 16px !important;
    min-height: 42px;
    box-sizing: border-box;

    font-weight: 600 !important;
    text-decoration: none !important;

    box-shadow: 0 0 6px rgba(0,140,255,0.3);
    transition: background 0.2s ease,
                box-shadow 0.2s ease;
}

#site-navigation .menu-wrapper > li {
    margin: 4px !important;
}

#site-navigation .menu-wrapper > li > a:hover {
    background: #084577 !important;
    box-shadow: 0 0 12px rgba(0,170,255,0.7);
}

#site-navigation .menu-wrapper > li.current-menu-item > a,
#site-navigation .menu-wrapper > li.current_page_item > a {
    background: #084577 !important;
    box-shadow: 0 0 12px rgba(0,170,255,0.8);
}

#site-navigation .menu-wrapper > li > a:focus-visible {
    outline: 2px solid white !important;
    outline-offset: 3px;
}

.woo-navigation .woocommerce-menu-item > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.menu-button-container button {
    color: #ffffff !important;
    background: #101b33 !important;
    border: 1px solid #008cff !important;
    border-radius: 8px !important;
}

@media (max-width: 782px) {
    #site-navigation .menu-wrapper > li > a {
        width: 100%;
        padding: 12px 16px !important;
        justify-content: flex-start;
    }

    #site-navigation .menu-wrapper > li {
        margin: 5px 0 !important;
    }
}
/* ZutisBljeg — Compact Site Header */

#masthead.site-header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    min-height: 0 !important;
}

#masthead.site-header > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (min-width: 783px) {

    #masthead #site-navigation
    .menu-wrapper > li {
        margin: 3px !important;
    }

    #masthead #site-navigation
    .menu-wrapper > li > a {
        padding: 9px 11px !important;
        min-height: 40px;
        font-size: 14px !important;
        white-space: nowrap;
    }

    #masthead .woo-navigation {
        margin-top: 8px !important;
        margin-bottom: 0 !important;
    }
}
/* ZutisBljeg — Neon Green Active Cart */

body:has(.woocommerce-mini-cart-item)
#masthead .woo-navigation .woocommerce-menu-item > a,

body:has(.woocommerce-mini-cart-item)
#masthead .woo-navigation .cart-contents,

body:has(.woocommerce-mini-cart-item)
#masthead .woo-navigation > a,

body:has(.woocommerce-mini-cart-item)
#masthead .woo-navigation > button,

body:has(.woocommerce-mini-cart-item)
#masthead .cart-button {

    background: #09251b !important;
    color: #ceffe1 !important;

    border: 1px solid #39ff88 !important;
    border-radius: 9px !important;

    box-shadow:
        0 0 8px rgba(57,255,136,0.6),
        0 0 18px rgba(57,255,136,0.3),
        inset 0 0 8px rgba(57,255,136,0.12) !important;

    transition: all 0.25s ease;
}

body:has(.woocommerce-mini-cart-item)
#masthead .woo-navigation .woocommerce-menu-item > a svg,

body:has(.woocommerce-mini-cart-item)
#masthead .cart-button svg {
    color: #39ff88 !important;
}
/* ZutisBljeg — View Shop Button */

.zb-empty-cart-cta {
    text-align: center;
    padding: 15px;
}

.zb-view-shop {
    display: block;
    background: #084577;
    color: #ffffff !important;
    border: 1px solid #00aaff;
    border-radius: 9px;
    padding: 15px 24px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 0 12px #008cff66;
    transition: 0.2s ease;
}

.zb-view-shop:hover {
    background: #0066aa;
    box-shadow: 0 0 18px #008cffaa;
    color: #ffffff !important;
}
/* ZutisBljeg — Basket Page Text Fix */

body.woocommerce-cart h1,
body.woocommerce-cart .entry-title,
body.woocommerce-cart .wp-block-post-title,
body.woocommerce-cart .wc-block-cart__title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.woocommerce-cart h2,
body.woocommerce-cart h3 {
    color: #ffffff !important;
}

body.woocommerce-cart .wc-block-components-totals-wrapper,
body.woocommerce-cart .wc-block-components-totals-item,
body.woocommerce-cart .wc-block-components-totals-item__label {
    color: #ffffff !important;
}

body.woocommerce-cart .wc-block-cart-item__product a {
    color: #38bdf8 !important;
}
/* =====================================
   ZUTISBLJEG — GLOBAL WHITE HEADINGS
   ===================================== */

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body .entry-title,
body .page-title,
body .wp-block-post-title,
body .wp-block-heading,
body .wp-block-query-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* WooCommerce headings */
body .woocommerce-products-header__title,
body .woocommerce-loop-product__title,
body .product_title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* ZUTISBLJEG — DARK NEON MINI CART */

body .wc-block-mini-cart__drawer,
body .wc-block-mini-cart__drawer .wc-block-components-drawer__content,
body .wc-block-mini-cart__drawer .wc-block-mini-cart__template-part,
body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents,
body .wc-block-mini-cart__drawer .wc-block-mini-cart__empty-cart-wrapper,
body .wc-block-mini-cart__drawer .wc-block-components-drawer__close-wrapper {
    background-color: #07172e !important;
    color: #ffffff !important;
}

body .wc-block-mini-cart__drawer p,
body .wc-block-mini-cart__drawer strong,
body .wc-block-mini-cart__drawer h2,
body .wc-block-mini-cart__drawer h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body .wc-block-mini-cart__drawer
.wc-block-components-drawer__close {
    background: #101b33 !important;
    color: #ffffff !important;
    border: 1px solid #008cff !important;
    border-radius: 9px !important;
    box-shadow: 0 0 10px #008cff66 !important;
    padding: 10px 14px !important;
    width: auto !important;
    height: auto !important;
    font-size: 16px !important;
}

body .wc-block-mini-cart__drawer
.wc-block-components-drawer__close svg {
    fill: currentColor !important;
    width: 22px;
    height: 22px;
}

body .wc-block-mini-cart__drawer
.wc-block-components-drawer__close:hover {
    background: #084577 !important;
    box-shadow: 0 0 16px #008cff99 !important;
}

body .wc-block-mini-cart__drawer
.wc-block-components-drawer__close:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 3px;
}
/* ZUTISBLJEG — MOBILE CART DARK THEME */

@media (max-width: 782px) {

    body .woocommerce-menu-container,
    body #woocommerce-menu,
    body #woocommerce-menu > li.woocommerce-menu-item,
    body #woocommerce-menu .sub-menu,
    body #woocommerce-menu .woocommerce-cart-widget,
    body #woocommerce-menu .widget_shopping_cart,
    body #woocommerce-menu .widget_shopping_cart_content {
        background: #07172e !important;
        color: #ffffff !important;
    }

    body #woocommerce-menu
    .woocommerce-mini-cart__empty-message {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    body #woocommerce-menu
    .woocommerce-mini-cart a {
        color: #38bdf8 !important;
    }

    body #woocommerce-menu
    .woocommerce-mini-cart__total {
        color: #ffffff !important;
        background: #07172e !important;
    }

    body #woocommerce-menu .zb-mobile-view-shop {
        background: #084577 !important;
        color: #ffffff !important;
        border: 1px solid #00aaff !important;
        border-radius: 9px !important;
        box-shadow: 0 0 12px #008cff77 !important;
    }
}
/* ZUTISBLJEG — SUCCESS NOTIFICATIONS */

body .woocommerce-message {
    background: #101b33 !important;
    color: #ffffff !important;

    border: 1px solid #008cff !important;
    border-radius: 10px !important;

    box-shadow: 0 0 12px rgba(0,140,255,0.35);

    padding: 20px 20px 20px 50px !important;
    margin-bottom: 24px !important;

    font-size: 16px;
    line-height: 1.6;
}

body .woocommerce-message::before {
    color: #39ff88 !important;
    left: 17px !important;
    top: 19px !important;
}

body .woocommerce-message a.button,
body .woocommerce-message a.wc-forward {
    background: #084577 !important;
    color: #ffffff !important;

    border: 1px solid #00aaff !important;
    border-radius: 8px !important;

    padding: 12px 20px !important;
    box-shadow: 0 0 10px rgba(0,140,255,0.5);

    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

body .woocommerce-message a.button:hover {
    background: #0066aa !important;
    box-shadow: 0 0 16px rgba(0,170,255,0.8);
}

@media (max-width: 782px) {

    body .woocommerce-message {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
        padding: 18px 15px 18px 43px !important;
        font-size: 15px;
    }

    body .woocommerce-message a.button {
        order: 2;
        float: none !important;
        flex: 0 0 100%;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        margin: 0 !important;
    }
}
/* ZUTISBLJEG — PRODUCT PAGE POLISH */

body.single-product form.cart {
    background: #101b33;
    border: 1px solid #185a90;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 0 10px rgba(0,140,255,0.12);
}

body.single-product form.cart label,
body.single-product form.cart
.variations label {
    color: #ffffff !important;
    font-weight: 600;
}

body.single-product form.cart
.variations select {
    background-color: #07172e !important;
    color: #ffffff !important;
    border: 1px solid #008cff !important;
    border-radius: 8px !important;
    padding: 12px !important;
    min-height: 44px;
    color-scheme: dark;
}

body.single-product form.cart
.variations select option {
    color: #ffffff;
    background: #07172e;
}

body.single-product form.cart
.quantity input.qty {
    background: #07172e !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid #008cff !important;
    border-radius: 8px !important;
    min-height: 44px;
    box-shadow: 0 0 7px rgba(0,140,255,0.2);
}

body.single-product form.cart
.single_add_to_cart_button {
    background: #0075d9 !important;
    color: #ffffff !important;
    border: 1px solid #00aaff !important;
    border-radius: 8px !important;
    min-height: 46px;
    box-shadow: 0 0 10px rgba(0,140,255,0.35);
}

body.single-product form.cart
.single_add_to_cart_button:hover {
    background: #008cff !important;
    box-shadow: 0 0 15px rgba(0,170,255,0.6);
}

body.single-product
.woocommerce-breadcrumb,
body.single-product
.woocommerce-breadcrumb a {
    color: #b8d5f0 !important;
}

body.single-product .stock.in-stock {
    color: #39ff88 !important;
}

body.single-product .product_meta,
body.single-product .product_meta span {
    color: #cbd5e1 !important;
}

body.single-product form.cart
select:focus-visible,
body.single-product form.cart
input:focus-visible {
    outline: 2px solid #38bdf8 !important;
    outline-offset: 2px;
}
/* ZutisBljeg — WooCommerce Tab Icons */

body.single-product
.woocommerce-tabs ul.tabs li a::before {
    display: inline-block;
    color: #38bdf8;
    font-size: 19px;
    margin-right: 9px;
    vertical-align: middle;
    line-height: 1;
}

body.single-product
.woocommerce-tabs ul.tabs
li.additional_information_tab a::before {
    content: "ⓘ";
}

body.single-product
.woocommerce-tabs ul.tabs
li.reviews_tab a::before {
    content: "☆";
}
/* ZUTISBLJEG — DESKTOP CART DROPDOWN */

@media (min-width: 783px) {

    #woocommerce-menu .woocommerce-menu-item > .sub-menu {
        background: #101b33 !important;
        border: 1px solid #008cff !important;
        border-radius: 10px !important;

        box-shadow:
            0 0 10px rgba(0, 140, 255, 0.4),
            0 0 20px rgba(0, 140, 255, 0.15) !important;

        min-width: 300px;
        box-sizing: border-box;
        padding: 0 !important;
        z-index: 9999;
    }

    #woocommerce-menu .woocommerce-cart-widget,
    #woocommerce-menu .widget_shopping_cart,
    #woocommerce-menu .widget_shopping_cart_content {
        background: #101b33 !important;
        color: #ffffff !important;
        border-radius: 10px !important;
    }

    #woocommerce-menu .woocommerce-mini-cart__empty-message {
        background: transparent !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        padding: 20px !important;
        margin: 0 !important;
        font-size: 15px;
        text-align: center;
        line-height: 1.6;
    }
}
/* ZutisBljeg — Desktop Cart View Shop */

@media (min-width: 783px) {

    #woocommerce-menu .zb-mobile-view-shop {
        display: block !important;
        margin: 0 16px 16px !important;
        padding: 12px 18px !important;

        background: #084577 !important;
        color: #ffffff !important;

        border: 1px solid #00aaff !important;
        border-radius: 8px !important;

        box-shadow: 0 0 10px rgba(0,170,255,0.45);
        text-align: center;
        font-weight: 600;
        text-decoration: none !important;
        box-sizing: border-box;
    }

    #woocommerce-menu .zb-mobile-view-shop:hover {
        background: #0075d9 !important;
        box-shadow: 0 0 16px rgba(0,170,255,0.8);
    }
}
/* ZUTISBLJEG — BRIGHT NEON CART BUTTONS */

html body #woocommerce-menu
.widget_shopping_cart_content a.zb-empty-view-shop,

html body #woocommerce-menu
.woocommerce-mini-cart__buttons a.button {

    background: linear-gradient(
        135deg, #008cff, #0066cc
    ) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #38bdf8 !important;
    border-radius: 9px !important;

    padding: 13px 18px !important;

    box-shadow:
        0 0 10px rgba(0, 170, 255, 0.65),
        0 0 20px rgba(0, 140, 255, 0.25) !important;

    font-weight: 700 !important;
    text-align: center;
    text-decoration: none !important;

    transition: background 0.2s, box-shadow 0.2s;
}

html body #woocommerce-menu
.woocommerce-mini-cart__buttons a.checkout {

    background: #087c4e !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #39ff88 !important;

    box-shadow:
        0 0 10px rgba(57, 255, 136, 0.55),
        0 0 20px rgba(57, 255, 136, 0.2) !important;
}

html body #woocommerce-menu
.widget_shopping_cart_content a.zb-empty-view-shop:hover,

html body #woocommerce-menu
.woocommerce-mini-cart__buttons a.button:hover {
    filter: brightness(1.12);
    box-shadow: 0 0 20px rgba(0,170,255,0.8) !important;
}

html body #woocommerce-menu
.woocommerce-mini-cart__buttons a.checkout:hover {
    background: #0a9b60 !important;
    box-shadow: 0 0 20px rgba(57,255,136,0.75) !important;
}

#woocommerce-menu .woocommerce-mini-cart-item a:not(.remove) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 600;
}

#woocommerce-menu .woocommerce-mini-cart-item .quantity,
#woocommerce-menu .woocommerce-mini-cart-item dl,
#woocommerce-menu .woocommerce-mini-cart-item dl * {
    color: #cbd5e1 !important;
}

#woocommerce-menu .woocommerce-mini-cart__total,
#woocommerce-menu .woocommerce-mini-cart__total *,
#woocommerce-menu .woocommerce-mini-cart-item
.woocommerce-Price-amount {
    color: #ffffff !important;
}
/* ZUTISBLJEG — DESKTOP MINI CART PRODUCT POLISH */

@media (min-width: 783px) {

    #woocommerce-menu
    .woocommerce-mini-cart li.mini_cart_item {
        display: block !important;
        position: relative !important;

        background: #142943 !important;
        border: 1px solid #22547e !important;
        border-radius: 9px !important;

        padding: 14px 12px 14px 35px !important;
        margin: 8px !important;
        box-sizing: border-box;
        clear: both !important;
        min-height: 90px;
    }

    #woocommerce-menu
    .woocommerce-mini-cart li.mini_cart_item
    > a:not(.remove) {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;

        color: #ffffff !important;
        text-align: left !important;
        line-height: 1.4 !important;
        font-size: 15px !important;
        font-weight: 600 !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    #woocommerce-menu
    .woocommerce-mini-cart li.mini_cart_item img {
        float: none !important;
        position: static !important;

        order: -1;
        width: 72px !important;
        height: 72px !important;
        flex: 0 0 72px !important;

        object-fit: cover;
        border: 1px solid #008cff;
        border-radius: 7px;

        margin: 0 !important;
        box-shadow: 0 0 8px #008cff44;
    }

    #woocommerce-menu
    .woocommerce-mini-cart li.mini_cart_item
    .quantity {
        display: block !important;
        text-align: left !important;

        color: #38bdf8 !important;
        font-weight: 600 !important;

        margin: 6px 0 0 84px !important;
        padding: 0 !important;
        clear: none !important;
    }

    #woocommerce-menu
    .woocommerce-mini-cart li.mini_cart_item
    dl.variation {
        color: #cbd5e1 !important;
        margin: 6px 0 0 84px !important;
        font-size: 13px;
    }

    #woocommerce-menu
    .woocommerce-mini-cart li.mini_cart_item
    > a.remove {
        position: absolute !important;
        left: 9px !important;
        top: 14px !important;
        right: auto !important;

        color: #ff6262 !important;
        font-size: 20px !important;
        background: transparent !important;
    }

    #woocommerce-menu
    .woocommerce-mini-cart li.mini_cart_item:hover {
        background: #193758 !important;
        border-color: #008cff !important;
    }
}
/* =====================================
   ZUTISBLJEG — PRODUCT INFORMATION TABS
   ===================================== */

body.single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 !important;
    margin-bottom: 30px !important;
}

/* Remove default WooCommerce tab decorations */
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li {
    background: #101b33 !important;
    border: 1px solid #008cff !important;
    border-radius: 9px !important;
    padding: 0 !important;
    margin: 0 !important;

    box-shadow: 0 0 7px rgba(0,140,255,0.25);
}

body.single-product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    padding: 13px 18px !important;
    font-weight: 600;
    text-decoration: none;
}

body.single-product .woocommerce-tabs ul.tabs li.active {
    background: #084577 !important;
    border-color: #00aaff !important;

    box-shadow: 0 0 12px rgba(0,170,255,0.5);
}

body.single-product .woocommerce-tabs ul.tabs li:hover {
    background: #084577 !important;
}

body.single-product .woocommerce-Tabs-panel {
    background: #07172e !important;
    color: #ffffff !important;
}

/* =====================================
   ADDITIONAL INFORMATION
   ===================================== */

body.single-product
.woocommerce-Tabs-panel--additional_information p,
body.single-product
.woocommerce-Tabs-panel--additional_information li,
body.single-product
.woocommerce-Tabs-panel--additional_information span,
body.single-product
.woocommerce-Tabs-panel--additional_information strong {
    color: #eaf3ff !important;
}

body.single-product
.woocommerce-tabs table.shop_attributes,
body.single-product
.woocommerce-tabs table.woocommerce-product-attributes {
    width: 100%;
    background: #101b33 !important;
    border: 1px solid #22547e !important;
    border-radius: 10px;
    border-collapse: separate !important;
    border-spacing: 0;
    overflow: hidden;
}

body.single-product
.woocommerce-tabs table.shop_attributes tr,
body.single-product
.woocommerce-tabs table.woocommerce-product-attributes tr {
    background: #101b33 !important;
}

body.single-product
.woocommerce-tabs table.shop_attributes th,
body.single-product
.woocommerce-tabs table.shop_attributes td,
body.single-product
.woocommerce-tabs table.woocommerce-product-attributes th,
body.single-product
.woocommerce-tabs table.woocommerce-product-attributes td {
    background: #101b33 !important;
    color: #ffffff !important;

    border-bottom: 1px solid #22547e !important;
    padding: 15px !important;
    font-style: normal !important;
}

body.single-product
.woocommerce-tabs table.shop_attributes th,
body.single-product
.woocommerce-tabs table.woocommerce-product-attributes th {
    color: #38bdf8 !important;
    font-weight: 700;
}

body.single-product
.woocommerce-tabs table.shop_attributes td *,
body.single-product
.woocommerce-tabs table.woocommerce-product-attributes td * {
    color: #eaf3ff !important;
}

body.single-product
.woocommerce-Tabs-panel--additional_information {
    line-height: 1.7;
}

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

@media (max-width: 782px) {

    body.single-product
    .woocommerce-tabs ul.tabs li a {
        padding: 11px 14px !important;
        font-size: 14px;
    }

    body.single-product
    .woocommerce-tabs table.shop_attributes th,
    body.single-product
    .woocommerce-tabs table.shop_attributes td {
        padding: 12px !important;
        overflow-wrap: anywhere;
    }
}
/* ZUTISBLJEG — ALWAYS RED CART CLOSE */

@media (max-width: 782px) {

    html body #woo-close-menu#woo-close-menu.button.close,
    html body #woo-close-menu#woo-close-menu.button.close:not(:hover),
    html body #woo-close-menu#woo-close-menu.button.close:focus,
    html body #woo-close-menu#woo-close-menu.button.close:active {

        background: #35121c !important;
        background-image: none !important;

        color: #ffffff !important;
        border: 1px solid #ff4055 !important;
        border-radius: 9px !important;

        box-shadow:
            0 0 10px rgba(255,64,85,0.6),
            0 0 20px rgba(255,64,85,0.25) !important;

        filter: none !important;
    }

    html body #woo-close-menu .dropdown-icon.close {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: #ffffff !important;
    }

    html body #woo-close-menu svg {
        color: #ff5a6d !important;
    }

    html body #woo-close-menu#woo-close-menu.button.close:hover {
        background: #541624 !important;
        border-color: #ff6677 !important;
        box-shadow:
            0 0 15px rgba(255,64,85,0.85),
            0 0 25px rgba(255,64,85,0.35) !important;
    }

    html body #woo-close-menu:focus-visible {
        outline: 2px solid #ffffff !important;
        outline-offset: 3px;
    }
}
/* ZUTISBLJEG — SHOP VISUAL OVERHAUL */

body.woocommerce-shop .woocommerce-breadcrumb,
body.woocommerce-shop .woocommerce-breadcrumb a {
    color: #cbd5e1 !important;
}

body.woocommerce-shop ul.products li.product {
    background: #101b33 !important;
    border: 1px solid #22547e !important;
    border-radius: 12px !important;
    padding: 14px !important;
    box-sizing: border-box;

    box-shadow: 0 0 8px rgba(0,140,255,0.15);
    transition: border-color 0.2s ease,
                box-shadow 0.2s ease;
}

body.woocommerce-shop ul.products li.product:hover {
    border-color: #008cff !important;
    box-shadow: 0 0 15px rgba(0,170,255,0.35);
}

body.woocommerce-shop ul.products li.product img {
    border-radius: 8px !important;
}

body.woocommerce-shop
ul.products li.product h2 {
    color: #ffffff !important;
}

body.woocommerce-shop
ul.products li.product .price,
body.woocommerce-shop
ul.products li.product .price .amount {
    color: #38bdf8 !important;
    font-weight: 600;
    opacity: 1 !important;
}

body.woocommerce-shop
ul.products li.product .price del,
body.woocommerce-shop
ul.products li.product .price del .amount {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

body.woocommerce-shop
ul.products li.product .price ins,
body.woocommerce-shop
ul.products li.product .price ins .amount {
    color: #38bdf8 !important;
    text-decoration: none !important;
}

body.woocommerce-shop
ul.products li.product a.button {
    background: #0075d9 !important;
    color: #ffffff !important;
    border: 1px solid #00aaff !important;
    border-radius: 8px !important;
    box-shadow: 0 0 9px rgba(0,140,255,0.3);
    padding: 12px 18px !important;
}

body.woocommerce-shop
ul.products li.product a.button:hover {
    background: #008cff !important;
    box-shadow: 0 0 15px rgba(0,170,255,0.6);
}

body.woocommerce-shop
.woocommerce-ordering select {
    background: #101b33 !important;
    color: #ffffff !important;
}

/* ZUTISBLJEG — MOBILE SELECT OPTIONS FIX */

@media screen and (max-width: 782px) {

    html body ul.products li.product
    a.button.product_type_variable.add_to_cart_button {

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;

        padding: 11px 3px !important;

        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;

        text-align: center !important;
        min-height: 44px !important;
    }
}

/* ZutisBljeg Homepage Cover - Mobile Only */
@media (max-width: 767px) {
  .wp-block-cover.zb-home-cover {
    min-height: 320px !important;
    height: 320px !important;
    padding: 20px !important;
    overflow: hidden;
  }

  .wp-block-cover.zb-home-cover
  .wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}
/* ZutisBljeg - Notifications Dropdown */

#notifications-filter-by {
    background: #07172e !important;
    color: #ffffff !important;
    border: 1px solid #008cff !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-size: 15px !important;
    max-width: 100%;
    cursor: pointer;
}

#notifications-filter-by option {
    background: #07172e;
    color: #ffffff;
}

/* ZutisBljeg - Notifications Dropdown */

#notifications-filter-by {
    background: #07172e !important;
    color: #ffffff !important;
    border: 1px solid #008cff !important;
    border-radius: 8px !important;
    padding: 14px 18px !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    min-width: 280px !important;
    cursor: pointer;
}

#notifications-filter-by option {
    background: #07172e;
    color: #ffffff;
}

@supports (appearance: base-select) {
    #notifications-filter-by,
    #notifications-filter-by::picker(select) {
        appearance: base-select;
    }

    #notifications-filter-by::picker(select) {
        background: #07172e;
        color: #ffffff;
        border: 1px solid #008cff;
        border-radius: 10px;
        min-width: 340px;
        max-width: 420px;
        max-height: 420px;
        overflow-y: auto;
    }

    #notifications-filter-by option {
        padding: 16px 18px;
        font-size: 17px;
        line-height: 1.5;
        white-space: normal;
    }

    #notifications-filter-by option:hover,
    #notifications-filter-by option:checked {
        background: #12529a;
        color: #ffffff;
    }
}
/* ZutisBljeg - Open notifications upwards */

@supports (appearance: base-select) {
    #notifications-filter-by::picker(select) {
        position-area: block-start span-inline-start !important;
        position-try-order: normal !important;
        position-try-fallbacks: flip-block !important;
        max-block-size: stretch !important;
        overflow-y: auto !important;
    }
}
/* Mobile menu close button - red neon style */
button[class*="close"],
a[class*="close"],
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-close-button,
.wp-block-navigation__responsive-dialog-close-button,
.nav-close,
.menu-close {
    background: rgba(40, 0, 0, 0.88) !important;
    color: #ff3b3b !important;
    border: 2px solid #ff3b3b !important;
    border-radius: 18px !important;
    padding: 18px 28px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    box-shadow:
        0 0 8px rgba(255, 59, 59, 0.65),
        0 0 18px rgba(255, 0, 0, 0.45) !important;
}

/* Close icon inside button */
button[class*="close"] svg,
a[class*="close"] svg,
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-close-button svg,
.wp-block-navigation__responsive-dialog-close-button svg,
.nav-close svg,
.menu-close svg {
    fill: #ff3b3b !important;
    stroke: #ff3b3b !important;
}

/* Hover / tap effect */
button[class*="close"]:hover,
a[class*="close"]:hover,
.wp-block-navigation__responsive-container-close:hover,
.wp-block-navigation__responsive-container-close-button:hover,
.wp-block-navigation__responsive-dialog-close-button:hover,
.nav-close:hover,
.menu-close:hover {
    background: rgba(70, 0, 0, 0.95) !important;
    color: #ffffff !important;
    border-color: #ff6b6b !important;
    box-shadow:
        0 0 12px rgba(255, 80, 80, 0.85),
        0 0 24px rgba(255, 0, 0, 0.55) !important;
}
/* ZutisBljeg — Home Navigation Icon */

#menu-item-2065 > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 9px !important;
    vertical-align: -4px;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}
/* ZutisBljeg — Account Dashboard Icon */

#menu-item-20567 > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 9px !important;
    vertical-align: -4px;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}
/* ZutisBljeg — Profile Navigation Icon */

#menu-item-20619 > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 9px !important;
    vertical-align: -4px;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}
/* ZutisBljeg — Minimal Shop Icon */

#menu-item-20575 > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 9px !important;
    vertical-align: -4px !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10 5 4h14l2 6H3Z'/%3E%3Cpath d='M5 10v11h14V10'/%3E%3Cpath d='M9 21v-7h6v7'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}
/* ZutisBljeg — Gallery Navigation Icon */

#menu-item-21115 > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 9px !important;
    vertical-align: -4px !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='13' height='13' rx='2'/%3E%3Cpath d='M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Cpath d='m8 18 4-4 3 3 2-2 4 4'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}
/* ZutisBljeg — Projects Navigation Icon */

#menu-item-21110 > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 9px !important;
    vertical-align: -4px !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3h4l2 3h10a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 12v5M12 10v7M16 14v3'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}
/* ZutisBljeg — Team Navigation Icon */

#menu-item-21113 > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 9px !important;
    vertical-align: -4px !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}
/* ZutisBljeg — Register Navigation Icon */

#menu-item-20621 > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 9px !important;
    vertical-align: -4px !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M2 21v-2a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v2'/%3E%3Cpath d='M19 8v6M16 11h6'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}
/* ZUTISBLJEG — PRODUCT DETAILS NEON */

/* Category and tag links */
.single-product .product_meta a {
    color: #009dff !important;
    text-shadow: 0 0 7px rgba(0, 153, 255, .35);
    transition: all .25s ease;
}

.single-product .product_meta a:hover {
    color: #66eaff !important;
    text-shadow: 0 0 12px #00bfff;
}

/* Neon lighting around tabs */
.single-product .woocommerce-tabs ul.tabs li {
    box-shadow:
        0 0 8px rgba(0, 153, 255, .28),
        inset 0 0 8px rgba(0, 153, 255, .08);
    transition: box-shadow .25s ease;
}

/* Selected tab */
.single-product .woocommerce-tabs ul.tabs li.active {
    box-shadow:
        0 0 12px rgba(0, 191, 255, .65),
        0 0 22px rgba(0, 153, 255, .20),
        inset 0 0 12px rgba(0, 153, 255, .15);
}

/* Hover effect */
.single-product .woocommerce-tabs ul.tabs li:hover {
    box-shadow:
        0 0 14px rgba(0, 191, 255, .75),
        inset 0 0 10px rgba(0, 153, 255, .18);
}

/* Glowing review information panel */
.single-product .woocommerce-verification-required {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    margin: 18px 0;
    background: linear-gradient(
        135deg,
        #07182e,
        #08264a
    );
    border: 1px solid #009dff;
    border-radius: 12px;
    box-shadow:
        0 0 12px rgba(0, 153, 255, .35),
        inset 0 0 12px rgba(0, 153, 255, .08);
    color: #fff;
    line-height: 1.7;
}

/* Information icon */
.single-product .woocommerce-verification-required::before {
    content: "ⓘ";
    font-size: 26px;
    flex-shrink: 0;
    color: #57dfff;
    text-shadow: 0 0 10px #009dff;
}
/* ZUTISBLJEG — NEON TAB ICONS */

/* Information and review icons */
.single-product .woocommerce-tabs ul.tabs li a::before,
.single-product .woocommerce-tabs ul.tabs li a i,
.single-product .woocommerce-tabs ul.tabs li a svg,
.single-product .woocommerce-tabs ul.tabs li a .dashicons {
    color: #67e8ff !important;
    text-shadow:
        0 0 5px #00bfff,
        0 0 10px rgba(0, 191, 255, .7);
    filter: drop-shadow(0 0 5px #009dff);
    transition: all .25s ease;
}

/* Stronger glow on selected or hovered tabs */
.single-product .woocommerce-tabs ul.tabs li.active a::before,
.single-product .woocommerce-tabs ul.tabs li:hover a::before,
.single-product .woocommerce-tabs ul.tabs li.active a svg,
.single-product .woocommerce-tabs ul.tabs li:hover a svg,
.single-product .woocommerce-tabs ul.tabs li.active a i,
.single-product .woocommerce-tabs ul.tabs li:hover a i {
    color: #b6f8ff !important;
    filter:
        drop-shadow(0 0 5px #00bfff)
        drop-shadow(0 0 8px #009dff);
}

/* Neon icon inside the review message */
.single-product .woocommerce-verification-required::before {
    color: #7deaff !important;
    text-shadow:
        0 0 6px #00bfff,
        0 0 12px #009dff,
        0 0 20px rgba(0, 153, 255, .4);
}
/* ZUTISBLJEG — COMPACT NEON GAMER BUTTON */

.single-product .single_add_to_cart_button {
    position: relative;
    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 11px 20px !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    color: #fff !important;
    background: linear-gradient(
        135deg, #007bdf, #0058c9
    ) !important;

    border: 1px solid #00c8ff !important;
    border-radius: 10px !important;

    box-shadow:
        0 0 8px rgba(0, 191, 255, .5),
        0 0 18px rgba(0, 119, 255, .25),
        inset 0 0 8px rgba(0, 191, 255, .12);

    transform: none !important;
    transition:
        background .25s ease,
        box-shadow .25s ease !important;
}

/* Brighter neon on hover — NO resizing */
.single-product .single_add_to_cart_button:hover {
    background: linear-gradient(
        135deg, #009dff, #006dff
    ) !important;

    box-shadow:
        0 0 12px #00bfff,
        0 0 25px rgba(0, 153, 255, .55),
        inset 0 0 12px rgba(0, 191, 255, .2);

    transform: none !important;
}

/* Remove previous shine overlay */
.single-product .single_add_to_cart_button::before {
    content: none !important;
}
/* ZUTISBLJEG — CYAN DROPDOWN ARROW */

.single-product form.variations_form select {
    appearance: none !important;
    -webkit-appearance: none !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2300e5ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 18px !important;
    padding-right: 45px !important;
}
/* ZUTISBLJEG — CYAN SIZE DROPDOWN ARROW */

.single-product select#pa_size {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300eaff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 19px 19px !important;

    padding-right: 45px !important;
}
/* ZutisBljeg — Neon Remember Me Checkbox */

.woocommerce form.login input#rememberme {
    -webkit-appearance: none !important;
    appearance: none !important;

    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;

    background: #061a34 !important;
    border: 2px solid #168bff !important;
    border-radius: 5px !important;

    cursor: pointer !important;
    vertical-align: middle !important;

    box-shadow: 0 0 6px rgba(0, 170, 255, 0.35) !important;
    transition: all 0.2s ease !important;
}

/* Hover — stronger neon glow */

.woocommerce form.login input#rememberme:hover {
    border-color: #38b6ff !important;
    box-shadow:
        0 0 8px #168bff,
        0 0 14px rgba(0, 170, 255, 0.45) !important;
}

/* Checked — bright cyan with white tick */

.woocommerce form.login input#rememberme:checked {
    background-color: #008cff !important;
    border-color: #38b6ff !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-size: 15px 15px !important;
    background-repeat: no-repeat !important;

    box-shadow:
        0 0 8px #008cff,
        0 0 16px rgba(0, 170, 255, 0.5) !important;
}

/* Keyboard accessibility */

.woocommerce form.login input#rememberme:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* ZutisBljeg — Neon Login Input Fields */

.woocommerce form.login input.input-text {
    background: #061a34 !important;
    color: #ffffff !important;
    border: 1px solid #168bff !important;
    border-radius: 6px !important;
    caret-color: #38b6ff !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* Electric blue glow when typing */
.woocommerce form.login input.input-text:focus {
    background: #061a34 !important;
    color: #ffffff !important;
    border-color: #38b6ff !important;
    outline: none !important;
    box-shadow: 0 0 10px rgba(56,182,255,0.4) !important;
}

/* Password visibility icon */
.woocommerce form.login .show-password-input,
.woocommerce form.login .show-password-input::after {
    color: #38b6ff !important;
}

/* Prevent autofill from turning inputs white */
.woocommerce form.login input.input-text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #061a34 inset !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #38b6ff !important;
}
/* ZutisBljeg — Neon Login Button */

.woocommerce form.login button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    background: #101b31 !important;
    color: #ffffff !important;
    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 14px 22px !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    box-shadow: 0 0 8px rgba(0, 145, 255, 0.25) !important;

    transition: all 0.25s ease !important;
}

/* Login — Arrow Enter Icon */

.woocommerce form.login button[type="submit"]::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 17 5-5-5-5M15 12H3M12 3h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}

/* Brighter Blue Hover */

.woocommerce form.login button[type="submit"]:hover {
    background: #064578 !important;
    color: #ffffff !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 10px rgba(0, 170, 255, 0.6),
        0 0 20px rgba(0, 145, 255, 0.35) !important;
}

.woocommerce form.login button[type="submit"]:hover::before {
    filter: brightness(1.4);
}

/* Keyboard Focus */

.woocommerce form.login button[type="submit"]:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* ZutisBljeg — Neon Remember Me Checkbox */

.woocommerce form.login input#rememberme {
    -webkit-appearance: none !important;
    appearance: none !important;

    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;

    background: #061a34 !important;
    border: 2px solid #168bff !important;
    border-radius: 5px !important;

    cursor: pointer !important;
    vertical-align: middle !important;

    box-shadow: 0 0 6px rgba(0, 170, 255, 0.35) !important;
    transition: all 0.2s ease !important;
}

/* Hover — stronger neon glow */

.woocommerce form.login input#rememberme:hover {
    border-color: #38b6ff !important;
    box-shadow:
        0 0 8px #168bff,
        0 0 14px rgba(0, 170, 255, 0.45) !important;
}

/* Checked — bright cyan with white tick */

.woocommerce form.login input#rememberme:checked {
    background-color: #008cff !important;
    border-color: #38b6ff !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-size: 15px 15px !important;
    background-repeat: no-repeat !important;

    box-shadow:
        0 0 8px #008cff,
        0 0 16px rgba(0, 170, 255, 0.5) !important;
}

/* Keyboard accessibility */

.woocommerce form.login input#rememberme:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* ZutisBljeg — Neon Password Visibility Icon */

.woocommerce form.login .show-password-input {
    color: #38b6ff !important;
    background: transparent !important;
    cursor: pointer !important;
}

/* Replace dark icon with cyan neon icon */
.woocommerce form.login .show-password-input::after {
    content: "" !important;
    display: block !important;
    width: 21px !important;
    height: 21px !important;

    background: #38b6ff !important;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9.9 4.2A10 10 0 0 1 12 4c5 0 9 4 10 8-.5 1.5-1.5 3.1-2.8 4.4M6.5 6.5C4.6 7.8 3 9.6 2 12c1.7 4.5 5.3 8 10 8a11 11 0 0 0 5.5-1.6'/%3E%3C/svg%3E") center / contain no-repeat !important;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9.9 4.2A10 10 0 0 1 12 4c5 0 9 4 10 8-.5 1.5-1.5 3.1-2.8 4.4M6.5 6.5C4.6 7.8 3 9.6 2 12c1.7 4.5 5.3 8 10 8a11 11 0 0 0 5.5-1.6'/%3E%3C/svg%3E") center / contain no-repeat !important;

    filter: drop-shadow(0 0 3px #008cff);
}

/* Show open eye when password is visible */
.woocommerce form.login
.show-password-input.display-password::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-8 10-8 10 8 10 8-3.6 8-10 8S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-8 10-8 10 8 10 8-3.6 8-10 8S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}

/* Brighter glow on hover */
.woocommerce form.login .show-password-input:hover::after {
    background: #75eaff !important;
    filter:
        drop-shadow(0 0 4px #38b6ff)
        drop-shadow(0 0 8px #008cff);
}
/* ZutisBljeg — Fix Duplicate Password Eye */

/* Hide WooCommerce's original eye icon */
.woocommerce form.login
.show-password-input::before {
    content: none !important;
    display: none !important;
}

/* Remove inherited icon styling */
.woocommerce form.login
.show-password-input::after {
    font-family: initial !important;
    text-indent: 0 !important;
    position: static !important;
    margin: 0 !important;
}

/* Center our neon eye */
.woocommerce form.login
.show-password-input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}
/* ZutisBljeg — Neon Glowing Input Text */

.woocommerce form.login input.input-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-shadow:
        0 0 4px rgba(56, 182, 255, 0.85),
        0 0 8px rgba(0, 140, 255, 0.55),
        0 0 14px rgba(0, 140, 255, 0.3) !important;

    caret-color: #38eaff !important;
}

/* Stronger glow while typing */

.woocommerce form.login input.input-text:focus {
    text-shadow:
        0 0 5px #38b6ff,
        0 0 10px rgba(56, 182, 255, 0.75),
        0 0 18px rgba(0, 140, 255, 0.4) !important;
}

/* Maintain glow on autofilled text */

.woocommerce form.login input.input-text:-webkit-autofill {
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 0 6px #38b6ff !important;
}
/* ZutisBljeg — Cyan Neon Typing Text */

.woocommerce form.login input.input-text,
.woocommerce form.login input.input-text:focus {
    color: #68d9ff !important;
    -webkit-text-fill-color: #68d9ff !important;

    text-shadow:
        0 0 4px #38b6ff,
        0 0 8px rgba(56, 182, 255, 0.8),
        0 0 14px rgba(0, 140, 255, 0.5) !important;

    caret-color: #38eaff !important;
}

/* Keep cyan text when browser autofills */

.woocommerce form.login input.input-text:-webkit-autofill {
    -webkit-text-fill-color: #68d9ff !important;
}
/* ZutisBljeg — Neon Login Typography */

/* Account and Login headings */
body.woocommerce-account .entry-title,
body.woocommerce-account .page-title,
body.woocommerce-account .woocommerce h2 {
    color: #f5fcff !important;
    letter-spacing: 0.5px;

    text-shadow:
        0 0 5px rgba(120, 220, 255, 0.65),
        0 0 12px rgba(56, 182, 255, 0.4),
        0 0 22px rgba(0, 140, 255, 0.2) !important;
}

/* Username, Password and Remember Me labels */
body.woocommerce-account .woocommerce form.login label {
    color: #f5fcff !important;
    letter-spacing: 0.3px;

    text-shadow:
        0 0 4px rgba(120, 220, 255, 0.5),
        0 0 10px rgba(56, 182, 255, 0.25) !important;
}

/* Keep required asterisks red */
body.woocommerce-account .woocommerce form.login .required {
    color: #ff3030 !important;
    text-shadow: none !important;
}

/* Gentle entrance animation */
@keyframes zbLoginTextEntrance {
    from {
        opacity: 0;
        transform: translateY(7px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: no-preference) {
    body.woocommerce-account .woocommerce h2,
    body.woocommerce-account .woocommerce form.login label {
        animation: zbLoginTextEntrance 0.6s ease-out both;
    }
}
@media (max-width: 600px) {

  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }

  .woocommerce .woocommerce-ordering,
  .woocommerce .woocommerce-result-count {
    float: none !important;
    width: 100% !important;
    margin-bottom: 12px !important;
  }

  .woocommerce .woocommerce-ordering select {
    width: 100% !important;
  }

}
/* ZutisBljeg — Neon Account Notifications */

.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;

    position: relative !important;
    box-sizing: border-box !important;

    background: #061a34 !important;
    color: #eaf8ff !important;

    border: 1px solid #168bff !important;
    border-radius: 12px !important;

    padding: 24px 24px 24px 68px !important;

    box-shadow:
        0 0 10px rgba(0, 140, 255, 0.25),
        inset 0 0 15px rgba(0, 140, 255, 0.08) !important;
}

/* Cyan Download Icon */

.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info::before {
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 26px !important;
    height: 26px !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M4 17v4h16v-4'/%3E%3C/svg%3E")
    center / contain no-repeat !important;

    filter: drop-shadow(0 0 5px #008cff);
}

/* Browse Products Button */

.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    order: 2 !important;
    float: none !important;
    margin: 0 0 0 auto !important;

    background: #101b31 !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 14px 22px !important;
    font-weight: 700 !important;

    box-shadow: 0 0 8px rgba(0, 145, 255, 0.25) !important;

    transition: all 0.25s ease !important;
}

/* Neon Hover */

.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info a.button:hover {
    background: #064578 !important;
    border-color: #38b6ff !important;
    color: #ffffff !important;

    box-shadow:
        0 0 10px rgba(0, 170, 255, 0.6),
        0 0 20px rgba(0, 145, 255, 0.35) !important;
}

/* Mobile Layout */

@media (max-width: 600px) {
    .woocommerce-account
    .woocommerce-MyAccount-content .woocommerce-info {
        padding: 58px 18px 18px !important;
    }

    .woocommerce-account
    .woocommerce-MyAccount-content .woocommerce-info::before {
        top: 18px !important;
        left: 18px !important;
        transform: none !important;
    }

    .woocommerce-account
    .woocommerce-MyAccount-content .woocommerce-info a.button {
        width: 100% !important;
        margin: 6px 0 0 !important;
    }
}
/* ZutisBljeg — Neon View Order Buttons */

.woocommerce-account
.woocommerce-MyAccount-content
a.woocommerce-button.button.view {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    background: #101b31 !important;
    color: #ffffff !important;
    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    box-shadow: 0 0 8px rgba(0,145,255,0.25) !important;
    transition: all 0.25s ease !important;
}

/* Cyan Eye Icon */

.woocommerce-account
.woocommerce-MyAccount-content
a.woocommerce-button.button.view::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-8 10-8 10 8 10 8-3.6 8-10 8S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}

/* Brighter Neon Hover */

.woocommerce-account
.woocommerce-MyAccount-content
a.woocommerce-button.button.view:hover {
    background: #064578 !important;
    color: #ffffff !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 10px rgba(0,170,255,0.6),
        0 0 20px rgba(0,145,255,0.35) !important;
}

/* Brighten Eye Icon on Hover */

.woocommerce-account
.woocommerce-MyAccount-content
a.woocommerce-button.button.view:hover::before {
    filter: brightness(1.4);
}

/* Keyboard Focus */

.woocommerce-account
.woocommerce-MyAccount-content
a.woocommerce-button.button.view:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* ZutisBljeg — Neon Address Cards */

/* Two-column layout */
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px !important;
}

/* Individual address cards */
.woocommerce-account
.woocommerce-Addresses .woocommerce-Address {
    width: auto !important;
    float: none !important;
    min-width: 0;
    box-sizing: border-box;

    background: #061a34 !important;
    border: 1px solid #168bff !important;
    border-radius: 12px !important;
    padding: 24px !important;

    box-shadow: 0 0 10px rgba(0, 145, 255, 0.2);
}

/* Align headings and buttons */
.woocommerce-account
.woocommerce-Address-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

/* Address headings */
.woocommerce-account
.woocommerce-Address-title h3 {
    float: none !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 22px !important;

    text-shadow: 0 0 8px rgba(56,182,255,0.5);
}

/* Edit Address buttons */
.woocommerce-account
.woocommerce-Address-title a.edit {
    float: none !important;
    display: inline-block !important;
    background: #101b31 !important;
    color: #38b6ff !important;

    border: 1px solid #168bff !important;
    border-radius: 8px !important;
    padding: 9px 14px !important;

    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

/* Neon hover */
.woocommerce-account
.woocommerce-Address-title a.edit:hover {
    background: #064578 !important;
    color: #ffffff !important;

    box-shadow: 0 0 12px rgba(0,170,255,0.6) !important;
}

/* Clean address typography */
.woocommerce-account
.woocommerce-Addresses address {
    clear: both !important;
    font-style: normal !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #eaf8ff !important;

    margin: 20px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Mobile: stack the cards */
@media (max-width: 700px) {
    .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
    }

    .woocommerce-account
    .woocommerce-Addresses .woocommerce-Address {
        padding: 18px !important;
    }
}
/* =======================================
   ZUTISBLJEG — NEON ADDRESS CARDS
   ======================================= */

/* Two equal columns */
body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-Addresses.u-columns {
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 22px !important;
    align-items: stretch !important;

    width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
}

/* Remove invisible WooCommerce clearfix items */
body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-Addresses::before,
body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-Addresses::after {
    content: none !important;
    display: none !important;
}

/* Reset original column positioning */
body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-Addresses > .woocommerce-Address {
    display: block !important;
    float: none !important;
    clear: none !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 24px !important;

    box-sizing: border-box !important;

    /* Neon card appearance */
    background: #061a34 !important;
    border: 1px solid #168bff !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 10px rgba(0, 145, 255, 0.2) !important;
}

/* Billing left, Shipping right */
body.woocommerce-account
.woocommerce-Addresses > .u-column1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body.woocommerce-account
.woocommerce-Addresses > .u-column2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* Headings and edit buttons */
body.woocommerce-account
.woocommerce-Address-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    text-align: left !important;
}

/* Neon headings */
body.woocommerce-account
.woocommerce-Address-title h2 {
    float: none !important;
    margin: 0 !important;

    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;

    text-shadow:
        0 0 6px rgba(56, 182, 255, 0.6),
        0 0 14px rgba(0, 140, 255, 0.3) !important;
}

/* Edit buttons */
body.woocommerce-account
.woocommerce-Address-title a.edit {
    display: inline-flex !important;
    float: none !important;
    width: auto !important;

    background: #101b31 !important;
    color: #38b6ff !important;

    border: 1px solid #168bff !important;
    border-radius: 8px !important;

    padding: 9px 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;

    transition: all 0.25s ease !important;
}

/* Blue hover glow */
body.woocommerce-account
.woocommerce-Address-title a.edit:hover {
    background: #064578 !important;
    color: #ffffff !important;

    box-shadow:
        0 0 10px rgba(0, 170, 255, 0.6) !important;
}

/* Clean, readable addresses */
body.woocommerce-account
.woocommerce-Addresses address {
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 1.7 !important;

    color: #eaf8ff !important;

    margin: 20px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Mobile — one column */
@media (max-width: 767px) {

    body.woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-Addresses.u-columns {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    body.woocommerce-account
    .woocommerce-Addresses > .woocommerce-Address {
        grid-column: 1 !important;
        grid-row: auto !important;
        padding: 18px !important;
    }
}
/* =====================================
   ZUTISBLJEG — CLEAN ADDRESS FORM
   BuddyPress-inspired styling
   ===================================== */

/* Text fields and dropdowns */

.woocommerce-account
.woocommerce-address-fields input.input-text,

.woocommerce-account
.woocommerce-address-fields select,

.woocommerce-account
.woocommerce-address-fields textarea {

    background: #07182f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #2189d8 !important;
    border-radius: 6px !important;

    padding: 12px !important;
    min-height: 50px;

    text-shadow: none !important;
    box-shadow: none !important;

    caret-color: #ffffff !important;
}

/* Subtle focus effect */

.woocommerce-account
.woocommerce-address-fields input:focus,

.woocommerce-account
.woocommerce-address-fields select:focus,

.woocommerce-account
.woocommerce-address-fields textarea:focus {

    background: #07182f !important;
    color: #ffffff !important;

    border-color: #38b6ff !important;
    outline: none !important;

    box-shadow:
        0 0 5px rgba(56,182,255,0.2) !important;

    text-shadow: none !important;
}

/* Placeholder text */

.woocommerce-account
.woocommerce-address-fields input::placeholder,

.woocommerce-account
.woocommerce-address-fields textarea::placeholder {

    color: #9aadc2 !important;
    -webkit-text-fill-color: #9aadc2 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* Browser autofill */

.woocommerce-account
.woocommerce-address-fields input.input-text:-webkit-autofill {

    -webkit-box-shadow:
        0 0 0 100px #07182f inset !important;

    -webkit-text-fill-color: #ffffff !important;
}

/* WooCommerce enhanced dropdown */

.woocommerce-account
.woocommerce-address-fields
.select2-container .select2-selection--single {

    background: #07182f !important;
    border: 1px solid #2189d8 !important;
    border-radius: 6px !important;

    height: 50px !important;
    display: flex !important;
    align-items: center !important;

    box-shadow: none !important;
}

/* Dropdown text */

.woocommerce-account
.woocommerce-address-fields
.select2-selection__rendered {

    color: #ffffff !important;
    text-shadow: none !important;
}

/* Dropdown arrow */

.woocommerce-account
.woocommerce-address-fields
.select2-selection__arrow b {

    border-top-color: #38b6ff !important;
}

/* Field labels */

.woocommerce-account
.woocommerce-address-fields label {

    color: #ffffff !important;
    text-shadow: none !important;
}
/* ZutisBljeg — Save Address Button */

.woocommerce-account
.woocommerce-MyAccount-content
button[name="save_address"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    background: #101b31 !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 13px 22px !important;
    font-size: 16px !important;
    font-weight: 600 !important;

    box-shadow:
        0 0 8px rgba(0,145,255,0.2) !important;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Cyan Save Icon */

.woocommerce-account
.woocommerce-MyAccount-content
button[name="save_address"]::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;

    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M17 21v-8H7v8M7 3v5h8'/%3E%3C/svg%3E")
      center / contain no-repeat !important;
}

/* Hover — Brighter Blue */

.woocommerce-account
.woocommerce-MyAccount-content
button[name="save_address"]:hover {
    background: #064578 !important;
    color: #ffffff !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 10px rgba(0,170,255,0.55),
        0 0 18px rgba(0,145,255,0.25) !important;
}

/* Icon Glow */

.woocommerce-account
.woocommerce-MyAccount-content
button[name="save_address"]:hover::before {
    filter: brightness(1.4)
        drop-shadow(0 0 4px #38b6ff);
}

/* Keyboard Focus */

.woocommerce-account
.woocommerce-MyAccount-content
button[name="save_address"]:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* ZutisBljeg — Refined Payment Button */

/* Default appearance */
.woocommerce-account
.woocommerce-MyAccount-content
a[href*="add-payment-method"] {
    background: #101b31 !important;
    color: #ffffff !important;
    border: 1px solid #168bff !important;

    box-shadow:
        0 0 6px rgba(0, 145, 255, 0.2) !important;
}

/* Subtle hover instead of bright blue fill */
.woocommerce-account
.woocommerce-MyAccount-content
a[href*="add-payment-method"]:hover {
    background: #172b49 !important;
    color: #ffffff !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 8px rgba(56, 182, 255, 0.35),
        0 0 14px rgba(0, 145, 255, 0.15) !important;
}
/* ZutisBljeg — Restore Credit Card Icon */

.woocommerce-account
.woocommerce-MyAccount-content
a[href*="add-payment-method"]::before {
    content: "" !important;
    display: inline-block !important;

    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}
/* ZutisBljeg — Payment Button Final Alignment */

.woocommerce-account
.woocommerce-MyAccount-content
a[href*="add-payment-method"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    border-radius: 10px !important;
    padding: 13px 22px !important;
    font-weight: 600 !important;
    text-decoration: none !important;

    transition: all 0.25s ease !important;
}

/* Keep icon correctly aligned */
.woocommerce-account
.woocommerce-MyAccount-content
a[href*="add-payment-method"]::before {
    flex: 0 0 20px !important;
    margin: 0 !important;
}
/* =====================================
   ZUTISBLJEG — ADD PAYMENT METHOD
   ===================================== */

/* Main payment area */
.woocommerce-account
form#add_payment_method #payment {
    background: #06132b !important;
    color: #ffffff !important;
}

/* Payment method information panel */
.woocommerce-account
form#add_payment_method #payment .payment_box {
    background: #071a34 !important;
    color: #eaf8ff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    box-shadow:
        0 0 8px rgba(0,145,255,0.15) !important;
}

/* Match tooltip arrow */
.woocommerce-account
form#add_payment_method #payment .payment_box::before {
    border-bottom-color: #071a34 !important;
}

/* Card payment method label */
.woocommerce-account
form#add_payment_method #payment
label[for^="payment_method_"] {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Blue radio selection */
.woocommerce-account
form#add_payment_method input[type="radio"] {
    accent-color: #38b6ff !important;
}

/* Add payment method button */
.woocommerce-account
form#add_payment_method button#place_order {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    background: #101b31 !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 13px 22px !important;
    font-weight: 600 !important;

    box-shadow:
        0 0 8px rgba(0,145,255,0.2) !important;

    transition:
        background 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Cyan credit-card icon */
.woocommerce-account
form#add_payment_method button#place_order::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}

/* Subtle neon hover */
.woocommerce-account
form#add_payment_method button#place_order:hover {
    background: #172b49 !important;
    border-color: #38b6ff !important;
    color: #ffffff !important;

    box-shadow:
        0 0 8px rgba(56,182,255,0.35),
        0 0 14px rgba(0,145,255,0.15) !important;
}

/* Keyboard focus */
.woocommerce-account
form#add_payment_method button#place_order:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* =====================================
   ZUTISBLJEG — TERRAWALLET TRANSFER FORM
   ===================================== */

/* Main transfer panel */
.woocommerce-account .woo-wallet-form-wrapper {
    background: #06132b !important;
    color: #ffffff !important;
    border: 1px solid #168bff !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-sizing: border-box !important;

    box-shadow: 0 0 10px rgba(0,145,255,0.2);
}

/* Remove white form backgrounds */
#woo_wallet_transfer_form,
#woo_wallet_transfer_form .woo-wallet-field-container {
    background: transparent !important;
    color: #ffffff !important;
}

/* Wallet Transfer heading */
.woo-wallet-form-wrapper .woo-wallet-section-title {
    color: #ffffff !important;
    font-size: 23px !important;
    text-shadow: 0 0 8px rgba(56,182,255,0.4);
}

/* Labels */
#woo_wallet_transfer_form label {
    color: #f5fcff !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

/* Amount and note fields */
#woo_wallet_transfer_form input[type="number"],
#woo_wallet_transfer_form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #07182f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #2189d8 !important;
    border-radius: 7px !important;
    padding: 12px !important;
    font-size: 16px !important;

    box-shadow: none !important;
    text-shadow: none !important;
    caret-color: #ffffff !important;
}

/* Placeholders */
#woo_wallet_transfer_form input::placeholder,
#woo_wallet_transfer_form textarea::placeholder {
    color: #9aadc2 !important;
    -webkit-text-fill-color: #9aadc2 !important;
    opacity: 1 !important;
}

/* Subtle blue focus */
#woo_wallet_transfer_form input[type="number"]:focus,
#woo_wallet_transfer_form textarea:focus {
    outline: none !important;
    border-color: #38b6ff !important;
    box-shadow: 0 0 7px rgba(56,182,255,0.3) !important;
}

/* Recipient Select2 dropdown */
#woo_wallet_transfer_form
.select2-container .select2-selection--single {
    background: #07182f !important;
    border: 1px solid #2189d8 !important;
    border-radius: 7px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
}

/* Selected recipient text */
#woo_wallet_transfer_form
.select2-selection__rendered {
    color: #ffffff !important;
    padding-left: 12px !important;
    text-shadow: none !important;
}

/* Dropdown arrow */
#woo_wallet_transfer_form
.select2-selection__arrow b {
    border-top-color: #38b6ff !important;
}

/* Dropdown focus */
#woo_wallet_transfer_form
.select2-container--open .select2-selection--single,
#woo_wallet_transfer_form
.select2-container--focus .select2-selection--single {
    border-color: #38b6ff !important;
    box-shadow: 0 0 7px rgba(56,182,255,0.3) !important;
}

/* Proceed to Transfer button */
#woo_wallet_transfer_form
input[name="woo_wallet_transfer_fund"] {
    background: #101b31 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 13px 22px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;

    box-shadow: 0 0 8px rgba(0,145,255,0.2) !important;
    transition: background 0.25s, box-shadow 0.25s !important;
}

/* Button hover */
#woo_wallet_transfer_form
input[name="woo_wallet_transfer_fund"]:hover {
    background: #172b49 !important;
    border-color: #38b6ff !important;
    box-shadow: 0 0 12px rgba(56,182,255,0.4) !important;
}

/* Keyboard focus */
#woo_wallet_transfer_form
input[name="woo_wallet_transfer_fund"]:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}

/* Mobile spacing */
@media (max-width: 600px) {
    .woocommerce-account .woo-wallet-form-wrapper {
        padding: 16px !important;
    }
}
/* =====================================
   ZUTISBLJEG — WALLET FORM REFINEMENTS
   ===================================== */

/* Fix white Wallet Transfer heading */
.woo-wallet-form-wrapper
h3.woo-wallet-section-title {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;

    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    margin: 0 0 24px !important;
    padding: 0 !important;

    border: none !important;
    box-shadow: none !important;

    text-shadow:
        0 0 6px rgba(56,182,255,0.5),
        0 0 12px rgba(0,140,255,0.25) !important;
}

/* Remove excessive gaps between fields */
#woo_wallet_transfer_form
.woo-wallet-field-container {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 22px !important;
    padding: 0 !important;
}

/* Consistent label spacing */
#woo_wallet_transfer_form
.woo-wallet-field-container label {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

/* Cyan recipient dropdown arrow */
#woo_wallet_transfer_form
.select2-selection__arrow b {
    border-top-color: #38b6ff !important;
}

/* Arrow when dropdown is open */
#woo_wallet_transfer_form
.select2-container--open
.select2-selection__arrow b {
    border-top-color: transparent !important;
    border-bottom-color: #38b6ff !important;
}

/* Keep transfer button neatly spaced */
#woo_wallet_transfer_form
input[name="woo_wallet_transfer_fund"] {
    margin-top: 6px !important;
}
/* ZutisBljeg — Compact Wallet Transfer Layout */

#woo_wallet_transfer_form {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* Consistent spacing between fields */
#woo_wallet_transfer_form
p.woo-wallet-field-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;

    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;
}

/* Labels */
#woo_wallet_transfer_form
.woo-wallet-field-container label {
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Keep the transfer button compact */
#woo_wallet_transfer_form
input[name="woo_wallet_transfer_fund"] {
    align-self: flex-start !important;
}

/* Cyan dropdown arrow */
#woo_wallet_transfer_form
.select2-selection__arrow b {
    border: solid #38b6ff !important;
    border-width: 0 2px 2px 0 !important;

    width: 8px !important;
    height: 8px !important;

    transform: rotate(45deg) !important;
    margin: 0 !important;
}

/* Arrow pointing up when open */
#woo_wallet_transfer_form
.select2-container--open
.select2-selection__arrow b {
    transform: rotate(225deg) !important;
}
/* ZutisBljeg — Fix TerraWallet Field Spacing */

/* Remove invisible WooCommerce clearfix elements */
#woo_wallet_transfer_form
.woo-wallet-field-container::before,
#woo_wallet_transfer_form
.woo-wallet-field-container::after {
    content: none !important;
    display: none !important;
}

/* Reduce spacing between form fields */
#woo_wallet_transfer_form {
    gap: 12px !important;
}

/* Tighten label and input spacing */
#woo_wallet_transfer_form
p.woo-wallet-field-container {
    gap: 7px !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Keep labels neatly aligned */
#woo_wallet_transfer_form
.woo-wallet-field-container label {
    margin: 0 !important;
}
/* =====================================
   ZUTISBLJEG — FIX WHITE WALLET EDGES
   ===================================== */

/* Remove white background surrounding transfer form */
.woocommerce-account
.woo-wallet-my-wallet-container
> .woo-wallet-content-area {

    background: transparent !important;
    background-color: transparent !important;

    border: none !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* Keep transfer panel neatly contained */
.woocommerce-account
.woo-wallet-content-area
> .woo-wallet-form-wrapper {

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;

    background: #06132b !important;
    border: 1px solid #168bff !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 10px rgba(0,145,255,0.2) !important;
}
/* =====================================
   ZUTISBLJEG — NEON WALLET BALANCE
   ===================================== */

/* Main balance card */
.woo-wallet-my-wallet-container
.woo-wallet-balance-card {
    background: linear-gradient(
        145deg,
        #092443,
        #06152e
    ) !important;

    border: 1px solid #168bff !important;
    border-radius: 14px !important;

    padding: 32px 20px !important;
    text-align: center !important;

    box-shadow:
        0 0 10px rgba(0,145,255,0.2),
        inset 0 0 20px rgba(0,145,255,0.06)
        !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Total Balance heading */
.woo-wallet-balance-card h3 {
    color: #d0eaff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 0 14px !important;

    text-shadow:
        0 0 6px rgba(56,182,255,0.35)
        !important;
}

/* Balance amount */
.woo-wallet-balance-card
.woo-wallet-price {
    color: #bceeff !important;

    font-size: clamp(32px, 5vw, 46px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    margin: 0 !important;

    text-shadow:
        0 0 6px rgba(56,182,255,0.75),
        0 0 16px rgba(0,140,255,0.4)
        !important;
}

/* Ensure currency symbol matches */
.woo-wallet-balance-card
.woocommerce-Price-amount,
.woo-wallet-balance-card
.woocommerce-Price-currencySymbol {
    color: inherit !important;
    font-size: inherit !important;
}

/* Subtle neon hover */
.woo-wallet-balance-card:hover {
    border-color: #38b6ff !important;

    box-shadow:
        0 0 12px rgba(56,182,255,0.4),
        0 0 24px rgba(0,145,255,0.15)
        !important;
}
/* Make WooCommerce product price white */
.single-product .summary .price,
.single-product .summary .price .woocommerce-Price-amount,
.single-product .summary .price .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
}
/* =====================================
   ZUTISBLJEG — NEON WALLET NAVIGATION
   ===================================== */

/* Navigation container */
.woo-wallet-my-wallet-container .woo-wallet-nav-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;

    background: #06132b !important;
    padding: 14px 0 !important;
    margin: 0 !important;
}

/* Reset old tab wrappers */
.woo-wallet-nav-tabs .woo-wallet-nav-item-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
}

/* Default buttons */
.woo-wallet-nav-tabs a.woo-wallet-nav-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    min-height: 60px !important;
    box-sizing: border-box !important;

    background: #101b31 !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        0 0 7px rgba(0,145,255,0.2) !important;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Cyan icons */
.woo-wallet-nav-tabs
.woo-wallet-nav-tab .dashicons {
    color: #38b6ff !important;
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}

/* Hover glow */
.woo-wallet-nav-tabs
a.woo-wallet-nav-tab:hover {
    background: #064578 !important;
    color: #ffffff !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 10px rgba(56,182,255,0.5),
        0 0 18px rgba(0,145,255,0.2) !important;
}

/* Active selected tab */
.woo-wallet-nav-tabs
a.woo-wallet-nav-tab.active {
    background: #094476 !important;
    color: #ffffff !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 10px rgba(56,182,255,0.55),
        inset 0 0 12px rgba(56,182,255,0.1) !important;
}

/* Keyboard navigation */
.woo-wallet-nav-tabs
a.woo-wallet-nav-tab:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}

/* Mobile layout */
@media (max-width: 550px) {
    .woo-wallet-my-wallet-container
    .woo-wallet-nav-tabs {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .woo-wallet-nav-tabs a.woo-wallet-nav-tab {
        min-height: 50px !important;
    }
}
/* ZutisBljeg — Wallet Description */

.woo-wallet-header p {
    color: #b8dfff !important;
    text-shadow: 0 0 5px rgba(56,182,255,0.25);
}
/* ZutisBljeg — Remove White Balance Card Corners */

.woo-wallet-my-wallet-container
.woo-wallet-top-section {
    background: #06132b !important;
    background-color: #06132b !important;
}

/* Keep balance card corners clean */
.woo-wallet-my-wallet-container
.woo-wallet-balance-card {
    border-radius: 14px !important;
}
/* =====================================
   ZUTISBLJEG — WALLET STATISTICS CARDS
   ===================================== */

/* All three statistics cards */

.woocommerce-account .woo-wallet-stat-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;

    background: #081f3c !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 14px !important;

    padding: 26px !important;
    box-sizing: border-box !important;

    min-width: 0 !important;

    box-shadow:
        0 0 8px rgba(0,145,255,0.2),
        inset 0 0 15px rgba(0,145,255,0.05)
        !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Large balance values */

.woocommerce-account
.woo-wallet-stat-card__value,
.woocommerce-account
.woo-wallet-stat-card__value .amount,
.woocommerce-account
.woo-wallet-stat-card__value
.woocommerce-Price-currencySymbol {
    color: #eaf8ff !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-shadow:
        0 0 5px rgba(56,182,255,0.4)
        !important;
}

/* Description underneath */

.woocommerce-account
.woo-wallet-stat-card__label {
    color: #a9c3dd !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* Icon background */

.woocommerce-account
.woo-wallet-stat-card__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;

    background: rgba(56,182,255,0.1) !important;
    color: #38b6ff !important;

    border-radius: 12px !important;
}

/* Icon dimensions */

.woocommerce-account
.woo-wallet-stat-card__icon svg {
    width: 24px !important;
    height: 24px !important;
    stroke: currentColor !important;
}

/* Incoming funds — green accent */

.woocommerce-account
.woo-wallet-stat-card--success
.woo-wallet-stat-card__icon {
    color: #42d9a0 !important;
    background: rgba(66,217,160,0.1) !important;
}

/* Subtle hover glow */

.woocommerce-account
.woo-wallet-stat-card:hover {
    border-color: #38b6ff !important;

    box-shadow:
        0 0 12px rgba(56,182,255,0.4),
        0 0 24px rgba(0,145,255,0.15)
        !important;
}

/* Smaller screens */

@media (max-width: 600px) {
    .woocommerce-account
    .woo-wallet-stat-card {
        padding: 18px !important;
    }

    .woocommerce-account
    .woo-wallet-stat-card__value,
    .woocommerce-account
    .woo-wallet-stat-card__value .amount {
        font-size: 26px !important;
    }
}
/* ZutisBljeg — Mobile Wallet Statistics Fix */

@media (max-width: 767px) {

    /* Container holding the three cards */
    .woocommerce-account
    .woo-wallet-my-wallet-container
    :has(> .woo-wallet-stat-card) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    /* Full-width statistics cards */
    .woocommerce-account
    .woo-wallet-stat-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        gap: 16px !important;
        margin: 0 !important;
        padding: 18px !important;
    }

    /* Keep the icons compact */
    .woocommerce-account
    .woo-wallet-stat-card__icon {
        flex-shrink: 0 !important;
    }

    /* Amount */
    .woocommerce-account
    .woo-wallet-stat-card__value {
        font-size: 26px !important;
        white-space: nowrap !important;
    }

    /* Prevent awkward label wrapping */
    .woocommerce-account
    .woo-wallet-stat-card__label {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }
}
/* ZutisBljeg — Red Total Spent Icon */

.woocommerce-account
.woo-wallet-stat-card:nth-of-type(2)
.woo-wallet-stat-card__icon {
    color: #ff6666 !important;
    background: rgba(255, 90, 90, 0.12) !important;
}

/* Subtle red icon glow */
.woocommerce-account
.woo-wallet-stat-card:nth-of-type(2)
.woo-wallet-stat-card__icon svg {
    filter: drop-shadow(0 0 4px rgba(255, 80, 80, 0.4));
}
/* =========================================
   ZUTISBLJEG — NEON WALLET TRANSACTION TABLE
   ========================================= */

/* Main transaction table */

.woocommerce-account .ww-txn-table {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    background: #06132b !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 12px !important;

    overflow: hidden !important;
    box-shadow: 0 0 10px rgba(0,145,255,0.15);
}

/* Correct the column layout */

.woocommerce-account .ww-txn-table .ww-txn-row {
    display: grid !important;

    grid-template-columns:
        minmax(175px, 1.15fr)
        minmax(215px, 1.75fr)
        minmax(195px, 1.3fr)
        minmax(105px, 0.8fr) !important;

    align-items: center !important;
    gap: 16px !important;

    background: #07182f !important;
    color: #eaf8ff !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 18px 20px !important;
    margin: 0 !important;

    border: none !important;
    border-bottom: 1px solid #20446c !important;
}

/* Remove inherited column restrictions */

.woocommerce-account .ww-txn-table .ww-txn-cell {
    display: block !important;
    position: static !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    float: none !important;
    clear: none !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;

    line-height: 1.5 !important;
    font-size: 15px !important;
    text-align: left !important;
}

/* Table headings */

.woocommerce-account .ww-txn-row--head {
    background: #0c2544 !important;
}

.woocommerce-account .ww-txn-row--head .ww-txn-cell {
    color: #81cfff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
}

/* Date column */

.woocommerce-account .ww-txn-cell--date {
    color: #b4cce5 !important;
    white-space: nowrap !important;
}

/* Description column */

.woocommerce-account .ww-txn-cell--desc {
    color: #ffffff !important;
    overflow-wrap: anywhere !important;
}

/* Transaction badges */

.woocommerce-account .ww-txn-badge {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    max-width: 100% !important;

    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;

    padding: 6px 11px !important;
    border-radius: 20px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* Green — refunds */

.woocommerce-account .ww-txn-badge--success {
    background: rgba(66,217,160,0.12) !important;
    color: #42d9a0 !important;
    border: 1px solid rgba(66,217,160,0.35) !important;
}

/* Red — payments */

.woocommerce-account .ww-txn-badge--danger {
    background: rgba(255,102,102,0.12) !important;
    color: #ff7777 !important;
    border: 1px solid rgba(255,102,102,0.35) !important;
}

/* Cyan — top-ups */

.woocommerce-account .ww-txn-badge--brand {
    background: rgba(56,182,255,0.12) !important;
    color: #38b6ff !important;
    border: 1px solid rgba(56,182,255,0.35) !important;
}

/* Amount column */

.woocommerce-account .ww-txn-cell--amount {
    text-align: right !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Positive amounts */

.woocommerce-account .ww-txn-cell--amount.credit {
    color: #42d9a0 !important;
}

/* Negative amounts */

.woocommerce-account .ww-txn-cell--amount.debit {
    color: #ff7777 !important;
}

/* Make currency and amount inherit the correct colour */

.woocommerce-account
.ww-txn-cell--amount .woocommerce-Price-amount,
.woocommerce-account
.ww-txn-cell--amount .woocommerce-Price-currencySymbol {
    color: inherit !important;
}

/* Subtle row hover */

.woocommerce-account
.ww-txn-row:not(.ww-txn-row--head):hover {
    background: #0c294b !important;
}

/* Remove final divider */

.woocommerce-account .ww-txn-row:last-child {
    border-bottom: none !important;
}

/* =========================================
   MOBILE — STACKED TRANSACTION CARDS
   ========================================= */

@media (max-width: 900px) {

    .woocommerce-account .ww-txn-table {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .woocommerce-account .ww-txn-row--head {
        display: none !important;
    }

    .woocommerce-account
    .ww-txn-row:not(.ww-txn-row--head) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px 14px !important;

        background: #081f3c !important;
        border: 1px solid #168bff !important;
        border-radius: 12px !important;

        padding: 16px !important;
        margin-bottom: 12px !important;
    }

    .woocommerce-account .ww-txn-cell--desc {
        grid-column: 1 !important;
        grid-row: 1 !important;
        font-weight: 600 !important;
    }

    .woocommerce-account .ww-txn-cell--amount {
        grid-column: 2 !important;
        grid-row: 1 !important;
        text-align: right !important;
    }

    .woocommerce-account .ww-txn-cell--date {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        font-size: 13px !important;
    }

    .woocommerce-account .ww-txn-cell--type {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
    }
}
/* =====================================
   ZUTISBLJEG — MOBILE TRANSACTION CLEANUP
   ===================================== */

@media (max-width: 900px) {

    /* Hide the original table heading row */
    body.woocommerce-account
    .ww-txn-table > .ww-txn-row.ww-txn-row--head {
        display: none !important;
    }

    /* Remove automatically generated field labels */
    body.woocommerce-account
    .ww-txn-table
    .ww-txn-row:not(.ww-txn-row--head)
    .ww-txn-cell::before {
        content: none !important;
        display: none !important;
    }

}
/* =====================================
   ZUTISBLJEG — NEON TRANSACTIONS PANEL
   ===================================== */

/* Replace white outer container */
.woocommerce-account
.woo-wallet-transactions-list {
    background: #06132b !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 14px !important;

    padding: 20px !important;
    box-sizing: border-box !important;

    box-shadow:
        0 0 10px rgba(0,145,255,0.15) !important;
}

/* Transaction header */
.woocommerce-account
.woo-wallet-transactions-list .ww-txn-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;

    background: transparent !important;
    border: none !important;

    padding: 0 0 18px !important;
    margin: 0 !important;
}

/* Restore the Recent transactions heading */
.woocommerce-account
.woo-wallet-transactions-list .ww-txn-title {
    display: block !important;
    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    margin: 0 !important;
    padding: 0 !important;

    text-shadow:
        0 0 6px rgba(56,182,255,0.6),
        0 0 12px rgba(0,140,255,0.3) !important;
}

/* Last 3 indicator */
.woocommerce-account
.woo-wallet-transactions-list .ww-txn-meta {
    color: #a9c3dd !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    background: transparent !important;
}

/* Ensure table surroundings remain navy */
.woocommerce-account
.woo-wallet-transactions-list .ww-txn-table {
    background: transparent !important;
}

/* Mobile spacing */
@media (max-width: 600px) {
    .woocommerce-account
    .woo-wallet-transactions-list {
        padding: 12px !important;
    }

    .woocommerce-account
    .woo-wallet-transactions-list .ww-txn-title {
        font-size: 19px !important;
    }
}
/* ==========================================
   ZUTISBLJEG — NEON WALLET STATEMENT
   ========================================== */

/* Main statement container */

.woocommerce-account .woo-wallet-statement {
    background: #06132b !important;
    color: #eaf8ff !important;
    border: 1px solid #168bff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 0 12px rgba(0,145,255,0.18) !important;
}

/* Header */

.woocommerce-account
.woo-wallet-statement .ww-stmt-masthead {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;

    background: #07182f !important;
    padding: 24px !important;
    border-bottom: 1px solid #20446c !important;
}

/* Statement heading */

.woocommerce-account
.woo-wallet-statement .ww-stmt-title {
    display: block !important;
    margin: 0 0 8px !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-shadow: 0 0 8px rgba(56,182,255,0.55) !important;
}

/* Statement period */

.woocommerce-account
.woo-wallet-statement .ww-stmt-period {
    color: #b4cce5 !important;
    margin: 0 !important;
    text-shadow: none !important;
}

/* Download CSV and Print buttons */

.woocommerce-account
.woo-wallet-statement .ww-stmt-ghost,
.woocommerce-account
.woo-wallet-statement .ww-stmt-apply {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #101b31 !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 9px !important;

    padding: 11px 17px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;

    box-shadow: 0 0 7px rgba(0,145,255,0.18) !important;
    transition: background 0.25s ease,
                box-shadow 0.25s ease !important;
}

/* Button hover */

.woocommerce-account
.woo-wallet-statement .ww-stmt-ghost:hover,
.woocommerce-account
.woo-wallet-statement .ww-stmt-apply:hover {
    background: #064578 !important;
    border-color: #38b6ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(56,182,255,0.45) !important;
}

/* Keyboard focus */

.woocommerce-account
.woo-wallet-statement button:focus-visible,
.woocommerce-account
.woo-wallet-statement a:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}

/* Date filter section */

.woocommerce-account
.woo-wallet-statement .ww-stmt-filter {
    display: flex !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 15px !important;

    background: #081f3c !important;
    padding: 22px 24px !important;
    margin: 0 !important;

    border-bottom: 1px solid #20446c !important;
}

/* Date labels */

.woocommerce-account
.woo-wallet-statement .ww-stmt-field label {
    display: block !important;
    color: #b4cce5 !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
}

/* Date inputs */

.woocommerce-account
.woo-wallet-statement .ww-stmt-field input[type="date"] {
    background: #07182f !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 7px !important;

    padding: 11px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;

    color-scheme: dark;
}

/* Focused date input */

.woocommerce-account
.woo-wallet-statement .ww-stmt-field input:focus {
    outline: none !important;
    border-color: #38b6ff !important;
    box-shadow: 0 0 8px rgba(56,182,255,0.35) !important;
}

/* =====================================
   FINANCIAL SUMMARY
   ===================================== */

.woocommerce-account
.woo-wallet-statement .ww-stmt-equation {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 10px !important;

    list-style: none !important;
    background: #06132b !important;

    padding: 22px !important;
    margin: 0 !important;
    border-bottom: 1px solid #20446c !important;
}

/* Balance terms */

.woocommerce-account
.woo-wallet-statement .ww-stmt-term {
    display: flex !important;
    flex: 1 1 150px !important;
    flex-direction: column !important;
    gap: 9px !important;
    min-width: 0 !important;

    background: #081f3c !important;
    border: 1px solid #245b8d !important;
    border-radius: 10px !important;

    padding: 17px !important;
    box-sizing: border-box !important;
}

/* Financial labels */

.woocommerce-account
.woo-wallet-statement .ww-stmt-term-label {
    color: #abc6e0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

/* Values */

.woocommerce-account
.woo-wallet-statement .ww-stmt-term-value {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Credit — green */

.woocommerce-account
.woo-wallet-statement .is-credit,
.woocommerce-account
.woo-wallet-statement .is-credit .amount {
    color: #42d9a0 !important;
}

/* Debit — red */

.woocommerce-account
.woo-wallet-statement .is-debit,
.woocommerce-account
.woo-wallet-statement .is-debit .amount {
    color: #ff7777 !important;
}

/* Closing balance — cyan */

.woocommerce-account
.woo-wallet-statement
.is-closing .ww-stmt-term-value,
.woocommerce-account
.woo-wallet-statement
.is-closing .ww-stmt-term-value .amount {
    color: #78cfff !important;
}

/* Mathematical operators */

.woocommerce-account
.woo-wallet-statement .ww-stmt-op {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #8ab8d9 !important;
    font-size: 22px !important;
}

/* =====================================
   TRANSACTION TABLE
   ===================================== */

/* Scroll container */

.woocommerce-account
.woo-wallet-statement .ww-stmt-tablewrap {
    width: 100% !important;
    overflow-x: auto !important;
    background: #06132b !important;
    -webkit-overflow-scrolling: touch;
}

/* Table */

.woocommerce-account
.woo-wallet-statement .ww-stmt-table {
    width: 100% !important;
    min-width: 800px !important;
    border-collapse: collapse !important;
    background: #07182f !important;
    color: #ffffff !important;
}

/* Table heading */

.woocommerce-account
.woo-wallet-statement .ww-stmt-table thead {
    background: #0c2544 !important;
}

.woocommerce-account
.woo-wallet-statement .ww-stmt-table th,
.woocommerce-account
.woo-wallet-statement .ww-stmt-table td {
    padding: 15px !important;
    border: none !important;
    border-bottom: 1px solid #20446c !important;
    background: transparent !important;
    color: #eaf8ff !important;
    vertical-align: middle !important;
    text-align: left !important;
}

/* Headings */

.woocommerce-account
.woo-wallet-statement .ww-stmt-table thead th {
    color: #81cfff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Alternate row appearance */

.woocommerce-account
.woo-wallet-statement .ww-stmt-table tbody tr:nth-child(even) {
    background: #0a203c !important;
}

/* Special opening and closing rows */

.woocommerce-account
.woo-wallet-statement .ww-stmt-table .ww-stmt-rule {
    background: #102b4a !important;
    font-weight: 700 !important;
}

/* Amounts aligned right */

.woocommerce-account
.woo-wallet-statement .ww-stmt-table .ww-stmt-num {
    text-align: right !important;
    white-space: nowrap !important;
}

/* Amount colours */

.woocommerce-account
.woo-wallet-statement .ww-stmt-table .ww-stmt-num.is-credit,
.woocommerce-account
.woo-wallet-statement .ww-stmt-table .ww-stmt-num.is-credit .amount {
    color: #42d9a0 !important;
}

.woocommerce-account
.woo-wallet-statement .ww-stmt-table .ww-stmt-num.is-debit,
.woocommerce-account
.woo-wallet-statement .ww-stmt-table .ww-stmt-num.is-debit .amount {
    color: #ff7777 !important;
}

/* Muted transaction time */

.woocommerce-account
.woo-wallet-statement .ww-stmt-time,
.woocommerce-account
.woo-wallet-statement .ww-stmt-empty {
    color: #9bb8d9 !important;
}

/* Generated date footer */

.woocommerce-account
.woo-wallet-statement .ww-stmt-generated {
    color: #abc6e0 !important;
    background: #06132b !important;
    padding: 18px 24px !important;
    margin: 0 !important;
    font-size: 13px !important;
}

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

@media (max-width: 767px) {

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-masthead,
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-filter {
        padding: 16px !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-equation {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        padding: 12px !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-op {
        display: none !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-term {
        min-width: 0 !important;
        padding: 12px !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-term-value {
        font-size: 20px !important;
    }

    /* Preserve genuine table structure */
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-table thead {
        display: table-header-group !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-table tbody {
        display: table-row-group !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-table tr {
        display: table-row !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-table th,
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-table td {
        display: table-cell !important;
    }
}

/* =====================================
   PRINT — CLEAN FINANCIAL STATEMENT
   ===================================== */

@media print {

    .woocommerce-account .woo-wallet-statement,
    .woocommerce-account .woo-wallet-statement
    .ww-stmt-masthead,
    .woocommerce-account .woo-wallet-statement
    .ww-stmt-equation,
    .woocommerce-account .woo-wallet-statement
    .ww-stmt-filter,
    .woocommerce-account .woo-wallet-statement
    .ww-stmt-tablewrap,
    .woocommerce-account .woo-wallet-statement
    .ww-stmt-table,
    .woocommerce-account .woo-wallet-statement
    .ww-stmt-term,
    .woocommerce-account .woo-wallet-statement
    .ww-stmt-generated {
        background: #ffffff !important;
        color: #111111 !important;
        border-color: #cccccc !important;
        box-shadow: none !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-table th,
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-table td,
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-title,
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-period,
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-term-label,
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-term-value,
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-term-value .amount {
        color: #111111 !important;
        text-shadow: none !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-actions,
    .woocommerce-account
    .woo-wallet-statement .ww-stmt-filter {
        display: none !important;
    }

    .woocommerce-account
    .woo-wallet-statement .ww-stmt-table {
        min-width: 0 !important;
        font-size: 10px !important;
    }
}
/* ZutisBljeg — Fix Wallet Statement Row Hover */

/* Dark blue background when hovering */
body.woocommerce-account
.woo-wallet-statement
.ww-stmt-table tbody tr:hover,

body.woocommerce-account
.woo-wallet-statement
.ww-stmt-table tbody tr:hover > td,

body.woocommerce-account
.woo-wallet-statement
.ww-stmt-table tbody tr:hover > th {
    background: #123353 !important;
    color: #eaf8ff !important;
}

/* Smooth hover transition */
body.woocommerce-account
.woo-wallet-statement
.ww-stmt-table tbody tr,
body.woocommerce-account
.woo-wallet-statement
.ww-stmt-table tbody td {
    transition: background-color 0.2s ease !important;
}
/* ZutisBljeg — Align Statement Date Filters */

/* Align all three controls */
.woocommerce-account
.woo-wallet-statement .ww-stmt-filter {
    display: flex !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

/* Remove inconsistent field spacing */
.woocommerce-account
.woo-wallet-statement .ww-stmt-field {
    margin: 0 !important;
    padding: 0 !important;
    align-self: flex-end !important;
}

/* Consistent date input heights */
.woocommerce-account
.woo-wallet-statement .ww-stmt-field input[type="date"] {
    height: 52px !important;
    min-height: 52px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Align Update button with date inputs */
.woocommerce-account
.woo-wallet-statement .ww-stmt-apply {
    height: 52px !important;
    min-height: 52px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 22px !important;

    align-self: flex-end !important;
    position: static !important;
    transform: none !important;
}
/* ZutisBljeg — Statement Update Icon */

.woocommerce-account
.woo-wallet-statement .ww-stmt-apply {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

/* Cyan Refresh Icon */

.woocommerce-account
.woo-wallet-statement .ww-stmt-apply::before {
    content: "" !important;
    display: inline-block !important;
    width: 19px !important;
    height: 19px !important;
    flex-shrink: 0 !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.9-4'/%3E%3Cpath d='M4 4v4h4'/%3E%3Cpath d='M4 13a8 8 0 0 0 14.9 4'/%3E%3Cpath d='M20 20v-4h-4'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}

/* Subtle Glow on Hover */

.woocommerce-account
.woo-wallet-statement .ww-stmt-apply:hover::before {
    filter: drop-shadow(0 0 4px #38b6ff);
}
/* =====================================
   ZUTISBLJEG — ACCOUNT DETAILS FORM
   ===================================== */

/* Text fields and dropdowns */
.woocommerce-account
form.woocommerce-EditAccountForm input.input-text,
.woocommerce-account
form.woocommerce-EditAccountForm select,
.woocommerce-account
form.woocommerce-EditAccountForm textarea {
    background: #07182f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #2189d8 !important;
    border-radius: 6px !important;

    padding: 12px !important;
    min-height: 48px;
    box-sizing: border-box;

    box-shadow: none !important;
    text-shadow: none !important;
    caret-color: #ffffff !important;
}

/* Subtle blue focus glow */
.woocommerce-account
form.woocommerce-EditAccountForm input.input-text:focus,
.woocommerce-account
form.woocommerce-EditAccountForm select:focus,
.woocommerce-account
form.woocommerce-EditAccountForm textarea:focus {
    border-color: #38b6ff !important;
    outline: none !important;
    box-shadow:
        0 0 7px rgba(56,182,255,0.3) !important;
}

/* Browser autofill */
.woocommerce-account
form.woocommerce-EditAccountForm
input.input-text:-webkit-autofill {
    -webkit-box-shadow:
        0 0 0 100px #07182f inset !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Password change section */
.woocommerce-account
form.woocommerce-EditAccountForm fieldset {
    border: 1px solid #245b8d !important;
    border-radius: 10px !important;
    padding: 22px !important;
    margin: 24px 0 !important;
}

/* Password section heading */
.woocommerce-account
form.woocommerce-EditAccountForm legend {
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 0 10px !important;
}

/* Password eye icons: recolour existing icons */
.woocommerce-account
form.woocommerce-EditAccountForm
.show-password-input::after {
    filter:
        brightness(0)
        saturate(100%)
        invert(66%)
        sepia(76%)
        saturate(1502%)
        hue-rotate(173deg) !important;
}

/* Field labels */
.woocommerce-account
form.woocommerce-EditAccountForm label {
    color: #ffffff !important;
}

/* Help text */
.woocommerce-account
form.woocommerce-EditAccountForm em {
    color: #a9c3dd !important;
    font-style: normal !important;
}

/* Currency dropdown arrow */
.woocommerce-account
form.woocommerce-EditAccountForm select {
    color-scheme: dark;
    accent-color: #38b6ff;
}

/* Save Changes button */
.woocommerce-account
form.woocommerce-EditAccountForm
button[name="save_account_details"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    background: #101b31 !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 13px 22px !important;
    font-weight: 600 !important;

    box-shadow:
        0 0 8px rgba(0,145,255,0.2) !important;

    transition:
        background 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Save icon */
.woocommerce-account
form.woocommerce-EditAccountForm
button[name="save_account_details"]::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M17 21v-8H7v8M7 3v5h8'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}

/* Hover */
.woocommerce-account
form.woocommerce-EditAccountForm
button[name="save_account_details"]:hover {
    background: #172b49 !important;
    border-color: #38b6ff !important;
    color: #ffffff !important;

    box-shadow:
        0 0 12px rgba(56,182,255,0.4) !important;
}

/* Keyboard focus */
.woocommerce-account
form.woocommerce-EditAccountForm
button[name="save_account_details"]:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* =====================================
   ZUTISBLJEG — BUDDYPRESS MESSAGE ROWS
   ===================================== */

/* Main message list */
#message-threads.message-lists {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Individual message card */
#message-threads .thread-item {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;

    background: #081f3c !important;
    color: #eaf8ff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 18px !important;
    margin: 12px 0 !important;

    box-sizing: border-box !important;
    box-shadow: 0 0 8px rgba(0,145,255,0.15) !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* Hover effect */
#message-threads .thread-item:hover {
    background: #0c2948 !important;
    border-color: #38b6ff !important;
    box-shadow: 0 0 12px rgba(56,182,255,0.3) !important;
}

/* Selected conversation */
#message-threads .thread-item.selected {
    background: #0c2948 !important;
    border-color: #38b6ff !important;
}

/* Sender */
#message-threads .thread-from .user-name {
    color: #eaf8ff !important;
    font-weight: 600 !important;
}

/* Avatar */
#message-threads .thread-from .avatar {
    border-radius: 50% !important;
    border: 1px solid #38b6ff !important;
}

/* Conversation subject */
#message-threads .thread-subject a.subject {
    color: #38b6ff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Subject hover */
#message-threads .thread-subject a.subject:hover {
    color: #8cdeff !important;
    text-shadow: 0 0 6px rgba(56,182,255,0.4) !important;
}

/* Message preview */
#message-threads .excerpt {
    color: #b4cce5 !important;
    margin: 5px 0 0 !important;
}

/* Message count */
#message-threads .thread-count {
    color: #9bb8d9 !important;
}

/* Timestamp */
#message-threads .thread-date,
#message-threads .thread-date time {
    color: #a9c3dd !important;
    font-size: 13px !important;
}

/* Checkbox colour */
#message-threads .message-check {
    accent-color: #38b6ff !important;
}

/* Mobile spacing */
@media (max-width: 600px) {
    #message-threads .thread-item {
        gap: 10px !important;
        padding: 12px !important;
    }
}
/* =====================================
   ZUTISBLJEG — ACTIVE CONVERSATION
   ===================================== */

/* Main conversation container */
#thread-preview {
    background: #06132b !important;
    color: #eaf8ff !important;
    border-radius: 12px !important;
}

/* Active conversation heading */
#thread-preview h2.preview-thread-title {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    background: #0c2544 !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 16px 20px !important;
    margin: 0 0 12px !important;

    font-size: 20px !important;
    line-height: 1.4 !important;

    text-shadow:
        0 0 6px rgba(56,182,255,0.4) !important;
}

/* Conversation subject */
#thread-preview .messages-title {
    color: #7bd8ff !important;
    font-weight: 700 !important;
}

/* Content panel */
#thread-preview .preview-content {
    background: #06132b !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 12px !important;

    padding: 18px !important;
}

/* Participants and actions header */
#thread-preview .preview-pane-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;

    gap: 16px !important;
    background: transparent !important;

    border-bottom: 1px solid #24527c !important;
    padding: 0 0 16px !important;
    margin: 0 0 16px !important;
}

/* Participant layout */
#thread-preview .thread-participants {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;

    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Participants label */
#thread-preview .thread-participants dt {
    color: #ffffff !important;
    font-weight: 700 !important;

    float: none !important;
    margin: 0 !important;
}

/* Avatar container */
#thread-preview .thread-participants dd {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Avatar list */
#thread-preview .participants-list {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#thread-preview .participants-list li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Participant avatars */
#thread-preview .participants-list .avatar {
    border: 1px solid #38b6ff !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 6px rgba(56,182,255,0.25) !important;
}

/* Action buttons container */
#thread-preview .preview-pane-header .actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Preserve the existing BuddyPress action icons */
#thread-preview .actions .bp-icons {
    color: #38b6ff !important;
    cursor: pointer !important;
    transition:
        color 0.2s ease,
        filter 0.2s ease !important;
}

/* Delete action — red */
#thread-preview .actions .message-action-delete,
#thread-preview .actions .message-action-delete::before {
    color: #ff7777 !important;
}

/* Star action — gold */
#thread-preview .actions .message-action-unstar,
#thread-preview .actions .message-action-unstar::before {
    color: #ffd166 !important;
}

/* View conversation — cyan */
#thread-preview .actions .message-action-view,
#thread-preview .actions .message-action-view::before {
    color: #38b6ff !important;
}

/* Action hover glow */
#thread-preview .actions .bp-icons:hover {
    filter: drop-shadow(0 0 5px #38b6ff);
}

/* Message body */
#thread-preview .preview-message {
    background: #0c2948 !important;
    color: #eaf8ff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    padding: 18px !important;
    margin: 0 !important;

    box-shadow:
        0 0 8px rgba(0,145,255,0.12) !important;
}

/* Message text */
#thread-preview .preview-message p {
    background: transparent !important;
    color: #eaf8ff !important;

    margin: 0 !important;
    line-height: 1.6 !important;
    text-shadow: none !important;
}

/* Mobile adjustments */
@media (max-width: 600px) {
    #thread-preview h2.preview-thread-title {
        padding: 12px !important;
        font-size: 18px !important;
    }

    #thread-preview .preview-content {
        padding: 12px !important;
    }

    #thread-preview .preview-message {
        padding: 14px !important;
    }
}
/* =====================================
   ZUTISBLJEG — NEON MESSAGE CHECKBOXES
   ===================================== */

/* Message selection checkboxes */
.buddypress-wrap:has(#message-threads)
input[type="checkbox"],
#message-threads input.message-check {

    appearance: none !important;
    -webkit-appearance: none !important;

    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;

    background: #061a34 !important;
    border: 2px solid #38b6ff !important;
    border-radius: 5px !important;

    vertical-align: middle !important;
    cursor: pointer !important;

    box-shadow:
        0 0 5px rgba(56,182,255,0.4) !important;

    transition:
        background-color 0.2s,
        box-shadow 0.2s !important;
}

/* Selected — bright neon checkbox */
.buddypress-wrap:has(#message-threads)
input[type="checkbox"]:checked,
#message-threads input.message-check:checked {

    background-color: #008cff !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") !important;

    background-position: center !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;

    box-shadow:
        0 0 8px #008cff,
        0 0 15px rgba(56,182,255,0.55)
        !important;
}

/* Checkbox hover and keyboard focus */
.buddypress-wrap:has(#message-threads)
input[type="checkbox"]:hover,
#message-threads input.message-check:hover {
    box-shadow: 0 0 12px rgba(56,182,255,0.65) !important;
}

.buddypress-wrap:has(#message-threads)
input[type="checkbox"]:focus-visible,
#message-threads input.message-check:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* =====================================
   ZUTISBLJEG — MESSAGE ACTION TOOLBAR
   ===================================== */

/* Align action icons horizontally */
#thread-preview
.preview-pane-header .actions {

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex-wrap: nowrap !important;
    gap: 10px !important;

    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Equal-sized action buttons */
#thread-preview
.preview-pane-header .actions > .bp-icons {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    flex: 0 0 42px !important;
    box-sizing: border-box !important;

    position: relative !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #101b31 !important;
    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;

    transition:
        background 0.2s,
        border-color 0.2s,
        box-shadow 0.2s !important;
}

/* Center BuddyPress's existing icon glyphs */
#thread-preview
.preview-pane-header .actions > .bp-icons::before {
    display: block !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    margin: 0 !important;
    transform: none !important;
    line-height: 1 !important;
    font-size: 21px !important;
}

/* Delete — Red */
#thread-preview .actions .message-action-delete {
    color: #ff7777 !important;
    border-color: #a83c52 !important;
}

/* Star — Gold */
#thread-preview .actions .message-action-star,
#thread-preview .actions .message-action-unstar {
    color: #ffd166 !important;
    border-color: #aa883b !important;
}

/* View conversation — Cyan */
#thread-preview .actions .message-action-view {
    color: #38b6ff !important;
    border-color: #168bff !important;
}

/* Preserve colours on actual icons */
#thread-preview .actions .bp-icons::before {
    color: inherit !important;
}

/* Subtle neon hover */
#thread-preview .actions > .bp-icons:hover {
    background: #173556 !important;
    box-shadow:
        0 0 8px currentColor !important;
}

/* Keyboard accessibility */
#thread-preview .actions > .bp-icons:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}

/* Mobile */
@media (max-width: 600px) {
    #thread-preview .actions > .bp-icons {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        flex-basis: 38px !important;
    }
}
/* =====================================
   ZUTISBLJEG — MESSAGE BULK DROPDOWN
   ===================================== */

/* Exact BuddyPress dropdown wrapper */
.bulk-actions.select-wrap:has(>
#user-messages-bulk-actions) {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    overflow: visible !important;
}

/* Mark read dropdown */
#user-messages-bulk-actions {
    -webkit-appearance: none !important;
    appearance: none !important;

    background: #101b31 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    color-scheme: dark;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    min-width: 185px !important;
    min-height: 44px !important;
    padding: 10px 40px 10px 15px !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-shadow: none !important;
    box-shadow:
        0 0 7px rgba(0,145,255,0.2) !important;

    cursor: pointer !important;
}

/* Dropdown options */
#user-messages-bulk-actions option {
    background: #101b31 !important;
    color: #ffffff !important;
}

/* Hide the original dropdown arrow */
.bulk-actions.select-wrap:has(>
#user-messages-bulk-actions)
> .select-arrow {
    display: none !important;
}

/* Custom cyan arrow */
.bulk-actions.select-wrap:has(>
#user-messages-bulk-actions)::after {
    content: "" !important;
    position: absolute !important;

    right: 17px !important;
    top: 50% !important;

    width: 9px !important;
    height: 9px !important;

    border-right: 2px solid #38b6ff !important;
    border-bottom: 2px solid #38b6ff !important;

    transform: translateY(-70%) rotate(45deg) !important;
    pointer-events: none !important;
}

/* Hover */
#user-messages-bulk-actions:hover {
    background: #172b49 !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 10px rgba(56,182,255,0.4) !important;
}

/* Keyboard focus */
#user-messages-bulk-actions:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* =====================================
   ZUTISBLJEG — NEON BULK APPLY BUTTON
   ===================================== */

/* Exact BuddyPress Apply button */
.buddypress-wrap button.messages-button.bulk-apply {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;

    padding: 0 !important;
    margin: 0 0 0 8px !important;
    vertical-align: middle !important;

    background: #101b31 !important;
    background-image: none !important;
    color: #38b6ff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    box-shadow:
        0 0 8px rgba(0,145,255,0.25) !important;

    cursor: pointer !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* Cyan checkmark */
.buddypress-wrap
button.messages-button.bulk-apply
.dashicons-yes {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    color: #38b6ff !important;
    margin: 0 !important;
}

/* Ensure the icon glyph is cyan */
.buddypress-wrap
button.messages-button.bulk-apply
.dashicons-yes::before {
    color: #38b6ff !important;
}

/* Hover glow */
.buddypress-wrap
button.messages-button.bulk-apply:hover {
    background: #064578 !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 10px rgba(56,182,255,0.6),
        0 0 18px rgba(0,145,255,0.25) !important;
}

/* Keyboard focus */
.buddypress-wrap
button.messages-button.bulk-apply:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 3px !important;
}
/* ZutisBljeg — Fix Bulk Action Button Spacing */

/* Dropdown wrapper */
.buddypress-wrap
.bulk-actions.select-wrap:has(#user-messages-bulk-actions) {
    display: inline-flex !important;
    align-items: center !important;
    width: 230px !important;
    max-width: 100% !important;
    margin-right: 14px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Keep dropdown inside its wrapper */
#user-messages-bulk-actions {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Prevent Apply button from overlapping */
.buddypress-wrap
button.messages-button.bulk-apply {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}
/* ZutisBljeg — Final Message Dropdown Polish */

/* Remove extra border from dropdown wrapper */
.bulk-actions.select-wrap:has(
    > #user-messages-bulk-actions
) {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Remove previous custom arrow */
.bulk-actions.select-wrap:has(
    > #user-messages-bulk-actions
)::after,
.bulk-actions.select-wrap:has(
    > #user-messages-bulk-actions
) > .select-arrow {
    content: none !important;
    display: none !important;
}

/* Single border and cyan arrow */
#user-messages-bulk-actions {
    appearance: none !important;
    -webkit-appearance: none !important;

    background-color: #101b31 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 18px 18px !important;

    color: #ffffff !important;
    border: 1px solid #168bff !important;
    border-radius: 10px !important;
    padding-right: 44px !important;
}

/* Clean focus glow */
#user-messages-bulk-actions:focus {
    outline: none !important;
    box-shadow: 0 0 9px rgba(56,182,255,0.4) !important;
}

/* Visible keyboard focus */
#user-messages-bulk-actions:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 2px !important;
}
/* ZutisBljeg — Center Delete Conversation Icon */

/* Delete button */
#thread-preview .preview-pane-header
.actions > button.message-action-delete.bp-icons {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #301824 !important;
    background-image: none !important;
    border: 1px solid #ff7777 !important;
    border-radius: 10px !important;
}

/* Replace misaligned icon with centered red X */
#thread-preview .preview-pane-header
.actions > button.message-action-delete.bp-icons::before {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    transform: translate(-50%, -50%) !important;

    width: 27px !important;
    height: 27px !important;
    margin: 0 !important;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7777' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}

/* Red neon glow on hover */
#thread-preview .preview-pane-header
.actions > button.message-action-delete.bp-icons:hover {
    background: #481e2b !important;
    background-image: none !important;
    box-shadow: 0 0 12px rgba(255,90,90,0.55) !important;
}
/* =====================================
   ZUTISBLJEG — NEON MESSAGES SEARCH
   ===================================== */

/* Search container */
#user_messages_search_form.bp-messages-search-form {
    display: flex !important;
    align-items: center !important;

    background: #07182f !important;
    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;

    box-shadow:
        0 0 8px rgba(0,145,255,0.3) !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Search input */
#user_messages_search_form
#user_messages_search {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    background: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: none !important;
    outline: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    text-shadow: none !important;

    padding: 12px 15px !important;
    min-height: 48px !important;

    caret-color: #38b6ff !important;
}

/* Placeholder */
#user_messages_search::placeholder {
    color: #9bb8d9 !important;
    opacity: 1 !important;
}

/* Search button */
#user_messages_search_submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;

    background: #101b31 !important;
    color: #38b6ff !important;

    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
}

/* Cyan search icon */
#user_messages_search_submit
.dashicons-search,
#user_messages_search_submit
.dashicons-search::before {
    color: #38b6ff !important;
    font-size: 21px !important;
    line-height: 1 !important;
}

/* Hover glow */
#user_messages_search_form:hover {
    border-color: #38b6ff !important;

    box-shadow:
        0 0 10px rgba(56,182,255,0.5),
        0 0 18px rgba(0,145,255,0.2) !important;
}

/* Stronger glow when typing */
#user_messages_search_form:focus-within {
    border-color: #38b6ff !important;

    box-shadow:
        0 0 10px rgba(56,182,255,0.65),
        0 0 22px rgba(0,145,255,0.3) !important;
}

/* Prevent inner input focus borders */
#user_messages_search_form
#user_messages_search:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Search button hover */
#user_messages_search_submit:hover {
    background: #064578 !important;
}

/* Keyboard focus */
#user_messages_search_submit:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: -3px !important;
}
/* =====================================
   ZUTISBLJEG — BUDDYPRESS COMPOSE
   ===================================== */

/* Main form */
#send_message_form {
    background: transparent !important;
    color: #ffffff !important;
}

/* Field labels */
#send_message_form > label {
    display: block !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    margin: 0 0 10px !important;
}

/* Recipient and subject fields */
#send_message_form #send-to-input,
#send_message_form #subject {
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;

    background: #07182f !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 8px !important;

    padding: 12px 15px !important;
    box-sizing: border-box !important;

    box-shadow: none !important;
    text-shadow: none !important;
    caret-color: #38b6ff !important;

    margin-bottom: 24px !important;

    transition:
        border-color 0.2s,
        box-shadow 0.2s !important;
}

/* Blue focus glow */
#send_message_form #send-to-input:focus,
#send_message_form #subject:focus {
    outline: none !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 8px rgba(56,182,255,0.4) !important;
}

/* =====================================
   WORDPRESS MESSAGE EDITOR
   ===================================== */

/* Editor outer container */
#send_message_form .wp-editor-container,
#send_message_form .mce-tinymce {
    background: #07182f !important;
    border: 1px solid #168bff !important;
    border-radius: 9px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Editor toolbar */
#send_message_form .mce-top-part,
#send_message_form .mce-toolbar-grp,
#send_message_form .mce-toolbar {
    background: #102b49 !important;
    border-color: #24527c !important;
    box-shadow: none !important;
}

/* Toolbar buttons */
#send_message_form .mce-btn {
    background: #101b31 !important;
    border: 1px solid #24527c !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* Toolbar icons */
#send_message_form .mce-btn .mce-ico {
    color: #38b6ff !important;
}

/* Toolbar hover */
#send_message_form .mce-btn:hover,
#send_message_form .mce-btn.mce-active {
    background: #064578 !important;
    border-color: #38b6ff !important;
}

/* Editor status bar */
#send_message_form .mce-statusbar {
    background: #102b49 !important;
    border-color: #24527c !important;
}

/* Editor area surrounding iframe */
#send_message_form .mce-edit-area {
    background: #07182f !important;
}

/* Text mode */
#send_message_form #message_content {
    background: #07182f !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px !important;
    box-sizing: border-box !important;
}

/* =====================================
   SEND AND RESET BUTTONS
   ===================================== */

#send_message_form #bp-messages-send,
#send_message_form #bp-messages-reset {
    background-color: #101b31 !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 10px !important;

    min-height: 48px !important;
    padding: 12px 20px 12px 48px !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    box-shadow:
        0 0 7px rgba(0,145,255,0.2) !important;

    transition:
        background-color 0.2s,
        box-shadow 0.2s !important;
}

/* Send icon */
#bp-messages-send {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E") !important;
    background-position: 17px center !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
}

/* Reset icon */
#bp-messages-reset {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338b6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E") !important;
    background-position: 17px center !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
}

/* Button hover */
#send_message_form #bp-messages-send:hover,
#send_message_form #bp-messages-reset:hover {
    background-color: #064578 !important;
    color: #ffffff !important;
    border-color: #38b6ff !important;

    box-shadow:
        0 0 12px rgba(56,182,255,0.45) !important;
}

/* Mobile */
@media (max-width: 600px) {
    #send_message_form #send-to-input,
    #send_message_form #subject {
        width: 100% !important;
    }

    #send_message_form .submit {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
}
/* ZutisBljeg — Neon Compose Editor Toolbar */

#send_message_form .mce-toolbar-grp,
#send_message_form .mce-toolbar-grp .mce-container-body {
    background: #102b49 !important;
}

/* Formatting buttons */
#send_message_form .mce-toolbar-grp .mce-btn,
#send_message_form .mce-toolbar-grp .mce-btn button {
    background: #101b31 !important;
    color: #38b6ff !important;
    box-shadow: none !important;
}

/* Button outlines */
#send_message_form .mce-toolbar-grp .mce-btn {
    border: 1px solid #168bff !important;
    border-radius: 5px !important;
    margin: 3px !important;
}

/* Icons */
#send_message_form .mce-toolbar-grp .mce-ico {
    color: #38b6ff !important;
}

/* Hover and selected formatting */
#send_message_form .mce-toolbar-grp .mce-btn:hover,
#send_message_form .mce-toolbar-grp .mce-btn:hover button,
#send_message_form .mce-toolbar-grp .mce-btn.mce-active,
#send_message_form .mce-toolbar-grp .mce-btn.mce-active button {
    background: #064578 !important;
    color: #ffffff !important;
}
/* ======================================
   ZUTISBLJEG — NEON INSERT LINK POPUP
   ====================================== */

/* Target the link popup on BuddyPress Compose */
body:has(#send_message_form)
.mce-inline-toolbar-grp:has(.wp-link-input) {

    background: #102b49 !important;
    border: 1px solid #38b6ff !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 10px rgba(56,182,255,0.5),
        0 0 22px rgba(0,145,255,0.2) !important;
}

/* Remove white internal backgrounds */
body:has(#send_message_form)
.mce-inline-toolbar-grp:has(.wp-link-input)
.mce-container-body,

body:has(#send_message_form)
.mce-inline-toolbar-grp:has(.wp-link-input)
.mce-toolbar,

body:has(#send_message_form)
.mce-inline-toolbar-grp:has(.wp-link-input)
.mce-panel {

    background: #102b49 !important;
    color: #ffffff !important;
}

/* Popup label */
body:has(#send_message_form)
.mce-inline-toolbar-grp .wp-link-input label {
    color: #eaf8ff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

/* URL input */
body:has(#send_message_form)
.mce-inline-toolbar-grp .wp-link-input input[type="text"] {

    background: #07182f !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 7px !important;

    padding: 8px 10px !important;
    box-shadow: none !important;
    caret-color: #38b6ff !important;
}

/* Focus glow */
body:has(#send_message_form)
.mce-inline-toolbar-grp .wp-link-input
input[type="text"]:focus {

    outline: none !important;
    border-color: #38b6ff !important;
    box-shadow:
        0 0 8px rgba(56,182,255,0.4) !important;
}

/* Link action buttons */
body:has(#send_message_form)
.mce-inline-toolbar-grp:has(.wp-link-input)
.mce-btn,

body:has(#send_message_form)
.mce-inline-toolbar-grp:has(.wp-link-input)
.mce-btn button {

    background: #101b31 !important;
    color: #38b6ff !important;
    border-radius: 7px !important;
}

/* Cyan action icons */
body:has(#send_message_form)
.mce-inline-toolbar-grp:has(.wp-link-input)
.mce-ico {
    color: #38b6ff !important;
}

/* Hover */
body:has(#send_message_form)
.mce-inline-toolbar-grp:has(.wp-link-input)
.mce-btn:hover,

body:has(#send_message_form)
.mce-inline-toolbar-grp:has(.wp-link-input)
.mce-btn:hover button {

    background: #064578 !important;
    color: #ffffff !important;
}

/* Match the little popup arrow */
body:has(#send_message_form)
.mce-inline-toolbar-grp.mce-arrow-up:has(.wp-link-input)::after {
    border-bottom-color: #102b49 !important;
}

body:has(#send_message_form)
.mce-inline-toolbar-grp.mce-arrow-down:has(.wp-link-input)::after {
    border-top-color: #102b49 !important;
}
/* ZutisBljeg — Simplify Message Editor Toolbar */

/* Hide Code Snippets button */
#send_message_form
.mce-btn[aria-label="Code Snippets"] {
    display: none !important;
}

/* Hide Insert/Edit Image button */
#send_message_form
.mce-btn[aria-label^="Insert/edit image"] {
    display: none !important;
}
/* ==========================================
   ZUTISBLJEG — NEON LINK EDITOR
   ========================================== */

/* Main popup window */
body:has(#send_message_form) #wp-link-wrap {
    background: #06132b !important;
    color: #eaf8ff !important;

    border: 1px solid #38b6ff !important;
    border-radius: 14px !important;

    box-shadow:
        0 0 15px rgba(56,182,255,0.4),
        0 0 30px rgba(0,145,255,0.15) !important;

    overflow: hidden !important;
}

/* Interior */
body:has(#send_message_form) #wp-link,
body:has(#send_message_form) #link-selector,
body:has(#send_message_form) #link-options,
body:has(#send_message_form) #search-panel {
    background: #06132b !important;
    color: #eaf8ff !important;
}

/* Window heading */
body:has(#send_message_form) #link-modal-title {
    background: #102b49 !important;
    color: #ffffff !important;

    border-bottom: 1px solid #168bff !important;

    font-weight: 700 !important;
    text-shadow: 0 0 6px rgba(56,182,255,0.4);
}

/* Close button */
body:has(#send_message_form) #wp-link-close {
    background: #101b31 !important;
    color: #38b6ff !important;

    border: 1px solid #168bff !important;
    border-radius: 9px !important;
}

body:has(#send_message_form) #wp-link-close::before {
    color: #38b6ff !important;
}

/* Readable labels and descriptions */
body:has(#send_message_form) #wp-link label,
body:has(#send_message_form) #wp-link label span,
body:has(#send_message_form) #wp-link .howto,
body:has(#send_message_form) #wp-link .search-label,
body:has(#send_message_form) #wp-link .link-target {
    color: #eaf8ff !important;
    text-shadow: none !important;
}

/* URL and Search inputs */
body:has(#send_message_form)
#wp-link input[type="text"],
body:has(#send_message_form)
#wp-link input[type="search"] {
    background: #07182f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 8px !important;

    box-shadow: none !important;
    caret-color: #38b6ff !important;
}

/* Input focus */
body:has(#send_message_form)
#wp-link input[type="text"]:focus,
body:has(#send_message_form)
#wp-link input[type="search"]:focus {
    outline: none !important;
    border-color: #38b6ff !important;
    box-shadow:
        0 0 9px rgba(56,182,255,0.4) !important;
}

/* Checkboxes */
body:has(#send_message_form)
#wp-link input[type="checkbox"] {
    accent-color: #38b6ff !important;
}

/* Search results containers */
body:has(#send_message_form)
#wp-link .query-results {
    background: #07182f !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 8px !important;
}

/* Individual search results */
body:has(#send_message_form)
#wp-link .query-results li {
    background: #07182f !important;
    color: #eaf8ff !important;

    border-bottom: 1px solid #20446c !important;
}

/* Page and product names */
body:has(#send_message_form)
#wp-link .query-results .item-title {
    color: #ffffff !important;
}

/* Result types */
body:has(#send_message_form)
#wp-link .query-results .item-info {
    color: #9bb8d9 !important;
}

/* Hover and selected results */
body:has(#send_message_form)
#wp-link .query-results li:hover,
body:has(#send_message_form)
#wp-link .query-results li.selected {
    background: #12426b !important;
    color: #ffffff !important;
}

/* Search notices */
body:has(#send_message_form)
#wp-link .query-notice {
    background: #102b49 !important;
    color: #b4cce5 !important;

    border-bottom: 1px solid #24527c !important;
}

body:has(#send_message_form)
#wp-link .query-notice em {
    color: #b4cce5 !important;
}

/* Footer area */
body:has(#send_message_form)
#wp-link .submitbox {
    background: #102b49 !important;
    border-top: 1px solid #168bff !important;
}

/* Cancel and Add Link buttons */
body:has(#send_message_form)
#wp-link .submitbox .button {
    background: #101b31 !important;
    color: #ffffff !important;

    border: 1px solid #168bff !important;
    border-radius: 9px !important;

    font-weight: 600 !important;
    text-shadow: none !important;

    box-shadow: 0 0 7px rgba(0,145,255,0.2) !important;
}

/* Hover */
body:has(#send_message_form)
#wp-link .submitbox .button:hover {
    background: #064578 !important;
    color: #ffffff !important;

    border-color: #38b6ff !important;
    box-shadow:
        0 0 10px rgba(56,182,255,0.45) !important;
}

/* Readable keyboard focus */
body:has(#send_message_form)
#wp-link button:focus-visible,
body:has(#send_message_form)
#wp-link input:focus-visible {
    outline: 2px solid #7bd8ff !important;
    outline-offset: 2px !important;
}
/* ZutisBljeg — Neon Link Editor Scrollbars */

body:has(#send_message_form) #wp-link-wrap,
body:has(#send_message_form) #wp-link-wrap * {
    scrollbar-width: thin;
    scrollbar-color: #287db5 #07182f;
}

/* Chrome, Edge and Safari */
body:has(#send_message_form)
#wp-link-wrap ::-webkit-scrollbar {
    width: 9px;
}

body:has(#send_message_form)
#wp-link-wrap ::-webkit-scrollbar-track {
    background: #07182f;
}

body:has(#send_message_form)
#wp-link-wrap ::-webkit-scrollbar-thumb {
    background: #287db5;
    border: 2px solid #07182f;
    border-radius: 10px;
}

body:has(#send_message_form)
#wp-link-wrap ::-webkit-scrollbar-thumb:hover {
    background: #38b6ff;
}
/* ZutisBljeg — Glowing square checkbox for WP link modal */
body:has(#send_message_form) #wp-link-wrap input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    border: 1.5px solid #38b6ff;
    border-radius: 4px;
    background: #07182f;
    box-shadow:
        0 0 6px rgba(56, 182, 255, 0.25),
        inset 0 0 4px rgba(56, 182, 255, 0.08);
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

/* Hover */
body:has(#send_message_form) #wp-link-wrap input[type="checkbox"]:hover {
    border-color: #66d9ff;
    box-shadow:
        0 0 8px rgba(56, 182, 255, 0.45),
        0 0 14px rgba(56, 182, 255, 0.18),
        inset 0 0 6px rgba(56, 182, 255, 0.12);
}

/* Checked */
body:has(#send_message_form) #wp-link-wrap input[type="checkbox"]:checked {
    background: #0d2c52;
    border-color: #66d9ff;
    box-shadow:
        0 0 10px rgba(56, 182, 255, 0.7),
        0 0 18px rgba(56, 182, 255, 0.25),
        inset 0 0 8px rgba(56, 182, 255, 0.18);
}

/* Checkmark */
body:has(#send_message_form) #wp-link-wrap input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid #b8eeff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    filter: drop-shadow(0 0 4px rgba(184, 238, 255, 0.9));
}

/* Focus */
body:has(#send_message_form) #wp-link-wrap input[type="checkbox"]:focus {
    outline: none;
    box-shadow:
        0 0 0 2px rgba(56, 182, 255, 0.18),
        0 0 10px rgba(56, 182, 255, 0.6);
}

/* Label alignment */
body:has(#send_message_form) #wp-link-wrap label {
    color: #ffffff;
    font-weight: 600;
}

/* ZUTISBLJEG — BUDDYPRESS PROFILE ACTION BUTTONS */

#buddypress #item-header .generic-button a,
#buddypress #item-header #item-buttons a,
.buddypress-wrap .single-headers .member-header-actions a,
.buddypress-wrap .single-headers .member-header-actions button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: #061a35 !important;
    color: #ffffff !important;

    border: 1px solid #00bfff !important;
    border-radius: 9px !important;

    padding: 11px 18px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;

    box-shadow: 0 0 9px rgba(0, 191, 255, 0.25) !important;
    transition: background 0.2s ease,
                box-shadow 0.2s ease,
                border-color 0.2s ease !important;
}

/* HOVER AND KEYBOARD FOCUS */

#buddypress #item-header .generic-button a:hover,
#buddypress #item-header #item-buttons a:hover,
.buddypress-wrap .single-headers .member-header-actions a:hover,
.buddypress-wrap .single-headers .member-header-actions button:hover,
#buddypress #item-header .generic-button a:focus-visible,
.buddypress-wrap .single-headers .member-header-actions a:focus-visible {
    background: #00385d !important;
    color: #ffffff !important;
    border-color: #36d9ff !important;

    box-shadow:
        0 0 12px rgba(0, 191, 255, 0.65),
        0 0 22px rgba(0, 191, 255, 0.25) !important;
}

/* ZUTISBLJEG — HOMEPAGE COMMUNITY PANELS */

.zb-updates-panel,
.zb-online-panel {
    background: rgba(3, 15, 35, 0.88) !important;
    border: 1px solid #00bfff !important;
    border-radius: 14px !important;

    padding: 22px !important;
    box-sizing: border-box;

    color: #ffffff !important;

    box-shadow:
        0 0 12px rgba(0, 191, 255, 0.35),
        inset 0 0 15px rgba(0, 191, 255, 0.07);

    transition: box-shadow 0.25s ease;
}

/* SUBTLE HOVER GLOW */

.zb-updates-panel:hover,
.zb-online-panel:hover {
    box-shadow:
        0 0 18px rgba(0, 191, 255, 0.5),
        0 0 30px rgba(0, 191, 255, 0.14);
}

/* PANEL HEADINGS */

.zb-updates-panel h2,
.zb-updates-panel h3,
.zb-online-panel h2,
.zb-online-panel h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    margin-bottom: 18px !important;
}

/* ACTIVITY TEXT */

.zb-updates-panel p,
.zb-updates-panel li {
    color: #ffffff;
}

/* ACTIVITY LINKS */

.zb-updates-panel a {
    color: #33caff;
}

.zb-updates-panel a:hover {
    color: #ffffff;
}

/* ONLINE MEMBER AVATARS */

.zb-online-panel img.avatar {
    border: 2px solid #00bfff !important;
    border-radius: 10px !important;
    box-shadow: 0 0 12px rgba(0, 191, 255, 0.5);
    transition: transform 0.2s ease;
}

.zb-online-panel img.avatar:hover {
    transform: scale(1.08);
}

/* KEEP EMBEDDED VIDEOS RESPONSIVE */

.zb-updates-panel iframe {
    max-width: 100% !important;
}

/* MOBILE */

@media (max-width: 781px) {
    .zb-updates-panel,
    .zb-online-panel {
        padding: 15px !important;
        margin-bottom: 15px;
    }
}

/* ZUTISBLJEG — COMPACT ONLINE PANEL */

.zb-online-panel {
    align-self: flex-start !important;
    height: auto !important;
}

/* ZUTISBLJEG — LATEST ACTIVITY CARDS */

/* Style text posts without changing video embeds */
.zb-updates-panel
.bp-latest-activities-block
.activity-list > blockquote:not(:has(iframe)) {

    background: rgba(5, 24, 49, 0.92) !important;
    border: 1px solid rgba(0, 191, 255, 0.45) !important;
    border-radius: 12px !important;

    margin: 0 0 14px !important;
    padding: 16px 18px !important;

    box-shadow: 0 0 8px rgba(0, 191, 255, 0.12);
    transition: border-color 0.2s ease,
                box-shadow 0.2s ease;

    color: #ffffff !important;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

/* Hover glow */
.zb-updates-panel
.activity-list > blockquote:not(:has(iframe)):hover {
    border-color: #00cfff !important;
    box-shadow: 0 0 15px rgba(0, 191, 255, 0.35);
}

/* Remove decorative quotation marks */
.zb-updates-panel .activity-list > blockquote::before,
.zb-updates-panel .activity-list > blockquote::after {
    content: none !important;
    display: none !important;
}

/* Activity text */
.zb-updates-panel
.activity-list > blockquote:not(:has(iframe))
.activity-item {
    color: #ffffff !important;
    font-size: 16px;
    line-height: 1.5;
}

/* Member information */
.zb-updates-panel
.activity-list > blockquote:not(:has(iframe)) footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

/* Avatar */
.zb-updates-panel
.activity-list > blockquote:not(:has(iframe))
footer img.avatar {
    border: 1px solid #00bfff !important;
    border-radius: 8px !important;
    box-shadow: 0 0 8px rgba(0, 191, 255, 0.35);
}

/* Timestamps */
.zb-updates-panel
.activity-list > blockquote:not(:has(iframe))
footer a:not(:has(img)),
.zb-updates-panel
.activity-list > blockquote:not(:has(iframe))
footer time {
    color: #42cfff !important;
    font-size: 13px !important;
}

/* Mobile */
@media (max-width: 781px) {
    .zb-updates-panel
    .activity-list > blockquote:not(:has(iframe)) {
        padding: 12px !important;
        margin-bottom: 12px !important;
    }
}

/* ZUTISBLJEG — REMOVE ACTIVITY TRIANGLES */

.zb-updates-panel
.bp-latest-activities-block
.activity-item:not(.mini)::before,

.zb-updates-panel
.bp-latest-activities-block
.activity-item:not(.mini)::after {
    content: none !important;
    display: none !important;
    border: none !important;
}
/* ZUTISBLJEG — ACTIVITY CARD HEADER LAYOUT */

.zb-updates-panel
.bp-latest-activities-block
.activity-list > blockquote:not(:has(iframe)) {
    display: flex;
    flex-direction: column;
}

/* Move meta/header area above the post text */
.zb-updates-panel
.bp-latest-activities-block
.activity-list > blockquote:not(:has(iframe)) footer {
    order: -1;
    display: flex !important;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 191, 255, 0.22);
}

/* Make avatar a bit more prominent */
.zb-updates-panel
.bp-latest-activities-block
.activity-list > blockquote:not(:has(iframe)) footer img.avatar {
    width: 46px !important;
    height: 46px !important;
    object-fit: cover;
    border-radius: 10px !important;
    flex: 0 0 46px;
}

/* Keep time readable */
.zb-updates-panel
.bp-latest-activities-block
.activity-list > blockquote:not(:has(iframe)) footer time,
.zb-updates-panel
.bp-latest-activities-block
.activity-list > blockquote:not(:has(iframe)) footer a {
    font-size: 14px !important;
    color: #42cfff !important;
}

/* Post text spacing */
.zb-updates-panel
.bp-latest-activities-block
.activity-list > blockquote:not(:has(iframe)) .activity-item {
    margin-top: 0 !important;
}

/* ZUTISBLJEG — VISIBLE ACTIVITY USERNAMES */

/* Activity card header */
.zb-updates-panel
.bp-latest-activities-block
.activity-list blockquote footer {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
}

/* Avatar and username together */
.zb-updates-panel
.bp-latest-activities-block
.activity-list footer cite {
    display: block !important;
    font-style: normal !important;
    margin-right: auto !important;
}

.zb-updates-panel
.activity-list footer cite a.bp-tooltip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

/* Display member name permanently */
.zb-updates-panel
.activity-list footer cite a.bp-tooltip::after {
    content: attr(data-bp-tooltip) !important;
    display: inline-block !important;

    position: static !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;

    width: auto !important;
    height: auto !important;
    max-width: none !important;

    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    text-align: left !important;
    pointer-events: none !important;
}

/* Prevent tooltip arrow */
.zb-updates-panel
.activity-list footer cite a.bp-tooltip::before {
    content: none !important;
    display: none !important;
}

/* Username hover */
.zb-updates-panel
.activity-list footer cite a.bp-tooltip:hover::after {
    color: #38d9ff !important;
}


/* ZUTISBLJEG — MOBILE COMMUNITY V2 */

@media (max-width: 781px) {

    /* Make community panels full mobile width */
    .wp-block-columns:has(> .zb-updates-panel) {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;

        width: calc(100vw - 24px) !important;
        max-width: none !important;
        margin-left: calc(50% - 50vw + 12px) !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .wp-block-columns:has(> .zb-updates-panel)
    > .wp-block-column {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Panel padding */
    .zb-updates-panel,
    .zb-online-panel {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    /* Compact activity cards */
    .zb-updates-panel
    .activity-list > blockquote:not(:has(iframe)) {
        padding: 14px !important;
        margin: 0 0 12px !important;
        min-height: 0 !important;
    }

    /* Avatar + name + timestamp header */
    .zb-updates-panel
    .bp-latest-activities-block
    .activity-list > blockquote:not(:has(iframe))
    footer {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 3px !important;

        position: relative !important;
        min-height: 44px !important;
        padding: 0 0 12px 52px !important;
        margin: 0 0 10px !important;
    }

    /* Member name container */
    .zb-updates-panel
    .activity-list footer cite {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        min-width: 0 !important;
    }

    .zb-updates-panel
    .activity-list footer cite a.bp-tooltip {
        display: block !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    /* Avatar on the left */
    .zb-updates-panel
    .activity-list footer cite img.avatar {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;

        width: 42px !important;
        height: 42px !important;
        object-fit: cover !important;
        margin: 0 !important;
    }

    /* Name to the right */
    .zb-updates-panel
    .activity-list footer cite a.bp-tooltip::after {
        display: block !important;
        position: static !important;
        content: attr(data-bp-tooltip) !important;
        transform: none !important;

        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        white-space: normal !important;
    }

    /* Timestamp beneath the name */
    .zb-updates-panel
    .activity-list footer .activity-time-since {
        display: block !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;

        color: #42cfff !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        text-align: left !important;
    }

    /* Reduce extra post spacing */
    .zb-updates-panel
    .activity-list .activity-item:not(.mini) {
        padding: 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        line-height: 1.5 !important;
    }

    .zb-updates-panel
    .activity-list .activity-item p:last-child {
        margin-bottom: 0 !important;
    }
}

/* ZUTISBLJEG — FIX MOBILE AVATAR OVERLAP */

@media (max-width: 781px) {

    .zb-updates-panel
    .bp-latest-activities-block
    .activity-list footer {
        position: relative !important;
    }

    .zb-updates-panel
    .bp-latest-activities-block
    .activity-list footer cite,
    .zb-updates-panel
    .bp-latest-activities-block
    .activity-list footer cite a.bp-tooltip {
        position: static !important;
    }
}

/* ZUTISBLJEG — WOOCOMMERCE LOGIN ERRORS */

body.woocommerce-account .woocommerce-error,
body.woocommerce-account
.wc-block-components-notice-banner.is-error {

    background: rgba(37, 6, 16, 0.96) !important;
    color: #ffffff !important;

    border: 1px solid #ff5365 !important;
    border-left: 4px solid #ff5365 !important;
    border-radius: 14px !important;

    padding: 20px 22px !important;
    margin: 15px auto 25px !important;

    width: 100% !important;
    max-width: 650px !important;
    box-sizing: border-box !important;

    box-shadow:
        0 0 12px rgba(255, 65, 85, 0.35),
        inset 0 0 12px rgba(255, 65, 85, 0.08);

    font-size: 16px !important;
    line-height: 1.6 !important;
    overflow-wrap: anywhere;
}

/* Keep notification text readable */

body.woocommerce-account .woocommerce-error li,
body.woocommerce-account .woocommerce-error strong,
body.woocommerce-account
.wc-block-components-notice-banner.is-error
.wc-block-components-notice-banner__content {
    color: #ffffff !important;
}

/* Password reset link */

body.woocommerce-account .woocommerce-error a,
body.woocommerce-account
.wc-block-components-notice-banner.is-error a {
    color: #ff9ca6 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

/* Error symbols */

body.woocommerce-account .woocommerce-error::before {
    color: #ff6475 !important;
}

body.woocommerce-account
.wc-block-components-notice-banner.is-error svg {
    fill: #ff6475 !important;
}

/* Mobile */

@media (max-width: 781px) {
    body.woocommerce-account .woocommerce-error,
    body.woocommerce-account
    .wc-block-components-notice-banner.is-error {
        padding: 16px 18px !important;
        font-size: 14px !important;
    }
}

/* ZUTISBLJEG — LOGIN ERROR ICON FIX */

body.woocommerce-account .woocommerce-error {
    position: relative !important;
    padding: 20px 20px 20px 55px !important;
}

body.woocommerce-account .woocommerce-error::before {
    position: absolute !important;
    left: 18px !important;
    top: 20px !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
}

/* Mobile */
@media (max-width: 781px) {
    body.woocommerce-account .woocommerce-error {
        padding: 16px 16px 16px 48px !important;
    }

    body.woocommerce-account .woocommerce-error::before {
        left: 16px !important;
        top: 16px !important;
    }
}




/* ZUTISBLJEG — WALLET ICON MATCH NAVIGATION */

a.woo-wallet-menu-contents
span.woo-wallet-icon-wallet {
    display: inline-block !important;
    color: #38bdf8 !important;
    font-size: 18px !important;
    vertical-align: middle !important;

    /* Recolor the rendered wallet icon */
    filter: brightness(0) saturate(100%)
        invert(65%) sepia(70%)
        saturate(1100%) hue-rotate(165deg)
        brightness(105%) contrast(98%) !important;

    text-shadow: none !important;
    margin-right: 5px !important;
}

/* Prevent additional icon glow */

a.woo-wallet-menu-contents
span.woo-wallet-icon-wallet::before {
    color: #38bdf8 !important;
    text-shadow: none !important;
}
/* ZutisBljeg — white blog post text */
.single-post .entry-content,
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content blockquote {
    color: #ffffff !important;
}

/* Compact product cards */
.woocommerce ul.products li.product {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    box-sizing: border-box;
    padding-bottom: 18px !important;
    align-self: start;
}

/* Keep buttons close to prices */
.woocommerce ul.products li.product .button {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    align-self: center;
}

/* Compensate for missing affiliate price */
.woocommerce ul.products li.product.product-type-external .button {
    margin-top: 55px !important;
}