/* Variabili CSS per colori consistenti */
:root {
  --primary-color: #2c5530;        /* Verde scuro per settore legno/natura */
  --primary-light: #4a7c59;        /* Verde medio */
  --primary-dark: #1a3d1f;         /* Verde molto scuro */
  --accent-color: #d4a574;         /* Beige/oro per accenti caldi */
  --accent-light: #e8c49a;         /* Beige chiaro */
  --text-dark: #2d2d2d;            /* Grigio scuro per testi */
  --text-light: #6b7280;           /* Grigio chiaro per testi secondari */
  --bg-light: #f8faf9;             /* Sfondo chiaro con hint di verde */
  --white: #ffffff;
  --shadow: rgba(44, 85, 48, 0.1);  /* Ombra con tinta verde */
}

/* Override colori Bootstrap */
.text-primary {
  color: var(--primary-color) !important;
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white);
}

.btn-primary:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px var(--shadow);
}

.btn-outline-light:hover {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--text-dark);
}

.bg-light {
  background-color: var(--bg-light) !important;
}

/* Hero Section */
.hero-section {
  background: linear-gradient(rgba(44, 85, 48, 0.6), rgba(26, 61, 31, 0.8)), 
              url('/website_woodandsea/static/src/img/hero-windows.jpg');
  background-size: cover;
  background-position: center;
  min-height: 90vh;
  display: flex;
  align-items: center;
}

.hero-section h1 {
  color: var(--white);
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.hero-section .lead {
  color: rgba(255,255,255,0.9);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* Product Cards */
.product-card {
  border: none !important;
  box-shadow: 0 4px 15px var(--shadow);
  transition: all 0.3s ease;
  background: var(--white);
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(44, 85, 48, 0.15);
}

.product-card .card-body h3 {
  color: var(--primary-color);
  font-weight: 600;
}

.product-card .text-muted {
  color: var(--text-light) !important;
}

.product-card .list-unstyled li {
  color: var(--text-dark);
}

.product-card .fa-check-circle {
  color: var(--accent-color) !important;
}

/* Transizioni e hover effects */
.transition-scale {
  transition: all 0.3s ease;
}

.product-card:hover .transition-scale {
  transform: scale(1.05);
}

/* Overlay immagini */
.img-overlay {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
  background: linear-gradient(to top, rgba(44, 85, 48, 0.7), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.product-card:hover .img-overlay {
  opacity: 1;
}

/* Sezione Efficienza Energetica */
.energy-section .display-4 {
  color: var(--primary-color);
  font-weight: 700;
}

.energy-section .lead {
  color: var(--text-dark);
}

/* Gallery items */
.gallery-item {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px var(--shadow);
  transition: all 0.3s ease;
}

.gallery-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(44, 85, 48, 0.2);
}

.gallery-caption {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(44, 85, 48, 0.9), rgba(44, 85, 48, 0.6));
  transition: bottom 0.3s ease;
  backdrop-filter: blur(5px);
}

.gallery-item:hover .gallery-caption {
  bottom: 0;
}

.gallery-caption h3 {
  color: var(--white);
  font-weight: 600;
}

.gallery-caption p {
  color: var(--accent-light);
}

/* Sezione Contatti */
.contact-section .bg-primary {
  background-color: var(--primary-color) !important;
}

.contact-section .bg-opacity-10 {
  background-color: rgba(44, 85, 48, 0.1) !important;
}

.contact-section .text-primary {
  color: var(--primary-color) !important;
}

.contact-section h3 {
  color: var(--text-dark);
  font-weight: 600;
}

/* Form styling */
.form-control:focus {
  border-color: var(--primary-light);
  box-shadow: 0 0 0 0.2rem rgba(44, 85, 48, 0.25);
}

.form-select:focus {
  border-color: var(--primary-light);
  box-shadow: 0 0 0 0.2rem rgba(44, 85, 48, 0.25);
}

/* Sezioni con span e titoli */
.section-subtitle {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.section-title {
  color: var(--text-dark);
  font-weight: 700;
  margin-bottom: 2rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-section {
    min-height: 70vh;
    text-align: center;
  }
  
  .hero-section h1 {
    font-size: 2.5rem;
  }
  
  .product-card:hover {
    transform: none;
  }
  
  .gallery-item:hover {
    transform: none;
  }
}
    .swiper {
      width: 100%;
      height: 90vh;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .hero-slide{
        width: 100% !important;
    }