/* Custom Styles for Casamento Ana & Ulysses - Festa Junina Premium */

body {
    font-family: 'Montserrat', sans-serif;
     background-image: url('img/background.avif');

  /* não repete, centraliza e fixa */
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;

  /* expande para cobrir todo o viewport */
  background-size: cover;
}

.font-dancing {
    font-family: 'Dancing Script', cursive;
}

/* Header Styling */
.header-junino {
    background: url('img/banner.jpg') no-repeat center center;
    background-size: cover;
    color: #fff; /* White text for contrast */
    padding: 8rem 0; /* More padding */
    position: relative;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* Text shadow for readability */
}

.header-junino::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4); /* Dark overlay */
    z-index: 1;
}

.header-junino .container {
    position: relative;
    z-index: 2;
}

.header-junino h1 {
    color: #FFD700; /* Gold color for names */
}

/* Navigation */
.navbar {
    transition: background-color 0.3s ease;
}

.navbar .nav-link {
    font-weight: 600;
    color: #555;
    transition: color 0.3s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #c0392b; /* Festive red for hover/active */
}

/* Section Styling */
section {
    padding: 4rem 0;
}

.bg-section-light {
    background-color: #fff; /* White background for contrast sections */
    border: 1px solid #eee;
}

/* Custom Colors for Headings (Example) */
.text-primary { color: #2980b9 !important; } /* Blue */
.text-success { color: #27ae60 !important; } /* Green */
.text-info { color: #8e44ad !important; }    /* Purple */
.text-danger { color: #c0392b !important; }  /* Red */

/* Footer */
footer {
    background-color: #f8f9fa; /* Standard light footer */
    border-top: 1px solid #e7e7e7;
}

/* Add more specific styles for Festa Junina elements, patterns, etc. */
/* Example: Add subtle pattern background to sections */
/*
#informacoes {
    background-image: url('img/padrao_junino_colorido.jpeg');
    background-repeat: repeat;
    background-size: 100px; 
    background-blend-mode: overlay;
}
*/

/* Responsive adjustments if needed */
@media (max-width: 768px) {
    .header-junino {
        padding: 5rem 0;
    }
    .display-3 {
        font-size: 3rem;
    }
    .display-5 {
        font-size: 2.5rem;
    }
}



/* Carousel Control Arrows Enhancement */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    border-radius: 50%; /* Make them circular */
    padding: 1rem; /* Add some padding */
    background-size: 60%; /* Adjust icon size within the background */
    filter: invert(1); /* Make the default white icon visible on dark background */
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%; /* Adjust width if needed */
}