/**
 * Syria From Within — a distinct, editorial identity for the small-group trip
 * page (this template only). Damascus-inspired palette: ivory stone, deep
 * evergreen, clay, and a thin gold. Loaded after main.css; scoped to .syria-page.
 * Fonts are the site fonts (Alexandria + IBM Plex Sans Arabic), already loaded.
 */

.syria-page{
	--sy-ivory:#F4EFE6;
	--sy-cream:#FBF8F1;
	--sy-ink:#241F1B;
	--sy-green:#1E4E43;   /* Damascus evergreen */
	--sy-green-2:#163A32;
	--sy-clay:#A65A44;    /* clay / pomegranate */
	--sy-gold:#B0894E;
	--sy-stone:#6F6656;
	color:var(--sy-ink);
	background:var(--sy-ivory);
}

/* Eight-point Damascene star, used as a small gold divider. */
.syria-page .syria-star{
	display:block; width:26px; height:26px; margin:1.1rem auto;
	background:var(--sy-gold);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l3 6 6-3-3 6 6 3-6 3 3 6-6-3-3 6-3-6-6 3 3-6-6-3 6-3-3-6 6 3z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l3 6 6-3-3 6 6 3-6 3 3 6-6-3-3 6-3-6-6 3 3-6-6-3 6-3-3-6 6 3z'/%3E%3C/svg%3E") center/contain no-repeat;
	opacity:.9;
}

.syria-page .syria-section{ padding-block:clamp(3rem,7vw,5.5rem); }
.syria-page .syria-section--cream{ background:var(--sy-ivory); }
.syria-page .syria-section--stone{ background:#ECE4D5; }
.syria-page .syria-section--green{ background:linear-gradient(160deg,var(--sy-green),var(--sy-green-2)); color:var(--sy-ivory); }
.syria-page .syria-narrow{ max-width:720px; margin-inline:auto; }

.syria-page .syria-h2{
	font-family:var(--font-display,'Alexandria',sans-serif);
	font-weight:800; line-height:1.1;
	font-size:clamp(1.6rem,3.6vw,2.4rem);
	text-wrap:balance; margin:0 0 .3em;
}
.syria-page .syria-section--green .syria-h2{ color:#fff; }
.syria-page .syria-eyebrow{
	display:inline-block; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
	font-size:.76rem; color:var(--sy-clay); margin-block-end:.5rem;
}
.syria-page .syria-section--green .syria-eyebrow{ color:var(--sy-gold); }

/* ---- Hero ------------------------------------------------------------- */
.syria-page .syria-hero{
	background:
		linear-gradient(165deg, rgba(30,78,67,.88) 0%, rgba(22,58,50,.94) 100%),
		url("../img/syria/damascus-umayyad.jpg") center 18% / cover no-repeat;
	color:var(--sy-ivory);
	text-align:center;
	padding-block:clamp(3.5rem,9vw,7rem);
	position:relative; overflow:hidden;
}
.syria-page .syria-hero__eyebrow{
	font-weight:700; letter-spacing:.22em; text-transform:uppercase;
	font-size:clamp(.72rem,1.4vw,.85rem); color:var(--sy-gold);
}
.syria-page .syria-hero__title{
	font-family:var(--font-display,'Alexandria',sans-serif);
	font-weight:800; line-height:1.02; margin:.35em 0 .15em;
	font-size:clamp(2.4rem,7vw,4.4rem); color:#fff; text-wrap:balance;
}
.syria-page .syria-hero__tagline{ font-size:clamp(1.05rem,2.4vw,1.35rem); color:#EBE4D6; margin:0; }
.syria-page .syria-hero__meta{
	display:inline-flex; align-items:center; gap:.6rem; flex-wrap:wrap; justify-content:center;
	margin-block:1.1rem; color:#CDBF9E; font-weight:600; letter-spacing:.02em;
}
.syria-page .syria-hero__meta span{ white-space:nowrap; }
.syria-page .syria-hero__lede{ max-width:600px; margin:1rem auto 1.6rem; color:#E6DECF; font-size:1.05rem; }

/* Buttons */
.syria-page .syria-btn{
	display:inline-block; border-radius:999px; font-weight:700; cursor:pointer;
	padding:.85rem 1.9rem; text-decoration:none; border:2px solid transparent;
	transition:transform .18s ease, background .18s ease, color .18s ease;
}
.syria-page .syria-btn--gold{ background:var(--sy-gold); color:#241f16; border-color:var(--sy-gold); }
.syria-page .syria-btn--gold:hover{ transform:translateY(-2px); background:#c39a58; border-color:#c39a58; }
.syria-page .syria-btn--outline{ background:transparent; color:var(--sy-green); border-color:rgba(30,78,67,.4); }
.syria-page .syria-btn--outline:hover{ background:rgba(30,78,67,.08); border-color:var(--sy-green); }
.syria-page .syria-section--green .syria-btn--outline{ color:#fff; border-color:rgba(255,255,255,.5); }
.syria-page .syria-section--green .syria-btn--outline:hover{ background:rgba(255,255,255,.12); }

/* ---- Personal letter (lede) ------------------------------------------- */
.syria-page .syria-letter p{ font-size:1.12rem; line-height:1.85; margin:0 0 1.1rem; }
.syria-page .syria-letter .syria-emph{
	font-family:var(--font-display,'Alexandria',sans-serif);
	font-weight:700; color:var(--sy-green); font-size:1.2rem;
}

/* ---- Who is this for --------------------------------------------------- */
.syria-page .syria-tags{ display:flex; flex-wrap:wrap; gap:.6rem; margin:1.4rem 0; }
.syria-page .syria-tag{
	background:var(--sy-cream); border:1px solid rgba(176,137,78,.4);
	border-radius:999px; padding:.5rem 1.1rem; font-weight:600; color:var(--sy-ink);
}
.syria-page .syria-cap{
	display:inline-block; background:var(--sy-clay); color:#fff; font-weight:700;
	border-radius:12px; padding:.7rem 1.2rem; margin-top:.6rem;
}

/* ---- Itinerary timeline ----------------------------------------------- */
.syria-page .syria-days{ margin-top:2rem; display:grid; gap:1rem; }
.syria-page .syria-day{
	display:grid; grid-template-columns:auto 1fr; gap:1.1rem;
	background:var(--sy-cream); border-radius:16px; padding:1.4rem 1.5rem;
	border-inline-start:4px solid var(--sy-gold);
	box-shadow:0 12px 30px -24px rgba(36,31,27,.6);
}
.syria-page .syria-day__num{
	width:46px; height:46px; flex:none; border-radius:50%;
	display:grid; place-items:center; font-weight:800;
	background:var(--sy-green); color:#fff;
	font-family:var(--font-display,'Alexandria',sans-serif);
}
.syria-page .syria-day__title{ font-weight:800; color:var(--sy-green); margin:.1rem 0 .4rem; font-size:1.15rem; }
.syria-page .syria-day__body p{ margin:0 0 .5rem; line-height:1.7; }
.syria-page .syria-day__body p:last-child{ margin-bottom:0; }

/* ---- Included / not included ------------------------------------------ */
.syria-page .syria-incl{ display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; margin-top:1.8rem; }
.syria-page .syria-incl__col{ background:var(--sy-cream); border-radius:16px; padding:1.6rem; }
.syria-page .syria-incl__col--yes{ border-top:4px solid var(--sy-green); }
.syria-page .syria-incl__col--no{ border-top:4px solid var(--sy-clay); }
.syria-page .syria-incl h3{ margin:0 0 .9rem; font-size:1.15rem; }
.syria-page .syria-incl ul{ list-style:none; margin:0; padding:0; display:grid; gap:.55rem; }
.syria-page .syria-incl li{ padding-inline-start:1.7rem; position:relative; line-height:1.55; }
.syria-page .syria-incl__col--yes li::before{ content:"✓"; position:absolute; inset-inline-start:0; color:var(--sy-green); font-weight:800; }
.syria-page .syria-incl__col--no li::before{ content:"×"; position:absolute; inset-inline-start:0; color:var(--sy-clay); font-weight:800; }
.syria-page .syria-incl__hero{ margin-top:1.2rem; font-weight:700; color:var(--sy-green); font-size:1.05rem; }

/* ---- Price card -------------------------------------------------------- */
.syria-page .syria-price{
	max-width:560px; margin:1.6rem auto 0; text-align:center;
	background:var(--sy-cream); border:1px solid rgba(176,137,78,.5);
	border-radius:20px; padding:2.2rem 1.8rem;
	box-shadow:0 24px 50px -34px rgba(36,31,27,.7);
}
.syria-page .syria-price__amount{
	font-family:var(--font-display,'Alexandria',sans-serif);
	font-weight:800; font-size:clamp(2.6rem,7vw,3.4rem); color:var(--sy-green); line-height:1;
}
.syria-page .syria-price__unit{ color:var(--sy-stone); font-weight:600; margin-block:.3rem 1rem; }
.syria-page .syria-price__list{ list-style:none; margin:0 0 1.4rem; padding:0; display:grid; gap:.4rem; color:var(--sy-ink); }
.syria-page .syria-price__note{ font-size:.9rem; color:var(--sy-stone); margin-top:1rem; }

/* ---- "Important to know" honest callout -------------------------------- */
.syria-page .syria-callout{
	background:#2A2521; color:#EDE6DA; border-radius:18px;
	padding:clamp(1.6rem,4vw,2.4rem); border:1px solid rgba(176,137,78,.35);
}
.syria-page .syria-callout .syria-h2{ color:#fff; }
.syria-page .syria-callout p{ line-height:1.75; margin:0 0 .8rem; color:#D8D0C2; }
.syria-page .syria-callout p:last-child{ margin-bottom:0; }
.syria-page .syria-callout .syria-eyebrow{ color:var(--sy-gold); }

/* ---- Closing "beyond the headlines" ------------------------------------ */
.syria-page .syria-closing__lines{ display:grid; gap:.3rem; margin:1.2rem 0; }
.syria-page .syria-closing__lines span{ font-size:1.2rem; font-weight:600; color:#F0E9DB; }
.syria-page .syria-closing__mine{
	font-family:var(--font-display,'Alexandria',sans-serif);
	font-weight:800; font-size:clamp(1.5rem,4vw,2rem); color:var(--sy-gold); margin-top:.6rem;
}

.syria-page .syria-final{ text-align:center; }
.syria-page .syria-final .syria-btn{ margin-top:1.2rem; }

/* ---- Documentary video ------------------------------------------------- */
.syria-page .syria-video{
	max-width:820px; margin:1.6rem auto 0;
	border-radius:16px; overflow:hidden;
	box-shadow:0 30px 60px -30px rgba(0,0,0,.6);
	border:1px solid rgba(176,137,78,.4);
}
.syria-page .syria-video .yt-facade{ border-radius:16px; }

/* ---- Glimpses gallery -------------------------------------------------- */
.syria-page .syria-gallery{
	display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
	gap:.9rem; margin-top:2rem;
}
.syria-page .syria-gallery img{
	width:100%; aspect-ratio:3/4; object-fit:cover;
	border-radius:14px; cursor:zoom-in; display:block;
	box-shadow:0 14px 34px -22px rgba(36,31,27,.7);
	transition:transform .25s ease;
}
.syria-page .syria-gallery img:hover{ transform:translateY(-3px); }
/* Let the iconic Umayyad shot span two columns on wider screens. */
@media (min-width:760px){
	.syria-page .syria-gallery img:first-child{ grid-column:span 2; aspect-ratio:16/11; }
}
@media (prefers-reduced-motion: reduce){
	.syria-page .syria-gallery img{ transition:none; }
}

@media (max-width:720px){
	.syria-page .syria-incl{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce){
	.syria-page .syria-btn{ transition:none; }
}