/*
Theme Name: Corporate Plus Child (Blato 1902)
Theme URI: https://www.acmethemes.com/themes/corporate-plus
Description: Child tema za Blato 1902. Drzi SVE customizacije (custom CSS, Google Analytics 4, Polylang fiksevi, mobilni submenu JS, blog widget pune slike) odvojeno od parent teme, kako update parent teme (Corporate Plus) nikad ne bi pokvario izgled ni funkcionalnost sajta.
Author: Blato 1902
Template: corporate-plus
Version: 1.0.0
Text Domain: corporate-plus-child
*/

/* =========================================================================
   CUSTOM CSS — preneseno iz parent corporate-plus/style.css (Blato 1902)
   Izvor: analiza/_custom-preserved/style-css-custom-append.css
   ========================================================================= */


.fa-twitter:before {
    content: "\f16d" !important;
}


.fa-youtube:before {
    content: "\f0e1" !important;
}

.socials li.twitter a:hover, .socials li.twitter a:focus {
    background: #C13584 !important;
}


.socials li.youtube a:hover, .socials li.youtube a:focus {
    background: #0b66c2 !important;
}




/* (Uklonjeno) Stari mobilni hero background za `#at-banner-slider` (vanjski
   blato1902.hr URL) — B10 custom slider (inc/b10-hero-slider.php) sada renderira
   hero u tu istu sekciju i sam crta slike po slajdu (.blato-b10-bg), pa je ovo
   pravilo bilo mrtvo i učitavalo nepotrebnu vanjsku sliku. */




input[type="checkbox"] {
    /* Povećajte veličinu checkbox-a */
    width: 25px; /* ili više, prema vašim potrebama */
    height: 25px; /* ili više, prema vašim potrebama */
    
    /* Dodajte prilagođeni stil */
    background-color: #f2f2f2; /* svijetlo siva pozadina */
    border: 1px solid #dcdcdc; /* svijetlo siva granica */
    border-radius: 5px; /* blago zaobljeni uglovi */
    transition: background-color 0.2s, border-color 0.2s; /* animacija za hover/checked stanja */
    
    /* Centrirajte kvačicu unutar većeg checkbox-a */
    background-position: center;
    background-repeat: no-repeat;
}

/* Stil za hover stanje */
input[type="checkbox"]:hover {
    border-color: #adadad; /* tamnija granica za hover */
}

/* Stil kada je checkbox označen */
input[type="checkbox"]:checked {
    background-color: #4CAF50; /* promijenite boju pozadine kada je označeno */
    border-color: #4CAF50; /* granica boje koja odgovara pozadini */
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M7.629 14.186L3.051 9.608l-1.414 1.415L7.629 17.015l10.606-10.606-1.414-1.415z"/></svg>'); /* Ikona kvačice */
}

/* Uklonite default stil ako je potrebno */
input[type="checkbox"]::-webkit-checkbox {
    appearance: none; /* Za Safari i Chrome */
    -moz-appearance: none; /* Za Firefox */
    -ms-appearance: none; /* Za IE */
}




.wpcf7-list-item {
     margin: 0;
}



.wpcf7-spinner {
    display: block;
}



textarea {
    overflow: auto;
    width: 100%;
    color: #000 !important;
}


div#sidebar-section-top {
    padding-bottom: 40px !important;
}


.inner-main-title {
    position: relative; /* Pozicioniranje za pseudo-element */
    z-index: 1;
}

.inner-main-title::before {
    content: ''; /* Pseudo-element zahtijeva content */
    display: block; /* Ili inline-block, ovisno o situaciji */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5); /* Crna boja s 50% prozirnosti */
    z-index: -1; /* Pseudo-element ide iza sadržaja */
}

.inner-main-title {
    background-image: url('https://blato1902.hr/wp-content/uploads/2022/10/BLATO-1902.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}







    background: rgba(0, 0, 0, 0.93);
    margin-bottom: 30px;
    margin-bottom: 30px;

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    color: #000 !important;

span.wpcf7-list-item-label {
    display: inline-flex;
    padding-left: 10px;
}


input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    color: #000 !important;
}



}





/* 1) Mobile-only media query */
@media (max-width: 767px) {
  /* 1.1) Sakrij sve podizbornike */
  .menu-glavni-container .sub-menu {
    display: none !important;
  }

  /* 1.2) Pozadinska boja navbar-a */
  .navbar {
    background: rgba(0, 0, 0, 0.93);
   }

  /* 1.3) Dodaj strelicu pokraj stavki koje imaju podizbornik */
  .menu-glavni-container .menu-item-has-children > a {
    position: relative;
    padding-right: 2em; /* prostor za strelicu */
  }
  .menu-glavni-container .menu-item-has-children > a::after {
    content: '▼';
    position: absolute;
    right: 0.5em;        /* pomaknuto bliže tekstu */
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8em;
  }

  /* 1.4) Kad je otvoreno, prikaži podizbornik i okreni strelicu */
  .menu-glavni-container .menu-item-has-children.open > .sub-menu {
    display: block !important;
  }
  .menu-glavni-container .menu-item-has-children.open > a::after {
    content: '▲';
  }

  /* 1.5) Razmak između linkova za bolju čitljivost */
  .menu-glavni-container .nav > li > a {
    display: block;
    padding: 0.75em 1em;
  }

  /* 1.6) Logo da ne zauzima previše mjesta */
  img.custom-logo {
    max-width: 70%;
  }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100%;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.nav .open>a{
    color: #316747;
}
}





p.age-gate__challenge {
    margin-bottom: 30px;
	font-size: 16px;
}


h2.age-gate__headline {
    font-size: 2.5rem;
}

.age-gate {
    padding: 5vh 2vh;
}

button.age-gate__submit.age-gate__submit--yes {
    background: #316747;
    font-size: 12px;
}


.age-gate__background-color {
    top: 0;
}

.navbar {
    z-index: 999999 !important;
}


@media only screen and (max-width: 680px) {
p.age-gate__challenge {
	font-size: 2vh;
}
    .age-gate__background-color {
    top: 119px;
} 
}

.single-thumb-full, .single-thumb-full img {
    width: 100%;
    display: none !important;
}

/* Blog widget - full quality images with proper scaling */
.blog-item .blog-img {
    width: 100%;
    height: 240px;
    overflow: hidden;
}
.blog-item .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Single post - image margins */
.single .entry-content img {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Fix za dugacke naslove na mobileu - dinamicka visina headera */
@media screen and (max-width: 767px) {
    .inner-main-title {
        height: auto;
        min-height: 140px;
        padding-top: 120px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .inner-main-title .entry-title,
    .inner-main-title .page-title {
        font-size: 22px;
        line-height: 1.3;
    }

    /* Manji header/navbar na mobileu */
    .navbar {
        padding: 18px 0;
    }

    img.custom-logo {
        max-width: 60%;
    }
}