.elementor-1017 .elementor-element.elementor-element-ce98ee6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1017 .elementor-element.elementor-element-40e39c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1017 .elementor-element.elementor-element-7540e31.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-1017 .elementor-element.elementor-element-7540e31{--tab-content-spacing:0px;--tabs-container-justify-content:flex-start;--tab-width:auto;--tabs-normal-color:#000000;--tabs-spacing:0px;--tabs-divider-weight:0px;--forms-columns-gap-padding-right:calc( 0px/2 );--forms-columns-gap-padding-left:calc( 0px/2 );--forms-columns-gap-margin-left:calc( -0px/2 );--forms-columns-gap-margin-right:calc( -0px/2 );--forms-rows-gap:0px;}.elementor-1017 .elementor-element.elementor-element-7540e31 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-size:14px;font-weight:normal;line-height:22px;letter-spacing:-0.4px;word-spacing:0px;}.elementor-1017 .elementor-element.elementor-element-7540e31 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-1017 .elementor-element.elementor-element-7540e31 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-size:13px;}.elementor-1017 .elementor-element.elementor-element-c85ea57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1017 .elementor-element.elementor-element-048187d .elementor-button{background-color:#011A8B;}.elementor-1017 .elementor-element.elementor-element-1629e88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1017 .elementor-element.elementor-element-5c4deb7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1017 .elementor-element.elementor-element-7540e31 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{letter-spacing:0.8px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-7540e31 *//* Općenito poravnanje i razmak za glavnu sekciju "My Account" */
.woocommerce-account .woocommerce-MyAccount-content {
    padding: 30px; /* Dodajte unutarnji razmak unutar glavnog okvira */
    background-color: #f9f9f9; /* Lagana pozadina za bolji vizualni efekt */
    border-radius: 8px; /* Zaobljeni rubovi */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Suptilna sjena */
}

/* Stilizacija pozdravne poruke i "Hello admin" dijela */
.woocommerce-MyAccount-content p:first-child {
    font-size: 1.1em;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.5;
    display: flex; /* Koristimo flexbox za poravnanje unutar linije */
    align-items: center; /* Vertikalno centriranje */
    flex-wrap: wrap; /* Omogućite prelamanje ako je linija predugačka */
}

.woocommerce-MyAccount-content p:first-child strong {
    margin-right: 5px; /* Razmak između 'Hello' i 'admin' */
}

.woocommerce-MyAccount-content p:first-child .woocommerce-MyAccount-dashboard-logout {
    margin-left: 10px; /* Razmak prije logout linka */
}


.woocommerce-MyAccount-content p:first-child a {
    color: #007bff; /* Plava boja za linkove */
    text-decoration: none;
    font-weight: bold;
}

.woocommerce-MyAccount-content p:first-child a:hover {
    text-decoration: underline;
}

/* Stilizacija "From your account dashboard..." teksta */
/* Ovo cilja drugi <p> tag, prilagodite ako je struktura drugačija */
.woocommerce-MyAccount-content p:nth-of-type(2) {
    margin-bottom: 30px;
    color: #555;
    font-size: 0.95em;
    line-height: 1.6;
}

/* *** Ključna promjena za horizontalnu navigaciju s ikonama i tekstom *** */
.woocommerce-MyAccount-navigation {
    width: 100%; /* Osigurajte da navigacija zauzima punu širinu */
    margin-bottom: 30px;
    background-color: #fff; /* Bijela pozadina za navigacijski blok */
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    padding: 10px 0; /* Unutarnji razmak */
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Koristite flexbox za horizontalni raspored */
    flex-wrap: wrap; /* Omogućite prelamanje u više redaka ako nema dovoljno mjesta */
    justify-content: flex-start; /* Poravnajte stavke na početak */
    gap: 0px; /* Razmak između stavki, kontrolirat ćemo ga paddingom */
    border: none; /* Uklonite donju liniju ako je dodana ranije */
    padding: 0 10px; /* Mali bočni padding za listu */
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    padding: 0;
    flex: 1 1 auto; /* Omogućite stavkama da se rastežu i skupljaju */
    min-width: 100px; /* Minimalna širina za svaku "karticu" */
    max-width: 180px; /* Maksimalna širina, da ne budu preširoke */
    text-align: center;
    border-right: 1px solid #eee; /* Vertikalna linija između stavki */
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-right: none; /* Uklonite desnu liniju za zadnju stavku */
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex; /* Koristite flexbox unutar linka za vertikalno slaganje ikone i teksta */
    flex-direction: column; /* Složite ikonu i tekst vertikalno */
    align-items: center; /* Centrirajte sadržaj horizontalno */
    padding: 10px 10px;
    text-decoration: none;
    color: #666;
    font-weight: 500;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    white-space: normal; /* Dopustite prelamanje teksta ako je potrebno */
    font-size: 0.9em; /* Manja veličina fonta za tekst */
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a { /* Aktivna kartica */
    background-color: #e6f7ff; /* Svjetloplava pozadina za hover/aktivno */
    color: #007bff;
}

/* Stilizacija ikona unutar navigacije */
/* Ovo pretpostavlja da su ikone dodane kao ::before pseudo-element */
.woocommerce-MyAccount-navigation ul li a::before {
    font-family: 'Font Awesome 5 Free'; /* Provjerite da li je Font Awesome učitan */
    font-weight: 900; /* Za solid ikone */
    font-size: 1.5em; /* Veća ikona */
    margin-bottom: 5px; /* Razmak između ikone i teksta */
    color: #999; /* Siva boja ikone */
    transition: color 0.3s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover::before,
.woocommerce-MyAccount-navigation ul li.is-active a::before {
    color: #007bff; /* Plava boja ikone na hover/aktivno */
}

/* Primjeri ikona (morat ćete ih ručno dodati ako Elementor ne generira automatski) */
/* Ako Elementor generira ikone unutar <a> taga, onda ovaj selektor možda nije potreban */
/* Ako trebate specifične ikone, morali biste ih dodati u Elementoru ili ovdje, npr.: */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: '\f007'; } /* User icon */
.woocommerce-MyAccount-navigation-link--orders a::before { content: '\f07a'; } /* Shopping bag */
.woocommerce-MyAccount-navigation-link--downloads a::before { content: '\f019'; } /* Download icon */
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: '\f3c5'; } /* Map marker alt */
.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: '\f09d'; } /* Credit card */
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: '\f085'; } /* Cog/settings */
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: '\f08b'; } /* Sign-out */


/* Stil za "Go to homepage" gumb */
.woocommerce-MyAccount-content .woocommerce-Button {
    display: inline-block;
    padding: 12px 25px;
    background-color: #28a745; /* Zelena boja za gumb */
    color: #fff;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 30px; /* Razmak iznad gumba */
}

.woocommerce-MyAccount-content .woocommerce-Button:hover {
    background-color: #218838;
}

/* Prilagodbe za manje ekrane */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        justify-content: center; /* Centrirajte stavke na manjim ekranima */
        gap: 5px; /* Manji razmak */
        padding: 0;
    }

    .woocommerce-MyAccount-navigation ul li {
        min-width: 80px; /* Manja minimalna širina */
        max-width: 100px; /* Manja maksimalna širina */
        border-right: none; /* Uklonite vertikalne linije na mobilnom */
        margin-bottom: 5px; /* Dodajte mali vertikalni razmak */
    }

    .woocommerce-MyAccount-navigation ul li a {
        padding: 8px 5px; /* Manji padding */
        font-size: 0.8em; /* Manji font */
    }

    .woocommerce-MyAccount-navigation ul li a::before {
        font-size: 1.2em; /* Manja ikona */
        margin-bottom: 3px;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 15px;
    }
}/* End custom CSS */