/* =============================================================
   Auberge Merzouga (Hotel Les Roches) — Brand override layer
   Loaded LAST, after visit-maghreb.css / vm-nav.css.
   Same TravelTour theme structure as bookingmoroccotours.com,
   re-branded to the Auberge's warm dune palette via CSS variables.
   ============================================================= */

:root {
  --vm-terracotta:      #C0622C;  /* dune terracotta — primary CTA */
  --vm-terracotta-dark: #A24E20;  /* button hover */
  --vm-saffron:         #E3A857;  /* golden sand accent */
  --vm-saffron-light:   #F0C98A;
  --vm-indigo:          #3B2817;  /* deep desert brown (header/footer base) */
  --vm-indigo-dark:     #201409;
  --vm-chefchaouen:     #6B4F35;  /* warm secondary */
  --vm-sand:            #EFE3CF;
  --vm-sand-light:      #F7EFE1;
  --vm-cream:           #FBF6EC;
  --vm-ink:             #241A10;
  --vm-ink-soft:        #3F3225;
}

/* Logo is a wide wordmark, not a square badge */
.vm-brand img { width: auto; height: 54px; }
.vm-drawer-brand img { width: auto; height: 42px; }
.vm-footer-logo { width: auto !important; height: 56px !important; }

/* TripAdvisor icon in social rows */
.vm-social .fa-tripadvisor, .vm-foot-social .fa-tripadvisor { font-size: 1.05em; }

/* "Listed on" trust logos strip */
.am-listed { display: flex; gap: 34px; align-items: center; justify-content: center;
  flex-wrap: wrap; padding: 10px 0 4px; }
.am-listed a { display: inline-flex; align-items: center; gap: 10px;
  font-weight: 700; color: var(--vm-ink-soft); text-decoration: none; font-size: 1.02rem; }
.am-listed i { font-size: 1.5rem; color: var(--vm-terracotta); }

/* New Auberge Les Roches logo — cream chip so the brown wordmark reads on the dark chrome */
.vm-brand img, .vm-drawer-brand img { background:#FBF6EC; border-radius:10px; padding:4px 9px; }
.vm-footer-logo { background:#FBF6EC; border-radius:12px; padding:8px 14px; }