/* Alhambra colours over the shared attraction layout.
   Only colour values change; sizes, spacing and structure stay exactly as on the Majorelle page.
   The tokens are set again on .theme-attraction because the shared token sheet declares them there too. */
body.apocv-place-alhambra,
body.apocv-place-alhambra .theme-attraction {
  --ivory: #faf6ef; --white: #fefcf8; --tint: #f1e9dc; --paper: #f5ecdd; --cream: #fff8ea;
  --line: #e2d6c3; --line-2: #e0d3be;
  --navy: #1e2420; --navy-2: #28322c; --teal: #2f2a1c;
  --cobalt-a: #a54a2e; --cobalt-b: #863b24; --cobalt: #a64b26;
  --gold: #a8742e; --gold-deep: #8a5a1f; --sun: #f2b544; --sand: #e6c88f; --pale-yellow: #f3dca6; --dot-green: #7c8a3a;
  --forest: #3c4a2c; --forest-deep: #2e3a22;
  --muted: #6a5d52; --muted-green: #5a5238;
  --header-bg: var(--navy); --header-blue: var(--navy);
  --button-bg: linear-gradient(115deg, var(--cobalt-a), var(--cobalt-b));
  --focus: 2px solid #a64b26;
  --shadow-button: 0 8px 20px rgba(134, 59, 36, 0.2);
}
body.apocv-place-alhambra #mobile-menu.ac-mj-drawer { --sun: #f2b544; --sand: #e6c88f; --mmuted: #c2cbbf; --drawer: #1e2420; }
/* The phone menu: dark earth in place of Majorelle navy, terracotta in place of cobalt. */
html body.apocv-place-alhambra #mobile-menu.ac-mj-drawer,
html body.apocv-place-alhambra #mobile-menu.ac-mj-drawer .top { background: #1e2420; }
html body.apocv-place-alhambra #mobile-menu.ac-mj-drawer .d-buy { background: #29332d; }
html body.apocv-place-alhambra #mobile-menu.ac-mj-drawer .d-opt.on { background: #324038; }
html body.apocv-place-alhambra #mobile-menu.ac-mj-drawer .d-cta { background: linear-gradient(115deg, #a54a2e, #863b24); border-color: #dd967a; }
html body.apocv-place-alhambra #mobile-menu.ac-mj-drawer .top .cnt { background: #37453d; }
html body.apocv-place-alhambra #mobile-menu.ac-mj-drawer .search { background: #29332d; }

/* Ticket step: one experience fills the switch; the link colour follows the palace accent. */
html body.apocv-place-alhambra #main.apocv-booking .ticket-card .apocv-experience-switch:has(> a:only-child) { grid-template-columns: 1fr; }
html body.apocv-place-alhambra .ticket-card-heading a { color: var(--cobalt); }

/* Plan your visit: the selected visitor-guide tab. */
html body.apocv-place-alhambra .ep-visitor-tabs a[aria-selected="true"] { color: var(--cobalt); border-bottom-color: var(--cobalt); }

/* The header and its ticket button have the Majorelle colours written in, not taken from the tokens. */
html body.apocv-place-alhambra header.site-header.vm-attraction-header { background: var(--navy); }
html body.apocv-place-alhambra header.vm-attraction-header :is(.desktop-nav, .hdr-acts) > .button,
html body.apocv-place-alhambra :is(main, header) .button:not(.outline-button) { background: linear-gradient(115deg, var(--cobalt-a), var(--cobalt-b)); }
/* "Your visit. Clearly arranged." has its own navy gradient; here it takes the palace's dark earth. */
body.apocv-place-alhambra #main #apollonaut-visit-arranged { background: linear-gradient(120deg, #303e36, #1e2420 62%, #2a362f); }
body.apocv-place-alhambra #main #apollonaut-visit-arranged .visit-arranged__tabs button:not([aria-selected="true"]),
body.apocv-place-alhambra #majorelle-guide .apo-guide__tabs button:not([aria-selected="true"]) { border-color: #8f9a8f; }
body.apocv-place-alhambra #main.ac-mj .btn-primary:hover,
body.apocv-place-alhambra #sbar.sbar .btn-primary:hover { background: linear-gradient(115deg, #c06040, var(--cobalt-b)); }

/* Several experiences: the ticket-step switch wraps in rows of two. */
html body.apocv-place-alhambra #main.apocv-booking .ticket-card .apocv-experience-switch a:nth-child(n+3) { border-top: 1px solid var(--line-2, #ded8c9); }
html body.apocv-place-alhambra #main.apocv-booking .ticket-card .apocv-experience-switch a:nth-child(odd) { border-inline-start: 0; }