/* Corrected and updated css/style2.css */

.parallax-section {
    background-image: linear-gradient(to right, rgba(139, 69, 19, 0.7), rgba(139, 69, 19, 0)), url('../img/bg.jpg'); /* Gradient first, then image */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 1000px;
    position: relative;
    z-index: 1;
    /* No background-attachment: fixed; means no parallax */
}

/* Remove the ::before pseudo-element entirely as it's no longer needed for the overlay */
/* The commented-out block below means it's already effectively removed if you commented it out.
   If it's still in your file, ensure it's fully commented or deleted:
.parallax-section::before {
    display: none;
}
*/


.parallax-section h1,
.parallax-section p {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    text-align: left; /* Keep this as you specified */
}
.parallax-section h1 {
    font-weight: bold;
}

.lead {
    font-size: 2rem;
}

/* --- FIX: Syntax error and consolidate .buttonek-hlavni styles --- */
.buttonek-hlavni {
    display:block;
    width:350px;
    padding:1.2rem;
    background: #2E2E2E;
    border-radius: 10px;
    font-weight:bold; /* Moved from 'a.buttonek-hlavni' */
    font-size:20px; /* Moved from 'a.buttonek-hlavni' */
    color:white; /* Moved from 'a.buttonek-hlavni' */
    text-decoration: none; /* Fixed syntax: removed the extra 'ß' */
}
.buttonek-hlavni:hover {
    background: #4D372C;
}


/* --- FIX: Logo and Menu Alignment --- */
/* Ensure the navbar-brand and navbar-nav align perfectly within the container-fluid */
/* Bootstrap's .navbar already makes .container-fluid a flex container with align-items: center.
   The main fix will be for the .nav-link's height. */

.navbar-brand {
    /* Ensure no unwanted vertical margins on the brand itself */
    margin-top: 0;
    margin-bottom: 0;
}

.logo {
margin-left: 5rem;
margin-right: 10rem;
}
.navbar-nav {
    /* Ensure no unwanted vertical margins on the nav list */
    margin-top: 0;
    margin-bottom: 0;
    /* Reinforce align-items if needed, though Bootstrap should handle it */
    align-items: center;
    text-transform: uppercase;
    
}

.navbar-nav .nav-link {
    /* Set height equal to your logo's max-height (40px in your HTML) */
    height: 40px;
    /* Use flexbox to perfectly center the text vertically within this fixed height */
    display: flex;
    align-items: center;
    /* Remove Bootstrap's default vertical padding, as 'height' now controls vertical space */
    padding-top: 0;
    padding-bottom: 0;
    /* Keep Bootstrap's default horizontal padding for proper spacing between links */
    padding-left: var(--bs-nav-link-padding-x, 1rem); /* Fallback to 1rem if variable not found */
    padding-right: var(--bs-nav-link-padding-x, 1rem); /* Fallback to 1rem if variable not found */
}

a.nav-link {
  font-weight: bold;
  margin-right:2rem;
  color: #2E2E2E;
 }
 a.nav-link:hover {
  
  color: #AF8262;
 }

.down-arrow-rotated {
    display: inline-block;
    transform: rotate(90deg); /* Rotate 90 degrees clockwise */
    transform-origin: center center; /* Ensures rotation is around its own center */

    font-size: 0.7em; /* Make it smaller (e.g., 70% of parent text size). Adjust as needed. */
    letter-spacing: -0.1em; /* Pulls the two '>' characters closer horizontally before rotation,
                                 making them closer vertically after rotation. Adjust this value.*/

    vertical-align: middle; /* Optional: Re-adjust vertical alignment if it looks off after size change */
    /* You might still need a very slight top adjustment depending on your font */
    /* position: relative; */
    /* top: 0.05em; */
}

/* General Body Styling */
body {
    font-family: 'Montserrat', sans-serif;
    color: #333;
}


/* Custom styles for the header (optional) */
.navbar-brand img {
    border-radius: 5px;
}

/* Adjustments for content block (optional) */
.container.my-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* Footer styling (optional) */
footer {
    border-top: 1px solid #444;
}

footer a {
    transition: color 0.3s ease-in-out;
}

footer a:hover {
    color: #0d6efd !important;
}

/* --- .buttonek styles (unchanged as requested) --- */
.buttonek {
  background: #AF8262;
  border-radius: 10px;
  padding:0.1rem;
}
.buttonek:hover {
background: #83634C;

  }

.buttonek a {
  color: white;
  margin-right:0;
}

.buttonek a:hover {
color:white;
 } 

footer * {
  display:initial;
  text-align:center;
}

/* Flatpickr and time slot styling */
  #timeSlots li {
    padding: 8px;
    background-color: #f8f9fa;
    margin: 5px 0;
    cursor: pointer;
  }
  
  #timeSlots li:hover {
    background-color: #e2e6ea;
  }
  .time-slot {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
  }

  .time-slot:hover {
    color: darkblue;
  }