/*
Theme Name: triptoyatra-child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.9
Tested up to: 6.8
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
body{
    font-family: "Host Grotesk", sans-serif;
}
.package-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 1rem;
  display: grid;
}

.package-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
}
.travelDate{
    display: none;
}
.card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 30px;
}

.section-title,.card .sub-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fd7704;
  margin-bottom: 1rem;
}

.section-text {
  color: #666;
  line-height: 1.6;
}

.featured-image img {
  width: 100%;
  border-radius: 12px;
  margin-top: 1.5rem;
}

/* Itinerary */
.itinerary { display: grid; }
.day { display: flex; gap: 1rem; }
.day-number {
  width: 3rem; height: 3rem; min-width: 3rem;
  background: #fd7704; color: #fff;
  border-radius: 50%; display: flex;
  align-items: center; justify-content: center;
  font-weight: bold;
}
.day-title { font-weight: 600; margin-bottom: 0.5rem; }

/* Pricing */
.pricing-grid {
  display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}
.price-card { background: #f9f9f9; border-radius: 8px; padding: 1rem; }
.price-amount { font-size: 1.8rem; font-weight: 700; color: #fd7704; }
.price-note { font-size: 0.9rem; color: #777; }

/* Lists */
.check-list li::before { content: "✔ "; color: #fd7704; }
.cross-list li::before { content: "✖ "; color: #e63946; }

/* Enquiry form */
.enquiry-form form { display: grid; gap: 1rem; }
.enquiry-form label { display: block; font-size: 0.9rem; font-weight: 500; }
.enquiry-form input, .enquiry-form textarea, .enquiry-form select {
  width: 100%; padding: 0.6rem;
  border: 1px solid #ccc; border-radius: 6px;
}
.enquiry-form textarea{
  height: 90px;
}
.btn {
  background: #fd7704; color: #fff;
  font-weight: 600; padding: 0.8rem;
  border: none; border-radius: 6px;
  cursor: pointer; transition: background 0.2s;
}
.btn:hover { background: #e68900; }

/* Sidebar recommendations */
.recommend-list { display: grid; gap: 1rem; }
.recommend-item { border: 1px solid #ddd; padding: 1rem; border-radius: 8px; }
.recommend-item img { width: 100%; height: 100px; object-fit: cover; border-radius: 6px; margin-bottom: 0.5rem; }
.recommend-footer { display: flex; justify-content: space-between; align-items: center; }
.price { color: #fd7704; font-weight: 700; }
.btn-small { background: #fd7704; color: #fff; border: none; padding: 0.3rem 0.8rem; border-radius: 4px; cursor: pointer; }
.btn-small:hover { background: #1558b0; }

.titleBg{
  background: url(images/banner.webp) no-repeat center!important;
      background-size: cover !important;
}
.titleBg::before{
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
    background: rgb(248 34 73 / 29%);
}

/* Main nav wrapper */
.main-nav {
  background: #fff;
  border-bottom: 0;
  padding: 10px 0px 10px 20px;
}

/* Top level menu */
.main-menu {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

/* Links */
.main-menu > li > a {
  text-decoration: none;
  color: #333;
  transition: color 0.3s ease;
}

.main-menu > li > a:hover {
  color: #e65300; /* orange */
}

/* Dropdown wrapper */
.main-menu li.menu-item-has-children {
  position: relative;
}

/* Dropdown */
.main-menu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 275px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 999;
}

/* Dropdown items */
.main-menu li ul li a {
  display: block;
  padding: 10px 15px;
  color: #333;
  font-size: 14px;
}

.main-menu li ul li a:hover {
  background: #f7f7f7;
}

/* Show dropdown on hover */
.main-menu li.menu-item-has-children:hover > ul {
  opacity: 1;
  visibility: visible;
}.introPackage h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827; /* dark gray */
  margin-bottom: 1rem;
}

.introPackage p {
  color: #374151; /* medium gray */
  line-height: 1.7;
  margin-bottom: 1rem;
}

.features {
      margin-bottom: 24px;
      list-style: none;
      padding: 0;
    }
    .features li {
      font-size: 14px;
      color: #374151; /* gray */
      margin-bottom: 8px;
      padding-left: 24px; /* space for icon */
      position: relative;
    }
    .features li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 16px;
      height: 16px;
      background: url("data:image/svg+xml,%3Csvg fill='%23c53030' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
      background-size: contain;
    }
    .package-details .card p{
      margin-bottom: 15px;
    }


    ul.package-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px; /* same as text-sm */
  line-height: 1.6;
}

ul.package-list li {
  margin-bottom: 8px; /* same as space-y-2 */
}

ul.package-list li a {
  color: #fff; /* default grayish text */
  text-decoration: none;
  transition: color 0.3s ease;
}

ul.package-list li a:hover {
  color: #fd7704; /* custom red on hover */
}

/* Base mobile menu styles */
.mobile-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff; /* dark background */
}

.mobile-menu li {
 border-bottom: 1px solid rgb(0 0 0 / 14%);
}

.mobile-menu li a {
  display: block;
  padding: 12px 16px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.mobile-menu li a:hover {
  background: #fd7704; /* highlight color */
  color: #fff;
}

/* Sub-menu styling */
.mobile-menu .sub-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
}

.mobile-menu li.menu-item-has-children > a:after {
  content: "▾"; /* dropdown arrow */
  float: right;
  font-size: 16px;
  margin-left: 8px;
}

/* Show submenu when parent li is active */
.mobile-menu li.menu-item-has-children.open > .sub-menu {
  display: block;
}

.mobile-menu .sub-menu li a {
  padding-left: 32px; /* indentation for child links */
  font-size: 15px;
}

.mobile-menu .sub-menu li a:hover {
  color: #fd7704;
}

/* Active page highlight */
.mobile-menu li.current-menu-item > a {
  color: #fd7704;
  font-weight: bold;
}

/* Tour Highlights List Styling */
.tour-highlights-list ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 12px; /* space-y-3 */
}
.tour-highlights-list li {
  position: relative;
  padding-left: 28px !important; /* space for icon */
  line-height: 1.5;
  color: #4b5563; /* gray-600 */
}
.tour-highlights-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='3' stroke='%23fd7704'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
 .only_mobile_social_links {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        padding: 13px 6px;
        box-shadow: 0px -4px 15px -3px rgb(0 0 0 / 7%), -2px -7px 20px -2px rgb(0 0 0 / 4%);
        background-color: #fff;
        display: none;
    }

    .only_mobile_social_links ul {
        margin: 0;
        padding: 0;
        display: flex;
        gap: 10px;
    }

    .only_mobile_social_links ul li {
        list-style: none;
        background-color: #fd7704 ;
        /* width: 32.6%; */
        border-radius: 4px;
        flex: 1 0 0;
    }

    .only_mobile_social_links ul li:nth-child(1) a {
        padding: 9px 0 6px;display: flex;
    justify-content: center;
    }

    .only_mobile_social_links ul li:nth-child(2) {
        background-color: transparent;
        border: 1px solid #233146;
    }

    .only_mobile_social_links ul li:nth-child(2) a {
        color: #233146;
        padding: 10px 0 11px;
    }

    .only_mobile_social_links ul li a {
        text-decoration: none;
        display: block;
        color: #fff;
        text-align: center;
        padding: 12px 12px;
        font-weight: 700;
        font-size: 14px;
    }

    .only_mobile_social_links ul li a img {
        width: 29px;
        transform: translate(2px, -2px);
    }
@media only screen and (max-width:767px) {
  .package-grid,.travelDate, .only_mobile_social_links{
    display: block;
  }
  .travelDate{
   margin-bottom: 10px;   
  }
  #enquiry-popup-form td {
    width: 100% !important;
    float: left;
    margin-bottom: 10px;
  }
  #enquiry-popup-form table{
      border-collapse: collapse!important;
  }
  body{
      overflow-x: hidden;
  }
}