/* FIX: Dodano globalno pravilo za box-sizing, ki izboljša izračun širine in preprečuje prelivanje */
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('avenir-next-lt-pro-condensed-light.woff') format('woff'),
         url('avenir-next-lt-pro-condensed-light.woff2') format('woff2');
}


/* ... (ostala globalna pravila) ... */

div {
    font-family: 'Avenir LT Std';
}

body{
	margin: 0%;
	
    overflow-x: hidden; /* To skrije horizontalno drsno vrstico, če se še vedno pojavi */
    /* FIX: Added solid background to prevent fixed background image tiling/repetition */
    background-color: rgb(130,109,18); 
}


.language-header {
  /* 1. Background color of the header is white */
  background-color: white;

  /* 2. No bars, no borders */
  border: none;
  /* (You don't need to explicitly set 'no bars', as they are not a default CSS feature) */

  /* 3. Make the text in this header is aligned to the right of the page */
  text-align: right;

  /* Optional: Adds a little space around the text */
  padding: 20px 25px;
}

/* Styling the link inside the header */
.language-header .lang-link {
  /* 4. The color of the font is black */
  color: rgb(130,109,18);

  /* Optional: Removes the default link underline for a cleaner look */
  text-decoration: none;

  /* Optional: Makes the text a bit more prominent */
  font-weight: bold;
    font-family: 'Avenir LT Std';
    font-size: 25px;

}


/* DESKTOP BACKGROUND STYLE */
.parallax-mirror,#vurtUnderlay{
    height: auto!important;
    width: 100%!important;
    background-image: url(naslovna_4000x2000_zlata_FINAL.jpg); 
    background-attachment: fixed;
    background-position: top;
    background-size: 110%;
    padding: 60% 0 0;
    /* Ensure the background image does not tile */
    background-repeat: no-repeat;
    background-color: white;
}
.parallax-mirror img{width:auto!important;height:auto!important}


b{
    font-size: 24px;
    color: white;
}


p{
    font-size: 20px;
}


h2{
    font-size: 40px;
    border-bottom: solid;
    border-width: 1px;
}
/* NOVO: Odstrani spodnjo črto samo pod naslovom "PODROČJA PRAVA" */
.NASLOV_podrocje_prava h2 {
    border-bottom: none;
    border-width: 0;
    background: rgb(130,109,18);
    color: white;
}


.container2{
    background: rgb(130,109,18); 
    padding: 5% 10% 7% 7%;
    color: white;
    text-align: left;
    left: auto;
}

.container3{
    background-color:rgba(0,0,0,0);
    text-align: center;
}


/*NASLOVI - izobrazba...*/
.container4{
    background-color:rgba(0,0,0,0);
    text-align: center;
    padding: 0.0% 0% 0% 0%;
    width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

/*NASLOV - podrocja prava (NAMIZNA VERZIJA)*/
.NASLOV_podrocje_prava{
    background-color: rgb(130,109,18);
    padding: 0% 7% 0% 7%; 
    width: fit-content; /* POPRAVLJENO: Da blok zajame samo širino vsebine */
    margin-left: 0%; /* POPRAVLJENO: Za centriranje bloka */
    margin-right: auto; /* POPRAVLJENO: Za centriranje bloka */
    border-bottom: none;
    color: rgb(130,109,18);
    
}

    
.content {
	position: relative;
    margin-bottom: 0px;
    color: white;
    background-color: black;
 
    
}

/* This is the default desktop 3-column layout (TRO-STOLPČNI PRIKAZ) */
.content div {
	padding: 2% 7% 5% 7%;
	background: rgb(130,109,18);
	column-count: 3;
    column-rule: solid;
    column-rule-width: 1px;
    column-rule-color: white;
	column-gap: 80px;
	column-width: 300px;
	text-align: justify;
}

/* Desktop styles for topic items */
.topic-item {
    display: block; 
}


img{
    width: 100%;
    height: auto;
}

a{
    text-decoration: none;
}

footer{ 
	width: 100%;
	text-align: center;
	background: rgb(130,109,18);
	padding: 10px 0px 10px 0px;
	font-family: 'Avenir LT Std';
	font-size: 23px;
	color: white;
}


/* ======================================================= */
/* MOBILE ADJUSTMENTS (MANJ KOT 750px) - SAMO NASLOVI */
/* ======================================================= */

@media screen and (max-width: 750px){
    
    /* FIX: Nastavitev širine na 100% viewporta reši problem z belo vrstico na desni */
    .parallax-mirror,#vurtUnderlay{
        background-image: url(naslovna_4000x2000_zlataa_mobile_portrait.jpg); 
        background-position: center 50px;
        padding: 180% 0 0;  
        background-repeat: no-repeat;
        /* KLJUČNA SPREMEMBA: Uporaba 100vw namesto 100% zagotovi natančno širino zaslona */
        width: 100vw; 
    }
    
    /* AKCIJA: Odstrani spodnjo črto pod naslovom "PODROČJA PRAVA" */
    .NASLOV_podrocje_prava h2 {
        border-bottom: none;
        font-size: 40px; 
        color: white;
        border-width: 0; /* Dodano, da se prepiše globalni h2 border-width */
        background: rgb(130,109,18);
        
    }
    
    /* Overrides the three-column layout to a single column on mobile */
    .content div {
        column-count: 1;
        column-rule: none; /* Remove vertical line separators */
        padding-top: 0%;
        padding-bottom: 0%;
        text-align: center;
        background-color: rgb(130,109,18);
    }
    
    /* AKCIJA: Skrije vse <p> elemente (opisno besedilo) v tem razdelku */
    .content_podrocja_prava p {
        display: none; 
    }
    
    /* STILIZACIJA ZA NASLOV (<b>) - DA OSTANE VIDEN */
    .topic-item b {
        display: block; 
        font-weight: bold;
       color: white;
        font-size: 25px; 
        margin: 10px 0; /* Standardni razmik med naslovi */
        word-break: break-word; /* Prisili prelom dolgih besed */
    }

   
/*NASLOV - podrocja prava (NAMIZNA VERZIJA)*/
.NASLOV_podrocje_prava{
    background: rgb(130,109,18);
    width: 100%; /* POPRAVLJENO: Da blok zajame samo širino vsebine */
    max-width: none;
    border-bottom: none;
    color: rgb(130,109,18);
    text-align: center;
    padding: 0% 0% 0% 0%;

    }

    /* Vrtenje slike zemljevida */
    .map-image {
        transform: rotate(90deg);
        transform-origin: 50% 50%;
        /* Prilagoditve, da zavrtena slika ne povzroča horizontalnega prelivanja */
        width: 100vh;
        max-width: 100vw;
        position: relative;
        left: 50vw;
        margin-left: -50vw;
    }


    img{
        background-position: bottom;
        
    
    }
    
    footer{ 
	width: 100%;
	text-align: center;
	background: rgb(130,109,18);
	padding: 10px 0px 10px 0px;
	font-family: 'Avenir LT Std';
	font-size: 18px;
	color: white;
}
}