/* Homepage card + identity styles (AR post 2 / EN post 48).
   Version lives in the FILENAME (LiteSpeed strips ?ver=) — bump on every edit.
   v7 (24 Jul): force the fleet-section kicker gold (LiteSpeed UCSS keeps the
   stale teal var(--accent-4) rule until it re-generates async — this !important
   override wins immediately regardless of UCSS state). Plus v6: fleet cards
   rebuilt as tp-fleet block; icon medallions emerald/gold; v3 equal-height+hover. */

/* Fleet-section kicker: emerald/gold identity (was pale --accent-4 teal). */
.gb-text-551745ac {
	color: #d4af37 !important;
	font-weight: 700;
	letter-spacing: .04em;
}

/* ===== v8: brand-identity pass on the «نرافقك / من نحن» intro + counters ===== */

/* Welcome kicker «مرحبًا بكم في تريبيانا» — was pale --accent-4 teal → gold (Allura script kept). */
.gb-text-39ac7376 {
	color: #d4af37 !important;
}

/* «اقرأ المزيد عنا» button — was teal (--accent-4) fill → emerald with gold text. */
.gb-text-8e5e179a {
	background-color: #0c211a !important;
	color: #d4af37 !important;
	transition: background-color .25s ease, color .25s ease;
}
.gb-text-8e5e179a:hover,
.gb-text-8e5e179a:focus {
	background-color: #d4af37 !important;
	color: #0c211a !important;
}

/* Counter cards — gold top accent + emerald numerals + gold «+» sign. */
.tp-counter {
	border-top: 3px solid #d4af37 !important;
}
.tp-counter__num {
	color: #0c211a !important;
}
.tp-counter__sign {
	color: #d4af37 !important;
	opacity: 1 !important;
}

/* ---- EN season grid 410180fc (AR replaced it with tp-dest; kept for EN) ---- */
.gb-element-410180fc > div {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.gb-element-410180fc > div > div:last-child {
	margin-top: auto;
	padding-top: 2rem;
}
@media (min-width: 1025px) {
	body.rtl .gb-element-410180fc .gbp-button--primary {
		white-space: nowrap;
	}
}

/* ---- Top services grid 746b7b6c: equal height + one-line labels + hover ---- */
.gb-element-746b7b6c > div {
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gb-element-746b7b6c > div > :last-child {
	margin-top: auto;
}
@media (min-width: 1025px) {
	body.rtl .gb-element-746b7b6c .gbp-button--primary {
		white-space: nowrap;
	}
}
.gb-element-746b7b6c > div:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 30px -14px rgba(12, 33, 26, 0.28), inset 0 3px 0 #d4af37;
}

/* ============ Brand identity: recolor EVERY icon medallion ============
   Services (4), Why-us (6) and Mission/Vision (2) all render the icon circle
   as .gb-shape-XXXX{background:var(--accent-3)} — the pale teal leftover from
   the old palette. Repaint the circle emerald and the glyph gold (SVGs use
   fill:currentColor) so all 12 match the header/footer/destinations identity. */
.gb-shape-21a9d77e,   /* services */
.gb-shape-294dda47,
.gb-shape-89db3487,
.gb-shape-c42897c5,
.gb-shape-20018b77,   /* why-us */
.gb-shape-c0e58d3d,
.gb-shape-146f8372,
.gb-shape-7626eea5,
.gb-shape-8082ed4e,
.gb-shape-3d939064,
.gb-shape-49de3367,   /* mission / vision */
.gb-shape-586e1ec5 {
	background-color: #0c211a !important;
	color: #d4af37 !important;
}
/* Only set `color` — the glyph inherits it via currentColor. Do NOT force
   fill/stroke: solid icons use fill:currentColor, outline icons (Lucide) use
   stroke:currentColor + fill:none, and forcing fill would turn outline icons
   into solid gold blobs. currentColor colours both families correctly. */

/* Fleet cards were rebuilt as a self-contained tp-fleet block (inline-styled,
   DOM order already cheapest→priciest E/V/S/Range) — the old GB grid-row
   mobile reorder that lived here is obsolete and was removed in v6. */

/* ===== v9: article-card «اقرأ المقال كاملاً» links → framed outline buttons =====
   Loop read-more (gb-text-15420da3) was bare text; give it a bordered pill so it
   matches the rest of the template's button system (emerald outline → fill hover). */
.gb-text-15420da3 {
	display: inline-flex !important;
	align-items: center;
	gap: .4rem;
	border: 1.6px solid #0c211a !important;
	color: #0c211a !important;
	padding: .6rem 1.5rem !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-weight: 700;
	transition: background-color .25s ease, color .25s ease;
}
.gb-text-15420da3:hover,
.gb-text-15420da3:focus {
	background-color: #0c211a !important;
	color: #d4af37 !important;
}
.gb-text-15420da3 strong { font-weight: 700; }

/* ===== v10: Google-reviews CTA button (.tgr-btn) → emerald/gold identity =====
   Was maroon (--tgr-accent #9E4765) from an old palette. */
.tgr-btn {
	background: #0c211a !important;
	color: #d4af37 !important;
	box-shadow: 0 8px 22px rgba(12,33,26,.28) !important;
}
.tgr-btn:hover,
.tgr-btn:focus {
	background: #123127 !important;
	color: #d4af37 !important;
}

/* ===== v11: unify remaining teal (--accent-4 #3E6B72) headings to identity =====
   Section H2/H3 headings → emerald (readable on their light section bgs, verified);
   their little accent underline bars → gold. Welcome kicker already gold (above). */
.gb-text-e8098782,   /* لماذا تريبيانا أفضل شركة… */
.gb-text-4e6ca1ab,   /* الأسئلة الشائعة */
.gb-text-5b1b8e67 {  /* ما زلت بحاجة إلى مساعدة؟ */
	color: #0c211a !important;
}
.gb-element-4f29514a,  /* FAQ heading underline bar */
.gb-element-bbf966aa { /* articles heading underline bar */
	background-color: #d4af37 !important;
}