/*
 * Styles specific to the Holiday Page (holiday-styles.css)
 */

/* ===== Hero Section ===== */
.holiday-hero {
    /* Optional: Slightly shorter hero if desired */
    /* min-height: min(75vh, 700px); */
}

/* Subtle gold/orange tint overlay */
.holiday-overlay {
    background: linear-gradient(120deg, rgba(80, 40, 10, 0.55) 15%, rgba(50, 25, 5, 0.35) 60%, rgba(80, 40, 10, 0.65) 95%);
}

.hero__title {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}


/* ===== Holiday Gallery Grid ===== */
/* Uses .portfolio-grid styles from portfolio-styles.css */
/* Uses .showcase-item.card styles from portfolio-styles.css */
/* Text content (.showcase-item__content) is now visible by default */
/* Image styles now inherit default card image styles */


/* ===== Holiday Services Section ===== */
.services-grid {
  /* Uses .grid styles for responsiveness */
}

.service-card {
  /* Inherits .card styles */
  border-left: 4px solid #B22222; /* Festive red color */
  text-align: left; /* Align text left within service cards */
}

.service-card .card__title {
  text-align: left; /* Align title left */
  font-size: 1.3rem; /* Slightly adjust title size if needed */
  color: var(--accent-2); /* Use accent color for title */
}

.service-card .card__text {
   text-align: left; /* Align text left */
}

/* Festive Icon Color */
.icon-holiday {
  color: #B22222; /* Festive Red */
  /* Or use gold: #DAA520; */
  margin-right: 0.6rem;
}

/* ===== About Section ===== */
/* Uses standard .section styles */

/* ===== Booking CTA ===== */
/* Uses standard .section styles */