/* Samawaat Common Styles */

/* Brand Typography */
.smwt-brand-title,
.smwt-brand-bold-title {
  font-family: "Playfair Display", serif;
  font-weight: 600;
}

/* Brand Colors */
.smwt-brand-color,
.smwt-brand-color-title {
  color: #3F51B5;
}

/* Fill color */
.bg-smwt-primary {
  background-color: #3F51B5 !important;
  color: #fff;
}

/* Fill color */
.bg-smwt-accent {
  background-color: #C5CAE9 !important;
  color: #fff;
}

/* Card border color */
.card-strong-border {
  border: 1px solid #3F51B5;
  border-radius: 0.5rem;
}

/* Navigation Background */
.bg-smwt-navbar {
  background-color: #FFE4C4; /* Soft Apricot: Light peachy cream, soft but noticeable */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* subtle shadow */
  transition: box-shadow 0.3s ease-in-out;
}

/* Navigation Background */
.bg-smwt-card-apricot {
  background-color: #FFE4C4; /* Soft Apricot: Light peachy cream, soft but noticeable */
}

/* Active Navigation Link */
.nav-link.active {
  font-weight: 600;
  color: #3F51B5 !important;
}

/* Additional common styles from various pages */
.quote-icon {
  font-size: 1.25rem;
  color: #0d6efd;
  margin-right: 0.5rem;
}

/* Carousel Controls - from index.html */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none;
}
.carousel-control-prev-icon::after {
  content: '\2039';
  font-size: 2rem;
  color: #3F51B5;
}
.carousel-control-next-icon::after {
  content: '\203A';
  font-size: 2rem;
  color: #3F51B5;
}

/* Make sure navbar appears on top of other content */
.navbar {
  position: relative;
  z-index: 100;
}


/* Not used
.hero-image-bg {
  background-image: url('./../images/skyandflower1920x1440.jpg'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4rem 0;
  color: #fff;
}
 */

.hero-image-bg {
  background-image: url('./../images/skyandflower1920x1440.jpg'); 
  background-size: 112% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  padding: 4rem 0;
  color: #fff;
}


.bg-soft-indigo {
  background-color: rgba(159, 168, 218, 0.7); /* soft lavender-indigo tone #9FA8DA with opacity */
  border-radius: 0.5rem;
  padding: 2rem;
}