/*
    Theme Name: LL22
    Template: twentytwentyfive
    Author: Jan
    Version: 1.0
*/

/* ----------------------------------------------
   Font Awesome Icons
---------------------------------------------- */

/* Style for all Font Awesome icons */
.fa {
    color: #00a3c8 !important; /* Default icon color */
    font-size: 1.5rem; /* Default icon size */
}

/* Additional style for black Font Awesome icons */
.fa.black {
    color: #000000 !important; /* Override color to black */
    font-size: 1.5rem; /* Keep the same size */
}


/* ----------------------------------------------
   Navigation Links
---------------------------------------------- */

/* Remove underline from navigation links */
nav.wp-block-navigation a {
    text-decoration: none; /* Clean, modern look */
    transition: color 0.2s ease; /* Smooth fade effect */
    color: #000000; /* Default color */
}

/* Change text color on hover */
nav.wp-block-navigation a:hover {
    color: #a9c37b !important; /* Highlight with green on hover */
}

/* Keep current page link colored */
nav.wp-block-navigation .current-menu-item > a,
nav.wp-block-navigation .current-page-ancestor > a,
nav.wp-block-navigation .current-page-parent > a {
    color: #a9c37b !important; /* Keep the active page link green */
}




/* ----------------------------------------------
   Green Button on hover
---------------------------------------------- */

/* Force styles for is-style-fill buttons */
.wp-block-button__link {
    background-color: #D5E6B7 !important; /* Default background color */
    color: #000000 !important; /* Default text color */
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

.wp-block-button__link:hover {
    background-color: #a9c37b !important; /* Hover background color */
    color: #ffffff !important; /* Hover text color */
}




/* ----------------------------------------------
   Responsive Google Map
---------------------------------------------- */

/* Make Google Map iframe responsive */
iframe {
    width: 100% !important; /* Full width for responsiveness */
    max-width: 100%; /* Prevent overflow */
    height: 500px; /* Default height for better usability */
}

/* Adjust map height for smaller screens */
@media (max-width: 768px) {
    iframe {
        height: 300px; /* Shorter height for smaller devices */
    }
}

/* ----------------------------------------------
   Header Floats on top - sticky
---------------------------------------------- */

/* Make the header fixed on top */
/* Default header style (transparent) */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(213, 230, 183, 0); /* Fully transparent green */
    transition: background-color 0.5s ease; /* Smooth transition */
}

/* Header style when scrolled */
header.scrolled {
    background-color: rgba(213, 230, 183, 1); /* Green at 100% opacity */
}

/* Add margin to body content to avoid overlap with the header */
body {
    margin-top: 0px; /* Adjust based on your header's height */
}



/* ----------------------------------------------
   Custom "Read More" Text
---------------------------------------------- */

/* Change "read more" to "Preberi več" */
.read-more::after {
    content: "Preberi več"; /* Translation for better localization */
}