/*
Theme Name: Mountain Village
Theme URI: https://www.mountainvillagetrekking.com
Author: Mama Group
Author URI: https://www.mamagroup.net
Description: Custom WordPress theme developed by Mama Group. Designed for professional, modern, and scalable websites using Bootstrap 5.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mamagroup-theme
Tags: bootstrap, responsive, modern, custom-theme, multipurpose

Copyright (c) 2025 Mama Group.
All rights reserved. This theme is distributed under the terms of the GNU General Public License (GPL), but the Mama Group name, logo, brand identity, and any proprietary designs or content are protected under applicable intellectual property laws and may not be reused without explicit written permission.
*/


/* Ensure the pointer (hand) cursor appears on hover and click */
a {
  cursor: pointer;
  text-decoration: none;
}

/* Additional styling for a smooth hover effect */
a:hover {
  opacity: 0.8; /* Optional: Makes the hover effect smoother */
}

/* ===========================
   HEADER
=========================== */
/* ------------------------
  Shared CTA Button
------------------------- */
.header-cta__button {
  background-color: #2f4f1f;
  border-color: #2f4f1f;
  font-weight: 600;
  border-radius: 30px;
  padding: 0.5rem 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.header-cta__button:hover {
  background-color: #dd9933;
  border-color: #dd9933;
  color: #fff;
}

/* ------------------------
  Header Main Sticky
------------------------- */
.header-main {
  background-color: #fff;
  z-index: 1030;
}

/* ------------------------
  Toggle Button
------------------------- */
.header-main__toggle {
  font-weight: 600;        
  color: #88940b;         
  gap: 0.5rem;          
  font-size: 1rem;       
}

.header-main__toggle:hover {
  color: #dd9933;        
}


/* ------------------------
  Desktop Nav
------------------------- */
.header-main__menu-link {
  color: #2f4f1f;
  font-weight: 600;
}
.header-main__menu-link:hover {
  color: #dd9933;
  text-decoration: underline;
}

/* ------------------------
  Offcanvas Mobile Menu
------------------------- */
.header-mobile .offcanvas-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.header-mobile__icon {
  color: #88940b; 
  font-size: 1.1rem;
}
.header-mobile__scroll {
  flex-grow: 1;
  overflow-y: auto;
}
.header-mobile__link {
  color: #0d0e05;
  font-weight: 500;
}
.header-mobile__link:hover {
  color: #88940b
}
.header-mobile__cta {
  background-color: #fff;
  position: sticky;
  bottom: 0;
  z-index: 10;
}

/* Info and Expert */
.header-mobile__info i,
.header-mobile__expert i {
  font-size: 1rem;
}
.header-mobile__expert img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

/* ===========================
   HOME #HERO SECTION
=========================== */
.home-hero-section {
  position: relative;
  min-height: 70vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.home-hero-section__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4); /* Change overlay color here */
  z-index: 0;
}

.home-hero-section__container {
  position: relative;
  z-index: 1;
}

.home-hero-section__title {
  font-size: 2.75rem;
}

.home-hero-section__subtitle {
  font-size: 1.25rem;
  max-width: 600px;
}

.home-hero-section__buttons .home-hero-section__button {
  font-size: 1rem;
}



/* ===========================
   HOME : WHO WE ARE
=========================== */
/* Hero Section Heading */
.who-we-are-section {
  padding: 4rem 0;
  text-align: center;
}

.who-we-are-section__title {
  font-family: 'Pacifico', cursive;
  font-size: 2.5rem;
  color: #6B3E26;
}

.who-we-are-section p {
  max-width: 800px;
  margin: 0 auto;
  font-weight: 500;
  color: #222;
}

/* ============================
   HOME : WHY US
=========================== */
.why-us-section__overlay {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4rem 0;
}

.why-us-section__subtitle {
  font-family: 'Pacifico', cursive;
  color: #FFD52E;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.why-us-section__title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #ffffff;
}

.why-us-card {
  background-color: #ffffff;
  color: #3a3f05;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  text-align: left;
}

.why-us-card__icon {
  font-size: 2rem;
  color: #88940b;
}

.why-us-card__title {
  font-weight: 700;
  color: #3f3302;
}

.why-us-card__desc {
  font-size: 0.95rem;
  line-height: 1.5;
  margin-top: 0.5rem;
}

/* ===========================
   HOME: POPUPAR DESTINATION
=========================== */
.destinations-section__subtitle {
  font-family: 'Pacifico', cursive;
  color: #FFD52E;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.destinations-section__title {
  font-weight: 700;
  font-size: 2.5rem;
  color: #5C3B16;
}

.destination-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
  background-position: center center;
  min-height: 250px;
  border-radius: 12px;
  overflow: hidden;
  transition: background-size 0.5s ease, background-position 0.5s ease, transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.destination-card--large {
  min-height: 100%;
  height: 100%;
}

.destination-card:hover {
  background-size: 110%;
  background-position: center top;
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}

.destination-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  z-index: 1;
  transition: background 0.3s ease;
}

.destination-card__content {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 2rem;
  text-align: center;
  max-width: 90%;
}

.destination-card__title {
  font-weight: 700;
  font-size: 1.5rem;
}

.destination-card__desc {
  font-size: 0.95rem;
  margin-top: 0.5rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}


/* ===========================
   HOME : BLOG
=========================== */

/* Blog Section Overlay */
.blog-section {
  position: relative;
}

.blog-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1d3a75d2; /* Adjust the overlay color & opacity */
  z-index: 0;
}

.blog-section .container {
  position: relative;
  z-index: 1;
}

/* ============================
   TEMPLATE PARTS - ABOUT
=========================== */
.about-hero__title {
  font-size: 2rem;
  color: #2a6b2f; /* logo-like deep green */
}

.about-hero__breadcrumb a {
  color: #388e3c;
}

.about-main__logo {
  max-height: 160px;
}

.about-panels__vision {
  background-color: #2a6b2f;
}

.about-panels__offer {
  background-color: #fffbe6; /* soft yellow tint */
}

/* ===========================
   PAGE : DESITNATIONS
=========================== */
/* ===== Destination Modern Card Styles ===== */
.destination-modern-card {
  position: relative;
  height: 320px;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.destination-modern-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.destination-modern-card__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease, filter 0.5s ease;
  filter: brightness(60%);
}

.destination-modern-card:hover .destination-modern-card__img {
  transform: scale(1.05);
  filter: brightness(50%);
}

.destination-modern-card__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 1rem;
  z-index: 1;
  pointer-events: none;
}

.destination-modern-card__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1rem;
  pointer-events: auto;
}

.destination-modern-card__btn {
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  padding: 0.5rem 1.25rem;
  font-weight: 600;
  border-radius: 999px;
  text-transform: uppercase;
  font-size: 0.875rem;
  pointer-events: auto;
  transition: all 0.3s ease;
}

.destination-modern-card__btn:hover {
  background-color: #fff;
  color: #000;
}

/* Optional Responsive Height */
@media (max-width: 767.98px) {
  .destination-modern-card {
    height: 280px;
  }
}


/* ===========================
   CONTACT US PAGE
=========================== */
/* Contact Form 7 - Custom Styles */
.contact-main-form__title {
  color: #0c0502; 
  font-size: 1.25rem;
  font-weight: 700;
}
.contact-main-form__label {
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: block;
}

.contact-main-form__input,
.contact-main-form__textarea {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  transition: border-color 0.2s ease;
  font-size: 15px;
}

.contact-main-form__input:focus,
.contact-main-form__textarea:focus {
  border-color: #ffc107;
  background-color: #fff;
  outline: none;
}

.contact-main-form__submit {
  padding: 0.75rem;
  border-radius: 6px;
  letter-spacing: 0.5px;
}

.wpcf7-form br {
  display: none;
}

/* ===========================
   SINGLE BLOG PAGE
=========================== */
/* Social Share Sticky (Desktop & Tablet) */
.social-share {
  position: fixed;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1000;
}

/* Social Share Section (Mobile) - Placed at the End */
.social-share-mobile {
  position: sticky;
  bottom: 0;
  left: 12px;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  z-index: 999;
}

/* Social Icon Buttons */
.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 18px;
  color: white;
  transition: all 0.3s ease-in-out;
}

/* Individual Colors */
.facebook { background: #1877F2; }
.messenger { background: #0084FF; }
.viber { background: #7C4DFF; }
.whatsapp { background: #25D366; }
.telegram { background: #0088CC; }
.email { background: #D44638; }

/* Hover Effect */
.social-icon:hover {
  opacity: 0.8;
  transform: scale(1.1);
}

/* Mobile Visibility */
@media (max-width: 768px) {
  .social-share {
      display: none; /* Hide Desktop Sticky Share */
  }
  .social-share-mobile {
      display: flex;
  }
}

/* ===========================
   PAGE : LEGAL DOCUMENTS
=========================== */
.legal-page__intro h2 {
  color: #1f419b; 
}

.legal-page__licenses .card {
  transition: transform 0.3s ease;
}

.legal-page__licenses .card:hover {
  transform: translateY(-5px);
}

.legal-page__links a:hover {
  color: #cdb054; 
  text-decoration: underline;
}

.legal-page__cta {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
}


/* ===========================
   PAGE :TEAM
=========================== */
/* Background & Overlay */
.team-section {
  position: relative;
  padding: 80px 0;
  text-align: center;
  color: white;
}

/* Dark Overlay */
.team-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 0, 80, 0.8); /* Adjust overlay opacity */
  z-index: 1;
}

.team-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 0, 80, 0.478);
  z-index: 1;
}

/* Title & Subtitle */
.team-title, .team-subtitle {
  position: relative;
  z-index: 2;
}

.team-title {
  font-weight: bold;
  font-size: 2rem;
}

.team-subtitle {
  font-size: 1.2rem;
  margin-bottom: 40px;
}

/* Team Member Card */
.team-member {
  position: relative;
  z-index: 2;
  text-align: center;
  border-radius: 10px;
  padding: 15px;
  transition: transform 0.3s ease-in-out;
  border: 2px solid transparent;
}

/* Hover Effect */
.team-member:hover {
  transform: scale(1.05);
}

/* Profile Image */
.team-member img {
  width: 100%;
  max-width: 150px;
  height: 150px;
  border-radius: 10px;
  object-fit: cover;
  border: 3px solid #f06525;
}

/* Name & Role */
.team-member h5 {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 10px;
  color: white;
}

.team-member p {
  font-size: 0.9rem;
  color: #ddd;
  margin-bottom: 0;
}


/* ===========================
   FOOTER
=========================== */
/* Affiliations */
.carousel-logo {
  overflow: hidden;
  position: relative;
  background-color: #fff; /* Optional */
}

.carousel-logo__track {
  display: flex;
  width: max-content;
  animation: scroll-logos 30s linear infinite;
}

.carousel-logo__track:hover {
  animation-play-state: paused; /* Pause on hover */
}

.carousel-logo__item {
  flex: 0 0 auto;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-logo__img {
  height: 60px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

/* Animation Keyframes */
@keyframes scroll-logos {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Responsive tweak (optional) */
@media (max-width: 768px) {
  .carousel-logo__img {
    height: 40px;
  }
  .carousel-logo__item {
    padding: 0 20px;
  }
}


/* Left Column */
.hero-section__left {
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 100%;
}

/* Background Video */
.hero-section__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}

.hero-section__video-iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  border: none;
}

/* Optional Overlay */
.hero-section__overlay {
  z-index: -1;
}

/* Text Content */
.hero-section__content {
  z-index: 1;
  padding: 2rem;
}

.hero-section__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.hero-section__desc {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.hero-section__btn {
  font-weight: 600;
  border-width: 2px;
}

/* Ensure columns match height */
.row.align-items-stretch > [class^="col-"] {
  display: flex;
  flex-direction: column;
}

/* Mobile Styles */
@media (max-width: 991.98px) {
  .hero-section__left {
    height: 300px;
    min-height: 300px;
    position: relative;
  }

  .hero-section__video,
  .hero-section__video-iframe {
    position: absolute;
    height: 100%;
  }

  .hero-section__content {
    position: relative;
    z-index: 1;
  }

  .row.align-items-stretch > [class^="col-"] {
    display: block;
  }
}

/* Footer Book Form */
.footer-book-form__label {
  font-weight: 600;
  color: #333;
  display: block;
  margin-bottom: 0.5rem;
}

.footer-book-form__input,
.footer-book-form__textarea {
  width: 100%;
  height: 38px;
  padding: 10px 15px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
}

.footer-book-form__textarea {
  height: auto;
  min-height: 120px;
  resize: vertical;
}

.footer-book-form__submit {
  width: 100%;
  background-color: #FFD52E; /* Your custom color */
  color: #0d0808;
  padding: 12px 20px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.footer-book-form__submit:hover {
  background-color: #f3ce3c;
}

.footer-book-form__group {
  margin-bottom: 1.5rem;
}

/* Footer Base */
.footer-section {
  background-color: #eaf3ec;
  font-family: 'Segoe UI', sans-serif;
  color: #333;
}

.footer-section__logo {
  max-height: 120px;
}

.footer-section__description {
  max-width: 950px;
  font-size: 1rem;
  color: #555;
}

/* Section Titles */
.footer-section__heading,
.footer-section__meta-title {
  font-weight: 600;
  font-size: 1.3rem;
  border-bottom: 2px solid #fdd835;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  display: inline-block;
}

/* Footer Links */
.footer-section__list {
  margin: 0;
  padding: 0;
}

.footer-section__link {
  display: block;
  color: #333;
  text-decoration: none;
  margin-bottom: 0.5rem;
  transition: color 0.2s ease;
}

.footer-section__link:hover {
  color: #f39c12;
}

/* Contact Info */
.footer-section__contact li {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}

.footer-contact__icon {
  min-width: 20px;
  font-size: 1.1rem;
  color: #9ca914; /* Custom icon color */
  transition: color 0.3s ease;
}

.footer-contact__icon:hover {
  color: #020510; /* Slightly darker on hover */
}

.footer-contact__link {
  color: #070c1a; /* Custom link color */
  text-decoration: none;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

.footer-contact__link:hover {
  color: #1e326f; /* Hover color match */
  text-decoration: underline;
}

/* Payments */
.footer-section__payments img,
.footer-section__affiliate-logo {
  height: 50px;
  object-fit: contain;
}

/* Social Icons */
.footer-section__social-link {
  color: #9ca914;
  font-size: 1.5rem;
  transition: color 0.2s ease;
}

.footer-section__social-link:hover {
  color: #f39c12;
}

/* Newsletter */
.footer-section__form input {
  font-size: 0.875rem;
}

/* Footer Bottom */
.footer-section__bottom {
  font-size: 0.875rem;
}

.footer-section__bottom a {
  text-decoration: none;
  color: #777;
}

.footer-section__bottom a:hover {
  color: #333;
}

.footer-section__bottom .back-to-top {
  width: 38px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  font-size: 1rem;
  display: inline-block;
}

/* ===========================
   FOOTER STICKY MENU
=========================== */
.mobile-footer-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  background: white; /* Ensure background is visible */
}

/* Navigation Items */
.mobile-footer-nav .nav-item {
  flex: 1;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  padding: 14px 0; /* Better touch experience */
  font-weight: bold;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}

/* Icons */
.mobile-footer-nav .nav-item i {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}

/* Background Colors */
.mobile-footer-nav .home { background-color: #0b2d6b; color: white; } 
.mobile-footer-nav .services { background-color: #f06524; color: black; } 
.mobile-footer-nav .about { background-color: #0b2d6b; color: white; } 
.mobile-footer-nav .contact { background-color: #f06524; color: black; }

/* Hover, Focus, Active States */
.mobile-footer-nav .nav-item:hover,
.mobile-footer-nav .nav-item:focus,
.mobile-footer-nav .nav-item.active {
  background-color: #f06524 !important; 
  color: black !important;
}

/* Remove border radius on hover */
.mobile-footer-nav .nav-item:hover,
.mobile-footer-nav .nav-item:focus {
  border-radius: 0 !important;
  opacity: 1 !important;
}

/* Ensure body padding prevents overlap */
@media (max-width: 1024px) {
  body {
      padding-bottom: 70px; 
  }
}

/* Hide on larger screens */
@media (min-width: 1025px) {
  .mobile-footer-nav {
      display: none !important;
  }
}

/* Adjustments for very small screens (phones under 400px width) */
@media (max-width: 400px) {
  .mobile-footer-nav .nav-item {
    font-size: 14px; 
    padding: 12px 0; 
  }

  .mobile-footer-nav .nav-item i {
    font-size: 16px; 
  }
}


/* ===========================
   FLOATING CHAT BUTTON
=========================== */
/* Floating Chat Button */
.chat-bubble {
  position: fixed;
  bottom: 80px; /* Adjusted to stay above footer */
  right: 20px;
  z-index: 1100; /* Higher than the footer */
}

/* Chat Toggle Button */
.chat-toggle {
  width: 60px;
  height: 60px;
  background: #f06524;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.chat-toggle:hover {
  background: #d3541f;
}

/* Hidden Chat Options */
.chat-options {
  position: absolute;
  bottom: 70px;
  right: 5px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Show Chat Options */
.chat-options.show {
  opacity: 1;
  visibility: visible;
}

/* Chat Icon Styles */
.chat-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: white;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

/* Icon Colors */
.messenger { background: #0084FF; }
.whatsapp { background: #25D366; }
.viber { background: #7360F2; }
.email { background: #D44638; }
.maps { background: #FF5733; }
.phone { background: #0b2d6b; } /* Blue color for landline */

/* Hover Effects */
.chat-icon:hover {
  opacity: 0.8;
}

/* Mobile Fix: Prevent Chat Bubble from Overlapping Footer */
@media (max-width: 768px) {
  .chat-bubble {
    bottom: 100px; /* Moves it slightly up in mobile */
  }
}

            
/* ============================
  BUTTON GLOBAL PRIMARY CTA
=========================== */
/* Global Primary CTA Button */
.btn-primary-cta {
  background-color: #FFD52E;
  color: #212529;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.5px;
  padding: 0.6rem 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.btn-primary-cta:hover,
.btn-primary-cta:focus {
  background-color: #f5c518;
  color: #000;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.btn-primary-cta:active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-primary-cta i {
  font-size: 0.9rem;
}


/* ===========================
   BLOG CARD FEATURED
   Mountain Village Trekking
   Built with BEM + Bootstrap 5.3.3
=========================== */

/* Card container */
.blog-card-featured {
  position: relative;
  overflow: hidden;
}

/* Featured image */
.blog-card-featured__image {
  object-fit: cover;
  height: 100%;
}

/* Overlay background */
.blog-card-featured__overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  padding-top: 4rem;
}

/* Category, title, and author text shadow */
.blog-card-featured__category,
.blog-card-featured__title,
.blog-card-featured__author-name,
.blog-card-featured__date {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
}

/* Author block */
.blog-card-featured__author {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Author avatar */
.blog-card-featured__avatar {
  width: 40px;
  height: 40px;
  object-fit: cover;
  margin-bottom: 0.5rem;
}

/* ===========================
   PLAN YOUR TRIP STYLES
   Mountain Village Trekking 
=========================== */

.plan-trip-section__subtitle {
  letter-spacing: 1px;
  color: #4b5e1f; /* Deep green */
}

.plan-trip-section__title {
  font-size: 2rem;
  color: #4b5e1f;
}

.plan-trip-section__form {
  border-left: 4px solid #b5c84c; /* Olive green */
  background-color: #eef6fb;      /* Light sky background */
}

.plan-trip-section__form input,
.plan-trip-section__form select,
.plan-trip-section__form textarea {
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  border-color: #ced4da;
}

.plan-trip-section__form .btn-primary {
  background-color: #FFD52E; /* Text green */
  border-color: #4b5e1f;
  padding: 0.6rem 2rem;
  color: #140c0c;
}

.plan-trip-section__form .btn-primary:hover {
  background-color: #ebbf11;
  border-color: #374714;
}

#cf7-progress-bar {
  background-color: #b5c84c;
  color: #4b5e1f;
}