/* Moleina Trips branding and WP Travel Pro fixes */

/* Brand colors */
:root{
  --moleina-orange: #ff8a1a;
  --moleina-dark: #cc7000;
  --moleina-white: #ffffff;
}

/* Body tweaks */
.site {
  background-color: #fffaf8;
  color: #222;
}

/* Container for trip single pages */
.trip-container, .single-itinerary .site-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px;
  box-sizing: border-box;
}

/* Featured image containment */
.trip-featured-img img,
.single-itinerary .wp-travel-featured-img img,
.single-itinerary .post-thumb img {
  width: 100%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(204,112,0,0.08);
}

/* Trip title */
.trip-title, .single-itinerary .entry-title {
  margin-top: 18px;
  font-size: 2.1rem;
  text-align: center;
  color: var(--moleina-dark);
}

/* Booking box (Viator-like) */
.moleina-booking-box {
  border-radius: 12px;
  background: var(--moleina-white);
  padding: 18px;
  box-shadow: 0 6px 18px rgba(204,112,0,0.08);
  border: 1px solid rgba(204,112,0,0.06);
}

.moleina-booking-price {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--moleina-dark);
}

.moleina-booking-btn {
  display: inline-block;
  background: linear-gradient(90deg, var(--moleina-orange), var(--moleina-dark));
  color: var(--moleina-white);
  padding: 12px 18px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(255,138,26,0.15);
}

/* Archive grid tweaks */
.trip-archive-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.trip-archive-item {
  width: calc(33.333% - 20px);
  background: var(--moleina-white);
  border-radius: 8px;
  overflow: hidden;
  text-align: left;
  box-shadow: 0 6px 18px rgba(204,112,0,0.04);
  border: 1px solid rgba(204,112,0,0.04);
  transition: transform .18s ease;
}

.trip-archive-item:hover { transform: translateY(-6px); }

.trip-archive-img img { width: 100%; height: auto; display:block; }

/* WhatsApp floating button */
#moleina-whatsapp {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, var(--moleina-orange), var(--moleina-dark));
  box-shadow: 0 10px 30px rgba(204,112,0,0.18);
  text-decoration: none;
  color: var(--moleina-white);
}

/* Responsive */
@media (max-width: 980px) {
  .trip-archive-item { width: calc(50% - 20px); }
}
@media (max-width: 660px) {
  .trip-archive-item { width: 100%; }
  .trip-title { font-size: 1.6rem; }
  .moleina-booking-btn { width: 100%; text-align:center; display:block; }
}