/* Tripyana footer redesign (Claude) — v5 "luxury dark"
   Shared by AR (element 630, RTL) and EN (element 21280, LTR).
   Logical properties only — no direction-specific rules needed.
   Palette: deep emerald #0c211a, gold #c9a24b, sage text #d7e4da / #a8bcae.
   Every link rule also lists :visited — GP prints its global green link
   color on a:visited (0,1,1), which outranks bare single-class selectors. */

.tft {
	background: #0c211a;
	border-top: 2px solid #c9a24b;
	/* 13 Aug 2026: مساحة سفلية بقدر أزرار الطفو الثابتة (‏46px + 22px من الأسفل)
	   وإلا غطّى الزران آخر سطر في الفوتر. الخلفية داكنة فتمتد بلا فجوة. */
	padding: 4rem clamp(1.2rem, 4vw, 3rem) calc(80px + env(safe-area-inset-bottom, 0px));
	font-size: 0.95rem;
	color: #d7e4da;
}
.tft-inner {
	max-width: var(--gb-container-width, 1200px);
	margin-inline: auto;
}
.tft-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: 2.75rem 3.25rem;
	padding-bottom: 3rem;
}

/* Brand column */
.tft-logo img {
	width: 170px;
	height: 68px;
	object-fit: contain;
	filter: brightness(0) invert(1);
	opacity: 0.95;
}
.tft-desc {
	color: #a8bcae;
	line-height: 1.9;
	margin: 1.1rem 0 1.3rem;
	max-width: 34ch;
}
.tft-social {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-bottom: 1.4rem;
}
.tft-social a,
.tft-social a:visited {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #2e4a3c;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #cfe0d4;
	transition: all 0.25s ease;
}
.tft-social a svg {
	width: 17px;
	height: 17px;
	fill: currentColor;
}
.tft-social a:hover,
.tft-social a:focus {
	border-color: #c9a24b;
	color: #c9a24b;
	transform: translateY(-2px);
}
.tft-license,
.tft-license:visited {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	background: transparent;
	border: 1px solid #2e4a3c;
	border-radius: 10px;
	padding: 0.75rem 1.05rem;
	color: #b9cbbd;
	font-size: 0.95rem;
	line-height: 1.6;
	text-decoration: none;
	max-width: 100%;
	transition: border-color 0.25s ease;
}
.tft-license svg {
	width: 26px;
	height: 26px;
	fill: #c9a24b;
	flex: none;
}
.tft-license bdi {
	color: #eef6f0;
}
.tft-license .tft-verify {
	color: #c9a24b;
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}
.tft-license:hover,
.tft-license:focus {
	border-color: #c9a24b;
}

/* Link columns */
.tft-h {
	font-weight: 700;
	color: #c9a24b;
	font-size: 0.95rem;
	margin: 0 0 1.1rem;
	padding-bottom: 0.45rem;
	border-bottom: 1px solid rgba(201, 162, 75, 0.65);
	width: fit-content;
}
.tft-links {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tft-links li {
	margin: 0 0 0.7rem;
}
.tft-links + .tft-h {
	margin-top: 1.6rem;
}
.tft a {
	text-decoration: none;
}
/* v8: underline on hover/focus only — permanent underlines on every link made
   the columns read as noise. Colour + hover underline carry the affordance. */
.tft-links a,
.tft-links a:visited,
.tft-cline a,
.tft-cline a:visited,
.tft-bottom a,
.tft-bottom a:visited {
	color: #d7e4da;
	text-decoration: none;
	text-decoration-color: currentColor;
	text-underline-offset: 4px;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.tft-links a:hover,
.tft-links a:focus-visible,
.tft-cline a:hover,
.tft-cline a:focus-visible,
.tft-bottom a:hover,
.tft-bottom a:focus-visible {
	text-decoration: underline;
}
.tft-links a:hover,
.tft-links a:focus,
.tft-cline a:hover,
.tft-cline a:focus,
.tft-bottom a:hover,
.tft-bottom a:focus {
	color: #c9a24b;
	text-decoration-color: #c9a24b;
}
/* v9 (4 Aug): the v8 full-width .tft-dest strip was REVERTED at the user's
   request — destinations live back at the bottom of the services column
   (spacing comes from `.tft-links + .tft-h`). Do not re-introduce the strip. */
.tft-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.tft-chips a,
.tft-chips a:visited {
	background: transparent;
	border: 1px solid #2e4a3c;
	border-radius: 999px;
	padding: 0.28rem 0.95rem;
	font-size: 0.85rem;
	color: #d7e4da;
	transition: all 0.2s ease;
}
.tft-chips a:hover,
.tft-chips a:focus {
	border-color: #c9a24b;
	color: #c9a24b;
}

/* Contact column */
.tft-wa {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	background: #c9a24b;
	color: #0c211a;
	border-radius: 999px;
	padding: 0.6rem 1.2rem;
	font-weight: 600;
	margin-bottom: 0.65rem;
	transition: background 0.2s ease;
}
.tft-wa,
.tft-wa:visited,
.tft-wa:hover,
.tft-wa:focus {
	color: #0c211a;
}
.tft-wa:hover,
.tft-wa:focus {
	background: #d8b25e;
}
.tft-wa svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	flex: none;
}
.tft-247 {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 1rem;
	color: #a8bcae;
	font-size: 0.82rem;
}
.tft-247 svg {
	width: 14px;
	height: 14px;
	fill: #c9a24b;
	flex: none;
}
.tft-cline {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	margin: 0 0 0.7rem;
	color: #d7e4da;
}
.tft-cline svg {
	width: 17px;
	height: 17px;
	fill: #c9a24b;
	flex: none;
}

/* Bottom bar
   v8: padding-block-end reserves the strip the fixed chat bubble (#tpw-bubble,
   inset 22px + ~46px tall, physical LEFT on both languages) floats over — it
   was covering the privacy/terms links in AR and the © line in EN. */
.tft-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.6rem 2rem;
	flex-wrap: wrap;
	border-top: 1px solid #22392e;
	padding-block: 1.5rem 5.25rem;
	font-size: 0.85rem;
	color: #a8bcae;
}
.tft-bottom p {
	margin: 0;
}
/* v10 (4 Aug): the v8 footer language switcher (.tft-lang / .tft-legal) was
   REMOVED at the user's request — the header already carries one. The privacy
   /terms paragraph is back to its original «الخصوصية · الشروط» form. */

/* Tablet */
@media (max-width: 1024px) {
	.tft-grid {
		grid-template-columns: 1fr 1fr;
		gap: 2.25rem 2rem;
	}
	.tft-brand {
		grid-column: 1 / -1;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.tft-desc {
		max-width: 52ch;
	}
	.tft-social {
		justify-content: center;
	}
}

/* Mobile */
@media (max-width: 640px) {
	.tft-grid {
		grid-template-columns: 1fr;
	}
	.tft-col {
		text-align: center;
	}
	.tft-h {
		margin-inline: auto;
	}
	.tft-chips,
	.tft-cline,
	.tft-247 {
		justify-content: center;
	}
	.tft-bottom {
		flex-direction: column;
		text-align: center;
		padding-block-end: 6rem;
	}
}

/* v6 (25 Jul): assets/tripyana-audit-overrides.css rule `.site-footer bdi{color:#7d9183}` (old-footer contrast audit)
   paints bdi ELEMENTS directly (element rule beats inheritance) — the WhatsApp
   pill's phone number rendered sage-green. footer.tft bdi (0,1,2) outranks it. */
footer.tft bdi {
	color: inherit;
}
footer.tft .tft-license bdi {
	color: #eef6f0;
}

/* v7 (26 Jul 2026, Claude): footer contrast raise. The old-footer audit rule
   .site-footer p{color:#7d9183} (audit-overrides.css, (0,1,1)) was dragging
   .tft-desc and p.tft-h down to 5.0:1 — the faintest text on the site.
   These (0,2,0)+ rules win without touching the audit file (which still
   protects any legacy footer markup). Ratios measured against #0c211a. */
.site-footer .tft-desc {
	color: #c9d6cc; /* 11.2:1, was #7d9183 5.0:1 */
}
.site-footer p.tft-h {
	color: #e9f1eb; /* 14.7:1, was #7d9183 5.0:1 */
}
.site-footer .tft-links a {
	color: #d7e4da; /* 12.9:1 — re-asserted above .site-footer p inheritance */
}
.site-footer .tft-license span {
	color: #cfe0d4; /* 12.2:1, was #b9cbbd 9:1 with #7d9183 bdi risk */
}

/* v8 (4 Aug 2026, Claude): the same audit rule `.site-footer p{color:#7d9183}`
   (0,1,1) also outranked .tft-247 / .tft-cline / .tft-bottom (all 0,1,0) — the
   "24/7" line, the London address and the whole bottom bar were rendering at
   4.9:1, the faintest text left in the footer. (0,2,0) rules below win. */
.site-footer p.tft-247 {
	color: #c9d6cc; /* 11.2:1, was #7d9183 4.9:1 */
}
.site-footer p.tft-cline {
	color: #d7e4da; /* 12.9:1 */
}
.site-footer .tft-bottom,
.site-footer .tft-bottom p {
	color: #a8bcae; /* 8.2:1, was #7d9183 4.9:1 */
}
.site-footer .tft-bottom .tft-legal-reg {
	color: #8fa596; /* 6.3:1 at 0.78rem, was inline #74897a 4.4:1 (below AA) */
}
.tft-bottom p.tft-legal-reg {
	font-size: 0.78rem;
	margin-top: 0.3rem; /* beats .tft-bottom p{margin:0} — same 0,1,1 + a class */
}


/* ── مبدّل اللغة (نُقل من عنصر GP 21301 يوم 14 Aug 2026) ──
   كان يُطبع مع العنصر في موضعي القائمة (هوك generate_menu_bar_items يعمل مرتين:
   سطح المكتب والجوال) فيدخل CSS المدمج مرتين — 3.5KB تكرارًا في كل صفحة.
   هنا يُحمَّل مرة واحدة سايت-وايد. المحددات كما هي حرفيًا. */
/* Language switcher — OPTION 3 (approved 2026-07-21): globe icon + OTHER
   language only, no flags.
   DESKTOP >=801px: bordered pill [globe + "English"/"العربية"].
   MOBILE  <=800px: plain [globe + "EN"/"عربي"], no border/background. */
.menu-bar-items .wpml-ls-flag{display:none !important;}
.menu-bar-items .wpml-ls-current-language{display:none !important;}
.menu-bar-items .wpml-ls-statics-shortcode_actions{display:inline-flex !important;align-items:center;white-space:nowrap;background:transparent !important;margin:0;border:0;}
.menu-bar-items .wpml-ls-statics-shortcode_actions ul{display:flex;flex-wrap:nowrap;margin:0;padding:0;list-style:none;background:transparent !important;}
.menu-bar-items .wpml-ls-statics-shortcode_actions li{background:transparent !important;white-space:nowrap;list-style:none;margin:0;}
.menu-bar-items .wpml-ls-statics-shortcode_actions a.wpml-ls-link{background:transparent !important;text-decoration:none !important;}
/* globe icon (gold #d4af37, stroke style) as ::before on the link */
.menu-bar-items .wpml-ls-statics-shortcode_actions a.wpml-ls-link::before{
  content:""; flex:0 0 auto; display:inline-block;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3.6 9h16.8M3.6 15h16.8M11.5 3a17 17 0 0 0 0 18M12.5 3a17 17 0 0 1 0 18'/%3E%3C/svg%3E") center/contain no-repeat;
}

@media (min-width:801px){
  .menu-bar-items .wpml-ls-statics-shortcode_actions a.wpml-ls-link{
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    border:1px solid rgba(212,175,55,.5);border-radius:9999px;
    height:36px;padding:0 16px;font-size:13px;font-weight:600;line-height:1;
    color:#ffffff !important;transition:border-color .2s ease;
  }
  .menu-bar-items .wpml-ls-statics-shortcode_actions a.wpml-ls-link:hover{border-color:#d4af37;}
  .menu-bar-items .wpml-ls-statics-shortcode_actions a.wpml-ls-link::before{width:16px;height:16px;}
  .menu-bar-items .wpml-ls-statics-shortcode_actions a .wpml-ls-native{display:inline !important;background:transparent !important;}

  /* ROOT FIX (kept): stop header items wrapping onto a 2nd line (white gap, ghost duplicate logo, dropped switcher). */
  .inside-navigation{flex-wrap:nowrap !important;align-items:center;}
  .main-navigation .menu-bar-items{flex-wrap:nowrap;align-items:center;flex:0 0 auto;}
  .site-header,.site-header .inside-header{background-color:#0c211a !important;}
  #sticky-navigation,nav.main-navigation.is_stuck{background-color:#0c211a !important;z-index:10000 !important;}
}

@media (max-width:800px){
  /* elegant bordered pill on mobile too (2026-07-21 request) */
  .menu-bar-items .wpml-ls-statics-shortcode_actions a.wpml-ls-link{
    display:inline-flex;align-items:center;justify-content:center;gap:5px;
    border:1px solid rgba(212,175,55,.5) !important;border-radius:9999px;
    height:34px !important;padding:0 8px !important;flex:0 0 auto;
    color:#ffffff !important;font-size:13px;font-weight:700;letter-spacing:.5px;line-height:1;
  }
  .menu-bar-items .wpml-ls-statics-shortcode_actions a.wpml-ls-link::before{width:15px;height:15px;}
  .menu-bar-items .wpml-ls-statics-shortcode_actions a .wpml-ls-native{display:none !important;}
  body.rtl .menu-bar-items .wpml-ls-statics-shortcode_actions a.wpml-ls-link::after{content:"EN";}
  body:not(.rtl) .menu-bar-items .wpml-ls-statics-shortcode_actions a.wpml-ls-link::after{content:"العربية";}
}