/* Home Page Styles - Moved from inline styles */

/* Tour Carousel Card Styles */
.tour-carousel-card {
     border: 1px solid #d8d0d0ff !important;
     border-bottom: 2px solid #d8d0d0ff !important;
}

.tour-grid-card {
     border: 1px solid #d8d0d0ff !important;
     border-bottom: 2px solid #d8d0d0ff !important;
}

.tour-card-image-link {
     position: relative;
}

.tour-card-wishlist-btn {
     position: absolute;
     top: 12px;
     right: 12px;
     width: 36px;
     height: 36px;
     background: #ffffff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     border: 1px solid rgba(0, 0, 0, 0.1);
     padding: 0;
     margin: 0;
     z-index: 10;
}

/* Location and Time Styles */
.location-and-time {
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.location-time-group {
     display: flex;
     align-items: center;
     gap: 5px;
}

.location {
     display: flex;
     align-items: center;
     gap: 5px;
}

.location-link {
     text-decoration: none;
     color: inherit;
}

.arrow {
     flex-shrink: 0;
}

.duration-text {
     white-space: nowrap;
}

/* Rating Styles */
.tour-rating-inline {
     display: flex;
     align-items: center;
     gap: 2px;
     font-size: 14px;
     font-weight: 600;
     color: #1a2b49;
}

.rating-value {
     color: #1a2b49;
}

.rating-count {
     color: #63687a;
}

/* Bottom Area Styles */
.bottom-area ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

.bottom-item {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 14px;
     color: #1a2b49;
}

/* Rating Area Styles - Hero Cards (same as reviews) */
.hero-card .rating-area {
     padding: 0 !important;
     margin: 0 !important;
     list-style: none !important;
     display: flex !important;
     flex-direction: row !important;
     align-items: center !important;
     gap: 2px !important;
     margin-bottom: 0 !important;
}

.hero-card .rating-area.trustpilot {
     display: flex !important;
     flex-direction: row !important;
     align-items: center !important;
}

.hero-card .rating-area.trustpilot li {
     width: 15px !important;
     height: 15px !important;
     background-color: #e5e7eb !important;
     display: flex !important;
     flex-direction: row !important;
     align-items: center !important;
     justify-content: center !important;
     line-height: 1 !important;
     border-radius: 2px !important;
     flex-shrink: 0 !important;
}

.hero-card .rating-area.trustpilot li.filled {
     background-color: #C8963E !important;
}

.hero-card .rating-area.trustpilot li svg {
     fill: #ffffff !important;
     width: 11px !important;
     height: 10px !important;
     display: block !important;
}

/* Hero Card Rating Value and Count */
.hero-card .tour-card-rating-wrapper {
     display: flex;
     align-items: center;
     gap: 8px;
     flex-wrap: wrap;
}

.hero-card .tour-rating-value {
     color: #1a2b49;
     font-weight: 600;
     font-size: 14px;
}

.hero-card .tour-rating-count {
     color: #63687a;
     font-size: 14px;
}

/* Tour Stars Styles - For other components using RatingStars */
.tour-stars {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     gap: 2px;
     align-items: center;
}

.tour-stars li {
     line-height: 1;
     width: 15px;
     height: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #e5e7eb;
     border-radius: 2px;
}

.tour-stars li.filled {
     background-color: #C8963E;
}

.tour-stars li svg {
     fill: #ffffff;
     width: 11px;
     height: 10px;
}

/* Section Spacing */
.home1-tour-carousel-section {
     margin-top: 20px;
}

.home2-testimonial-section {
     margin-top: 30px;
}


/* Blog image height is controlled by style.css (.blog-card .blog-img and img max-height per breakpoint)
   so we do not set fixed height here – avoids excess space below image on mobile (e.g. 360x740). */

/* Skeleton Styles */
.skeleton-stars {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     gap: 2px;
     align-items: center;
}

/* Review Card Styles */
.testimonial-slide {
     height: auto;
     display: flex;
}

.testimonial-card.three {
     display: flex;
     flex-direction: column;
     flex: 1;
}

.testimonial-card.three p {
     flex: 1;
}

/* Author Avatar Styles - Match main CSS */
.testimonial-card .author-area .author-img {
     position: relative;
     min-width: 55px;
     max-width: 55px;
     height: 55px;
     border-radius: 50%;
}

.author-avatar {
     width: 55px;
     height: 55px;
     min-width: 55px;
     max-width: 55px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-weight: 600;
     font-size: 18px;
     flex-shrink: 0;
}

/* Author Info Styles */
.testimonial-card .author-area {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 0;
     margin-top: auto;
}

.testimonial-card .author-area .author-info h5 {
     color: var(--title-color, #1a2b49);
     font-family: var(--font-poppins, 'Poppins', sans-serif);
     font-weight: 700;
     font-size: 20px;
     line-height: 1.3;
     margin: 0;
}

.testimonial-card .author-area .author-info span {
     color: var(--text-color, #4b5563);
     font-family: var(--font-roboto, 'Roboto', sans-serif);
     font-weight: 500;
     font-size: 16px;
     line-height: 1;
     display: block;
     margin-top: 4px;
}

.review-date {
     display: block;
     font-size: 12px;
     color: #6b7280;
     margin-top: 4px;
}

/* Review Rating Links */
.single-rating {
     display: flex;
     align-items: flex-start;
     gap: 15px;
     flex-wrap: nowrap;
}

.single-rating strong {
     flex-shrink: 0;
     margin-top: 20px;
}

.trustpilot-rating,
.tripadvisor-rating {
     flex-shrink: 0;
}

.rating-area {
     margin-top: 5px;
     display: flex;
     align-items: center;
     gap: 8px;
}

.rating-area span {
     color: var(--text-color, #4b5563);
     font-family: var(--font-roboto, 'Roboto', sans-serif);
     font-weight: 600;
     font-size: 14px;
}

/* Google Star Image - Override main CSS (16px) to make it larger */
.home2-testimonial-section .review-and-slider-btn .single-rating .trustpilot-rating .rating-area .rating-stars-image,
.trustpilot-rating .rating-area .rating-stars-image,
.trustpilot-rating .rating-area img.rating-stars-image {
     width: 100px !important;
     height: auto !important;
     min-height: 32px !important;
     max-width: 120px !important;
     object-fit: contain !important;
     display: block !important;
     margin: 0 !important;
}

/* General rating stars image */
.rating-stars-image {
     width: 100px !important;
     height: auto !important;
     min-height: 60px !important;
     max-width: 120px !important;
     object-fit: contain !important;
     display: block !important;
}

.tripadvisor-rating .rating-stars-image {
     width: 100px !important;
     height: auto !important;
     min-height: 32px !important;
     max-width: 120px !important;
     object-fit: contain !important;
     display: block !important;
}

/* (About page review summary styles removed – now using full ReviewCard components from DB) */