/* =========================================================
   PAHO — Homepage layout redesign v3
   Structural, not just color: floating search hero, alternating
   section bands, icon feature grid, redesigned VIP cards,
   3-tile CTA chooser. Pure CSS, Font Awesome already loaded by
   the plugin (no new font/icon requests). No animation beyond
   cheap transform/opacity/box-shadow, all respecting
   prefers-reduced-motion (see premium-system.css).
   ========================================================= */

.paho-home { direction: rtl; overflow-x: clip; }

.paho-band { }
.paho-band--light { background: var(--paho-bg-light); }
.paho-band--dark  { background: linear-gradient(160deg, #241a3d, #1a1330); }

.paho-section { max-width: var(--pmx-max, 1200px); margin: 0 auto; padding: 3.5rem 1.25rem; }
.paho-band .paho-section { padding-top: 3.5rem; padding-bottom: 3.5rem; }

.paho-eyebrow {
	display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .03em;
	color: var(--paho-primary); background: rgba(124,58,237,.08);
	padding: .3rem .85rem; border-radius: var(--paho-radius-pill); margin-bottom: .9rem;
}
.paho-eyebrow--onhero { color: #fff; background: rgba(255,255,255,.14); }
.paho-eyebrow--ondark { color: var(--primary-gold); background: rgba(201,162,111,.14); }

.paho-section__title {
	font-family: var(--font-fa); font-weight: 700;
	font-size: clamp(1.35rem, 2.2vw, 1.9rem);
	color: var(--paho-text); margin: 0 0 1.5rem;
}
.paho-section__title--ondark { color: #fff; }

/* ---------- Hero ---------- */
.paho-hero {
	position: relative;
	background-color: #5b21b6;
	background: linear-gradient(150deg, #7c3aed 0%, #5b21b6 65%, #4527a0 100%);
	padding: 4rem 1.25rem 5.5rem;
	text-align: center;
}
.paho-hero__blob { position: absolute; border-radius: 50%; filter: blur(60px); opacity: .35; pointer-events: none; }
.paho-hero__blob--a { width: 340px; height: 340px; background: #c9a26f; top: -120px; left: -80px; }
.paho-hero__blob--b { width: 280px; height: 280px; background: #a78bfa; bottom: -100px; right: -60px; }

.paho-hero__inner { position: relative; max-width: 780px; margin: 0 auto; }
.paho-hero__title {
	font-family: var(--font-fa); color: #ffffff; font-weight: 700;
	font-size: clamp(1.7rem, 3.6vw, 2.75rem); line-height: 1.28; margin: 0 0 .75rem;
}
.paho-hero__subtitle { color: rgba(255,255,255,.92); font-size: 1rem; line-height: 1.8; margin: 0 0 2rem; }

.paho-hero__search {
	display: flex; flex-wrap: wrap; gap: .6rem;
	background: #fff; border-radius: var(--paho-radius-lg);
	padding: .6rem; box-shadow: 0 24px 60px rgba(30,15,60,.35);
	max-width: 720px; margin: 0 auto;
}
.paho-hero__search-field {
	flex: 1 1 200px; display: flex; align-items: center; gap: .6rem;
	padding: .6rem .9rem; border-radius: var(--paho-radius);
}
.paho-hero__search-field i { color: var(--paho-primary); font-size: .9rem; }
.paho-hero__search-field select {
	flex: 1; border: 0; background: transparent; font: inherit; font-size: .9rem;
	color: var(--paho-text); appearance: none; cursor: pointer;
}
.paho-hero__search-field:not(:last-of-type) { border-inline-end: 1px solid var(--bd); }
.paho-hero__search-btn {
	display: flex; align-items: center; gap: .5rem; border: 0; cursor: pointer;
	background: var(--grad-gold); color: #fff; font-weight: 700; font-size: .9rem;
	padding: .8rem 1.6rem; border-radius: var(--paho-radius-pill);
}
@media (max-width: 640px) { .paho-hero__search { flex-direction: column; } .paho-hero__search-field { flex-basis: auto; } .paho-hero__search-field:not(:last-of-type) { border-inline-end: 0; border-bottom: 1px solid var(--bd); } .paho-hero__search-btn { width: 100%; justify-content: center; } }

.paho-trust-bar { list-style: none; display: flex; justify-content: center; gap: 2.5rem; flex-wrap: wrap; margin: 2rem 0 0; padding: 0; }
.paho-trust-bar li { display: flex; flex-direction: column; align-items: center; color: #fff; }
.paho-trust-bar strong { font-family: var(--font-fa); font-size: 1.5rem; font-weight: 700; color: #fff; }
.paho-trust-bar span { font-size: .78rem; opacity: .8; }

/* ---------- Why PAHO — icon feature grid ---------- */
.paho-why__lead { font-size: .95rem; line-height: 1.9; color: #475569; max-width: 760px; margin: 0 0 2rem; }
.paho-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
@media (max-width: 900px) { .paho-why__grid { grid-template-columns: repeat(2, 1fr); } }
.paho-why__card { background: var(--card); border: 1px solid var(--bd); border-radius: var(--paho-radius); padding: 1.5rem 1.25rem; text-align: center; }
.paho-why__icon {
	display: flex; align-items: center; justify-content: center; margin: 0 auto .9rem;
	width: 52px; height: 52px; border-radius: 50%; background: var(--grad-primary); color: #fff; font-size: 1.2rem;
}
.paho-why__card h3 { font-family: var(--font-fa); font-size: .98rem; margin: 0 0 .3rem; }
.paho-why__card p { font-size: .82rem; color: #64748b; margin: 0; line-height: 1.6; }

/* ---------- Featured / VIP cards (dark band) ---------- */
.paho-featured__track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
@media (max-width: 992px) { .paho-featured__track { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .paho-featured__track { grid-template-columns: 1fr; } }

.paho-vip-card { position: relative; background: var(--card); border-radius: var(--paho-radius); overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,.25); }
.paho-vip-card__badge {
	position: absolute; top: .75rem; right: .75rem; z-index: 2;
	background: var(--grad-gold); color: #fff; font-size: .7rem; font-weight: 700;
	padding: .25rem .7rem; border-radius: var(--paho-radius-pill);
}
.paho-vip-card__photo { position: relative; display: block; aspect-ratio: 1/1; background: var(--paho-bg-light); }
.paho-vip-card__photo img { width: 100%; height: 100%; object-fit: cover; }
.paho-vip-card__photo--empty { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--bd); font-size: 2rem; }
.paho-vip-card__rating {
	position: absolute; bottom: .6rem; left: .6rem; display: flex; align-items: center; gap: .3rem;
	background: rgba(20,15,35,.75); color: #fbbf24; font-size: .78rem; font-weight: 700;
	padding: .25rem .6rem; border-radius: var(--paho-radius-pill); backdrop-filter: blur(4px);
}
.paho-vip-card__body { padding: 1rem; }
.paho-vip-card__name { font-family: var(--font-fa); font-size: .95rem; font-weight: 700; margin: 0 0 .3rem; }
.paho-vip-card__name a { color: var(--paho-text); text-decoration: none; }
.paho-vip-card__city { font-size: .8rem; color: var(--paho-primary); margin: 0 0 .2rem; }
.paho-vip-card__specs { font-size: .78rem; color: #64748b; margin: 0 0 .2rem; }
.paho-vip-card__revs { font-size: .75rem; color: #94a3b8; margin: 0 0 .8rem; }
.paho-vip-card__actions { display: flex; gap: .5rem; align-items: center; }
.paho-vip-card__book { flex: 1; text-align: center; padding: .55rem; border-radius: var(--paho-radius-pill); background: var(--grad-primary); color: #fff; font-size: .82rem; font-weight: 700; text-decoration: none; }
.paho-vip-card__icon-btn { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #25d366; color: #fff; flex: 0 0 auto; }

/* ---------- Explore ---------- */
.paho-explore__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
@media (max-width: 768px) { .paho-explore__cols { grid-template-columns: 1fr; } }
.paho-explore__col h3 { font-family: var(--font-fa); font-size: 1rem; margin: 0 0 .9rem; display: flex; align-items: center; gap: .5rem; }
.paho-explore__col h3 i { color: var(--paho-primary); }
.paho-explore__chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.paho-explore__chip { border: 1px solid var(--bd); background: var(--card); color: var(--paho-text); padding: .5rem 1rem; border-radius: var(--paho-radius-pill); font-size: .85rem; text-decoration: none; }

/* ---------- Articles ---------- */
.paho-articles__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
@media (max-width: 992px) { .paho-articles__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .paho-articles__grid { grid-template-columns: 1fr; } }
.paho-article-card { background: var(--card); border-radius: var(--paho-radius); overflow: hidden; box-shadow: var(--sh); }
.paho-article-card__thumb { display: block; aspect-ratio: 16/10; background: var(--bd); }
.paho-article-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.paho-article-card__body { padding: 1.1rem; }
.paho-article-card__title { font-family: var(--font-fa); font-size: 1rem; margin: 0 0 .4rem; }
.paho-article-card__title a { color: var(--paho-text); text-decoration: none; }
.paho-article-card__excerpt { font-size: .85rem; color: #64748b; margin: 0 0 .8rem; line-height: 1.65; }
.paho-article-card__more { display: inline-flex; align-items: center; gap: .4rem; color: var(--paho-primary); font-weight: 700; font-size: .85rem; text-decoration: none; }

/* ---------- FAQ ---------- */
.paho-faq__list { display: flex; flex-direction: column; gap: .7rem; max-width: 860px; }
.paho-faq__item { background: var(--card); border: 1px solid var(--bd); border-radius: var(--paho-radius); padding: 1rem 1.25rem; }
.paho-faq__item summary { font-family: var(--font-fa); font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.paho-faq__item summary::-webkit-details-marker { display: none; }
.paho-faq__ico { color: var(--paho-primary); font-size: .8rem; transition: transform .25s ease; }
.paho-faq__item[open] .paho-faq__ico { transform: rotate(45deg); }
.paho-faq__item p { margin: .75rem 0 0; font-size: .9rem; line-height: 1.85; color: #475569; }

/* ---------- 3-tile CTA chooser ---------- */
.paho-choose__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
@media (max-width: 900px) { .paho-choose__grid { grid-template-columns: 1fr; } }
.paho-choose__tile { background: var(--card); border: 1px solid var(--bd); border-radius: var(--paho-radius-lg); overflow: hidden; }
.paho-choose__tile .accordion-header {
	background: none; color: var(--paho-text); padding: 1.75rem 1.5rem; text-align: center;
	display: flex; flex-direction: column; align-items: center;
}
.paho-choose__icon {
	display: flex; align-items: center; justify-content: center; width: 56px; height: 56px;
	border-radius: 50%; background: var(--grad-primary); color: #fff; font-size: 1.3rem; margin-bottom: 1rem;
}
.paho-choose__tile:nth-of-type(3) .paho-choose__icon { background: var(--grad-gold); }
.accordion-header__title { font-family: var(--font-fa); font-size: 1.02rem; font-weight: 700; margin-bottom: .35rem; }
.accordion-header__sub { font-size: .8rem; color: #64748b; opacity: 1; }