.my-account-main {
    padding-top: 64px;
    padding-bottom: 64px;
    background-color :#FFFFFF;
}

.my-account-title {
    font-family: var(--global-font-family-1);
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
    color: #000000;
}

.my-account-main .woocommerce .woocommerce-MyAccount-navigation {
    float: left;
    width: 26%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #00000014;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,.04);
    padding: 12px;
}
.my-account-main .woocommerce .woocommerce-MyAccount-content {
    float: right;
    width: 72%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #00000014;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,.04);
    padding: 24px;
}

/* Navigacija*/
.my-account-main .woocommerce .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 8px;
}
.my-account-main .woocommerce .woocommerce-MyAccount-navigation li {
    margin: 6px 0;
}
.my-account-main .woocommerce .woocommerce-MyAccount-navigation li a {
    display: block;
    text-decoration: none;
    border: 1px solid transparent;
    background: #FAFAFA;
    color: #000;
    border-radius: 999px;
    padding: 12px 16px;
    font-family: var(--global-font-family-2);
    font-size: 14px;
    line-height: 1;
    transition: background .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease;
}
.my-account-main .woocommerce .woocommerce-MyAccount-navigation li a:hover {
    background: #F5F5F5;
    border-color: #0000001F;
    box-shadow: 0 6px 16px rgba(0,0,0,.06);
}
.my-account-main .woocommerce .woocommerce-MyAccount-navigation li.is-active a,
.my-account-main .woocommerce .woocommerce-MyAccount-navigation li.current-menu-item a {
    background: #AADEFF;
    color: #000 !important;
    border-color: #aadeff8a;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
/* Inline style kill */
.my-account-main .woocommerce .woocommerce-MyAccount-navigation a[style] { color: inherit !important; }

/* Tipografija u contentu */
.my-account-main .woocommerce .woocommerce-MyAccount-content p {
    font-family: var(--global-font-family-2);
    font-size: 16px;
    line-height: 150%;
    color: #000;
    margin: 0 0 14px;
}
.woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-info a.button {
    color: #000 !important;
}
.my-account-main .woocommerce .woocommerce-MyAccount-content a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #00000026;
    transition: border-color .12s ease, color .12s ease;
}
.my-account-main .woocommerce .woocommerce-MyAccount-content a:hover { border-bottom-color: #000; }

/* Dugmad */
.my-account-main .woocommerce .button,
.my-account-main .woocommerce .woocommerce-button,
.my-account-main .woocommerce input[type="submit"] {
    font-family: var(--global-font-family-2);
    font-size: 14px;
    line-height: 1;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid #aadeff8a;
    background: #AADEFF;
    color: #000;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

/* Tabele: orders / downloads */
.my-account-main .woocommerce table.shop_table,
.my-account-main .woocommerce table.woocommerce-orders-table,
.my-account-main .woocommerce table.woocommerce-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid #00000014;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.04);
    margin: 24px 0;
    font-family: var(--global-font-family-2);
    color: #000;
}

.woocommerce table.my_account_orders td, 
.woocommerce table.my_account_orders th {
    padding: 15px;
}

.my-account-main .woocommerce table thead th {
    font-family: var(--global-font-family-1);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    padding: 15px;
    background: #000;
    color: #fff;
    text-align: left;
    white-space: nowrap;
}
.my-account-main .woocommerce table tbody td {
    padding: 18px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #00000014;
    font-size: 16px;
    line-height: 150%;
}
.my-account-main .woocommerce table tbody tr:nth-child(even) { background: #FAFAFA; }
.my-account-main .woocommerce table tbody tr:hover { background: #F5F5F5; }
.my-account-main .woocommerce table tfoot th,
.my-account-main .woocommerce table tfoot td {
    padding: 16px 20px;
    font-weight: 700;
    border-top: 1px solid #00000014;
    background: #fff;
}
/* Linkovi u tabelama */
.my-account-main .woocommerce table a { color: inherit; text-decoration: none; border-bottom: 1px solid #00000020; transition: border-color .12s ease, color .12s ease; }
.my-account-main .woocommerce table a:hover { border-color: #000; }
/* Status “pill” */
.my-account-main .woocommerce .woocommerce-orders-table__cell-order-status > * {
    background: #0000000D; color: #000; padding: 6px 10px; border-radius: 999px; display: inline-block; line-height: 1; font-size: 14px;
}
.my-account-main .woocommerce .status-processing { background:#F6CEA5 !important; color:#000 !important; }
.my-account-main .woocommerce .status-completed { background:#E7F6E9 !important; color:#0B6B2A !important; }
.my-account-main .woocommerce .status-cancelled { background:#FDECEC !important; color:#A31212 !important; }
.my-account-main .woocommerce .woocommerce-orders-table__cell-order-actions .button { padding: 10px 14px; border-radius: 999px; }

/* Adrese */
.my-account-main .woocommerce .woocommerce-Addresses .woocommerce-Address {
    background:#fff; border:1px solid #00000014; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.04); padding:20px; margin-bottom:16px;
}
.my-account-main .woocommerce .woocommerce-Address-title h3 {
    margin:0 0 8px; font-family:var(--global-font-family-1); font-weight:400; text-transform:uppercase; font-size:18px; line-height:1.2; color:#000;
}
.my-account-main .woocommerce .woocommerce-Address address {
    margin:0 0 10px; font-family:var(--global-font-family-2); font-size:16px; line-height:150%; color:#000;
}

/* Forme (edit address / account) */
.my-account-main .woocommerce form .form-row,
.my-account-main .woocommerce form .woocommerce-form-row {
    margin-bottom: 14px;
}
.my-account-main .woocommerce form label {
    font-family: var(--global-font-family-2);
    font-size: 12px; text-transform: uppercase;
    color:#414141; display: block; margin-bottom: 8px;
}
.my-account-main .woocommerce form input[type="text"],
.my-account-main .woocommerce form input[type="email"],
.my-account-main .woocommerce form input[type="password"],
.my-account-main .woocommerce form input[type="tel"],
.my-account-main .woocommerce form input[type="number"],
.my-account-main .woocommerce form textarea,
.my-account-main .woocommerce form select {
    width: 100%; box-sizing: border-box;
    height: 44px; padding: 10px 12px;
    border: 1px solid #00000026; border-radius: 12px; background:#fff; color:#000;
    font-family: var(--global-font-family-2); font-size: 15px; line-height: 1.3;
    transition: border-color .12s ease, box-shadow .12s ease;
}
.my-account-main .woocommerce form textarea { min-height: 120px; }
.my-account-main .woocommerce form input:focus,
.my-account-main .woocommerce form textarea:focus,
.my-account-main .woocommerce form select:focus {
    outline: none; border-color: #000; box-shadow: 0 0 0 3px rgba(0,0,0,.06);
}
.my-account-main .woocommerce form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%); background-position: calc(100% - 18px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.my-account-main .woocommerce form input[type="checkbox"],
.my-account-main .woocommerce form input[type="radio"] { accent-color: #000; }

/* Paginate */
.my-account-main .woocommerce nav.woocommerce-pagination { margin-top:16px; text-align:center; }
.my-account-main .woocommerce .woocommerce-pagination ul { list-style:none; margin:0; padding:0; }
.my-account-main .woocommerce .woocommerce-pagination li { display:inline-block; margin: 0 4px; }
.my-account-main .woocommerce .woocommerce-pagination a,
.my-account-main .woocommerce .woocommerce-pagination span {
    min-width: 36px; height: 36px; display:inline-flex; align-items:center; justify-content:center;
    padding: 8px 12px; border:1px solid #00000020; border-radius: 999px; background:#fff; color:#000; text-decoration:none;
    font-family: var(--global-font-family-2); font-size:14px;
}
.my-account-main .woocommerce .woocommerce-pagination .current { background:#000; color:#fff; border-color:#000; }


@media (max-width: 767px) {

    .my-account-main .woocommerce .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-bottom: 20px;
    }

    .woocommerce-MyAccount-content {
        width: 100% !important;
    }

}



/* =====================================================
   My Account (Login/Register)
   ===================================================== */

/* Naslovi */
.my-account-main .woocommerce #customer_login h2 {
    font-family: var(--global-font-family-1);
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
    color: #000000;
    margin: 0 0 16px 0;
}

/* “Kartice” formi (bez menjanja širina/floatova) */
.my-account-main .woocommerce #customer_login .u-column1,
.my-account-main .woocommerce #customer_login .u-column2 {
    background: #FFFFFF;
    border: 1px solid #00000014;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
    padding: 24px;
    box-sizing: border-box;
}

/* Label + required zvezdica */
.my-account-main .woocommerce #customer_login label {
    font-family: var(--global-font-family-2);
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #414141;
    margin: 0 0 8px 0;
}
.my-account-main .woocommerce #customer_login .required { color: #A31212; }

/* Polja (input/textarea/select) */
.my-account-main .woocommerce #customer_login input.input-text,
.my-account-main .woocommerce #customer_login input[type="text"],
.my-account-main .woocommerce #customer_login input[type="email"],
.my-account-main .woocommerce #customer_login input[type="password"],
.my-account-main .woocommerce #customer_login textarea,
.my-account-main .woocommerce #customer_login select {
    width: 100%;
    height: 46px;
    padding: 10px 12px;
    border: 1px solid #00000026;
    border-radius: 12px;
    background: #FFFFFF;
    color: #000000;
    font-family: var(--global-font-family-2);
    font-size: 15px;
    line-height: 1.3;
    box-sizing: border-box;
    transition: border-color .12s ease, box-shadow .12s ease;
}
.my-account-main .woocommerce #customer_login textarea { min-height: 120px; }
.my-account-main .woocommerce #customer_login input:focus,
.my-account-main .woocommerce #customer_login textarea:focus,
.my-account-main .woocommerce #customer_login select:focus {
    outline: none;
    border-color: #000000;
    box-shadow: 0 0 0 3px rgba(0,0,0,.06);
}

/* Checkbox */
.my-account-main .woocommerce #customer_login .woocommerce-form__input-checkbox { accent-color: #000000; }
.my-account-main .woocommerce #customer_login .woocommerce-form-login__rememberme span {
    font-family: var(--global-font-family-2);
    font-size: 14px;
    color: #000000;
}

/* Linkovi */
.my-account-main .woocommerce #customer_login a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #00000026;
    transition: border-color .12s ease, color .12s ease;
}
.my-account-main .woocommerce #customer_login a:hover { border-bottom-color: #000000; }

/* Tekst u registraciji / privacy */
.my-account-main .woocommerce #customer_login .woocommerce-privacy-policy-text,
.my-account-main .woocommerce #customer_login .woocommerce-privacy-policy-text p,
.my-account-main .woocommerce #customer_login .woocommerce-form p {
    font-family: var(--global-font-family-2);
    font-size: 14px;
    line-height: 150%;
    color: #414141;
}