/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* Opći stilovi za stranicu */
.page-template-moja-zona .container {
    max-width: 1400px;
}

/* Stilovi za prikaz tabova */
.moja-zona-tabs {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.tabs {
    display: flex;
    list-style: none;
    margin-bottom: 1em;
    flex-wrap: wrap; /* Omogućava prelamanje na manje ekrane */
}

.tabs li {
    margin-right: 1em;
}

.tabs li a {
    text-decoration: none;
    padding: 0.5em 1em;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.tab-content {
    display: none;
    padding: 16px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.tab-content.active {
    display: block;
}

/* Stilovi za liste u "Moji računi" i "Moje police" */
#tab-racuni ul,
#tab-police ul {
    list-style: none;
    padding-left: 10px;
}

#tab-racuni ul li,
#tab-police ul li {
    list-style: none;
}

/* Stilovi za fleksibilni prikaz elemenata s ikonom i tekstom */
.flex-item {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 30px;
    padding-right: 20px;
    position: relative;
}

.flex-item img {
    width: 22px;
    height: 22px;
}

.flex-item span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    padding-left: 30px;
    position: relative;
}

.flex-item span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #efefef;
}

.user-info-header {
	padding-bottom:30px;
	padding-left:0px;
	display:flex;
}

.user-profile, .user-details {
/* 	display: flex; */
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.user-details p {
	margin-bottom:8px;
}

.user-details p:last-child {
	margin-bottom:0px;
}

.godine-folder h3 {
	cursor:pointer;
}

/* Prilagodbe za tablet uređaje */
@media (max-width: 1024px) {
    .tabs {
        justify-content: space-around;
		gap:20px;
		padding: 0px 20px;
    }

    .flex-item {
        font-size: 18px;
        line-height: 28px;
    }

    .flex-item img {
        width: 20px;
        height: 20px;
    }

    .flex-item span {
        font-size: 12px;
    }

   
	
	/* Omogućava horizontalno prelamanje sadržaja tablice za manje ekrane */
    #tab-osiguranje table {
        font-size: 14px;
        overflow-x: auto;
        display: block;
        width: 100%;
    }

    #tab-osiguranje table th, 
    #tab-osiguranje table td {
        padding: 8px;
        white-space: nowrap; /* Onemogućava prelamanje teksta u tablici */
    }
}

/* Prilagodbe za mobilne uređaje */
@media (max-width: 768px) {
    .tabs {
        flex-direction: column; /* Vertikalni prikaz tabova */
        align-items: flex-start;
    }

    .tabs li {
        margin:0px;
		width:100%
    }
	
	.tabs li a {
		display:flex;
		width:100%;
	}

    .flex-item {
        font-size: 16px;
        line-height: 24px;
        padding-right: 10px;
    }

    .flex-item img {
        width: 18px;
        height: 18px;
    }

    .flex-item span {
        font-size: 11px;
    }

    
}

.firm-info img{
	width:240px!important;
}

.moja-zona-tabs table {
	margin-bottom:40px!important;
}

.godina-folder {
	cursor:pointer;
}

.folder-godina {
	margin-bottom:30px;
}

.folder-racun {
	margin-bottom:30px;
}

.osiguranje-table {
	margin-top:20px;
}