/*
Theme Name: Life Medical Center
Theme URI: https://life.seemabhaider.com/
Description: Block child theme of Frost for LIFE Health & Wellness (Life Medical Centre DMCC). Design tokens live in theme.json; this file only holds CSS that theme.json cannot express.
Author: Life Medical Center
Template: frost
Version: 1.0.9
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: life-medical-center
*/

/* ------------------------------------------------------------------
 * 1. Base details theme.json can't express
 * ------------------------------------------------------------------ */
body { -webkit-font-smoothing: antialiased; }
:where(h1, h2, h3, h4) { text-wrap: balance; }
:focus-visible { outline: 2px solid var(--wp--preset--color--secondary); outline-offset: 3px; border-radius: 4px; }

/* Italic serif accent words: select text in a heading and press Ctrl/Cmd+I */
:where(h1, h2, h3, h4, .has-heading-font-family) em {
	font-family: var(--wp--preset--font-family--heading);
	font-style: italic;
	font-weight: 500;
	color: var(--wp--preset--color--secondary);
}
:where([class*="is-style-section-dark"], [class*="is-style-section-ink"], [class*="is-style-section-card-dark"], .wp-block-cover) :where(h1, h2, h3, h4, .has-heading-font-family) em {
	color: var(--wp--preset--color--accent);
}

/* Cover with a custom content position (e.g. "center left"): core shrinks the inner container to its
   content and pins it to the edge. Keep it full width so "Wide" children line up with the 1200px grid.
   Core's positional rules use 5 classes (e.g. .is-position-bottom-left), so the selector is repeated to outrank them. */
.wp-block-cover.has-custom-content-position.has-custom-content-position.has-custom-content-position > .wp-block-cover__inner-container.is-layout-constrained { width: 100%; }

/* Soft page-load reveal (matches original .reveal) */
@keyframes lmc-fadeup { from { opacity: .001; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.wp-site-blocks > main { animation: lmc-fadeup .5s ease both; }

/* ------------------------------------------------------------------
 * 2. Header: sticky (position must sit on the template-part wrapper)
 * ------------------------------------------------------------------ */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
	margin-block: 0;
}
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; } }

/* Highlighted menu item (add CSS class "is-hot" to a Navigation link) */
.wp-block-navigation .is-hot > a { color: var(--wp--preset--color--secondary); font-weight: 600; }
/* Current page underline */
.wp-block-navigation .current-menu-item > a { position: relative; }
.wp-block-navigation:not(.is-responsive) .current-menu-item > a::after,
.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .current-menu-item > a::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1.5px; background: var(--wp--preset--color--gold);
}
/* Dropdown panel + link descriptions */
.wp-block-navigation .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--sand) !important;
	border-radius: 12px;
	padding: 10px;
	box-shadow: 0 20px 40px rgba(58, 40, 27, .12);
	min-width: 260px !important;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 10px 14px; border-radius: 8px; }
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--linen); }
.wp-block-navigation .wp-block-navigation-item__description { display: block; font-size: 12px; font-weight: 400; color: var(--wp--preset--color--walnut); letter-spacing: .02em; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-family: var(--wp--preset--font-family--heading); font-size: 22px; font-weight: 600; }

/* ------------------------------------------------------------------
 * 3. Block styles registered in functions.php
 * ------------------------------------------------------------------ */

/* Paragraph › Eyebrow label with a gold rule */
.is-style-eyebrow {
	display: flex; align-items: center; gap: 10px;
	font-size: var(--wp--preset--font-size--tiny);
	font-weight: 700; letter-spacing: .22em; text-transform: uppercase;
	color: var(--wp--preset--color--secondary);
}
.is-style-eyebrow::before { content: ""; flex: 0 0 26px; height: 1px; background: var(--wp--preset--color--gold); }
.is-style-eyebrow.has-text-align-center { justify-content: center; }
:where([class*="is-style-section-dark"], [class*="is-style-section-ink"], [class*="is-style-section-card-dark"], .wp-block-cover) .is-style-eyebrow { color: var(--wp--preset--color--accent); }
:where([class*="is-style-section-dark"], [class*="is-style-section-ink"], .wp-block-cover) .is-style-eyebrow::before { background: var(--wp--preset--color--accent); }

/* Image › Arch / Arch framed / Leaf */
.is-style-arch img, .is-style-arch-framed img { border-radius: 999px 999px 14px 14px; object-fit: cover; width: 100%; }
.is-style-arch-framed { position: relative; }
.is-style-arch-framed::before {
	content: ""; position: absolute; inset: -14px 14px 14px -14px; pointer-events: none;
	border: 1.5px solid var(--wp--preset--color--accent); border-radius: 999px 999px 14px 14px;
}
.is-style-leaf img { border-radius: 220px 14px 14px 14px; object-fit: cover; width: 100%; }

/* Group › Lift on hover (cards) */
.is-style-lift { transition: transform .3s, box-shadow .3s; overflow: hidden; }
.is-style-lift:hover { transform: translateY(-4px); box-shadow: var(--wp--preset--shadow--card); }

/* Group › Marquee: put a Row group inside; its items scroll endlessly */
.is-style-marquee { overflow: hidden; }
.is-style-marquee > .wp-block-group { width: max-content; flex-wrap: nowrap !important; animation: lmc-marquee 42s linear infinite; }
.is-style-marquee > .wp-block-group > * { white-space: nowrap; margin: 0; display: flex; align-items: center; gap: 44px; }
.is-style-marquee > .wp-block-group > *::after { content: "\2726"; font-style: normal; font-size: 12px; color: var(--wp--preset--color--gold); }
@keyframes lmc-marquee { to { transform: translateX(-50%); } }

/* Group › Scroll row: horizontal swipe gallery with snap points */
.is-style-scroll-row { overflow-x: auto; scroll-snap-type: x mandatory; flex-wrap: nowrap !important; padding-bottom: 10px; scrollbar-width: thin; }
.is-style-scroll-row > * { flex: 0 0 min(440px, 82vw); scroll-snap-align: start; }

/* Group › Stat card overlapping an image (place right after the image) */
.is-style-stat-card { position: relative; z-index: 2; margin-top: -120px !important; margin-left: -28px !important; width: fit-content; box-shadow: var(--wp--preset--shadow--soft); }
@media (max-width: 900px) { .is-style-stat-card { margin-left: 12px !important; } }

/* Buttons › Floating (fixed WhatsApp button) */
.is-style-floating { position: fixed; right: 20px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); z-index: 60; margin: 0 !important; }
.is-style-floating .wp-block-button__link { box-shadow: 0 12px 30px rgba(20, 17, 16, .3); }

/* List › Checklist / Plus list */
.is-style-checklist, .is-style-plus-list { list-style: none; padding-left: 0 !important; display: flex; flex-direction: column; gap: 11px; }
.is-style-checklist li, .is-style-plus-list li { display: flex; gap: 10px; line-height: 1.45; }
.is-style-checklist li::before, .is-style-plus-list li::before {
	content: ""; flex-shrink: 0; width: 16px; height: 16px; margin-top: 3px; border-radius: 50%;
	background: var(--wp--preset--color--wine-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.9' fill='none' stroke='%237A2A38' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;
}
.is-style-plus-list li::before {
	background: var(--wp--preset--color--navy-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.5v7M4.5 8h7' fill='none' stroke='%231D2A4D' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;
}
.is-style-divided { list-style: none; padding-left: 0 !important; }
.is-style-divided li { padding-block: 20px; border-bottom: 1px solid var(--wp--preset--color--sand); }
.is-style-divided li:last-child { border-bottom: 0; }
.wp-block-list li::marker { color: var(--wp--preset--color--secondary); }

/* Table › Compare (two columns: "elsewhere" vs "at LIFE") */
.is-style-compare table { border-collapse: separate; border-spacing: 0; border: 1px solid var(--wp--preset--color--gold); border-radius: 16px; overflow: hidden; box-shadow: 0 20px 40px rgba(11, 22, 80, .07); }
.is-style-compare th, .is-style-compare td { border: 0 !important; padding: 20px 22px; text-align: start; vertical-align: top; line-height: 1.5; }
.is-style-compare th { font-size: 12px; letter-spacing: .2em; font-weight: 500; }
.is-style-compare th:first-child { background: var(--wp--preset--color--linen); color: var(--wp--preset--color--walnut); }
.is-style-compare th:last-child { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--accent); }
.is-style-compare td { border-top: 1px solid var(--wp--preset--color--sand) !important; color: var(--wp--preset--color--walnut); font-size: 16px; }
.is-style-compare td:last-child { background: var(--wp--preset--color--white); color: var(--wp--preset--color--contrast); }
/* Table › Clean */
.is-style-clean { overflow-x: auto; }
.is-style-clean table { border-collapse: collapse; min-width: 480px; }
.is-style-clean th { text-align: start; font-size: 12px; letter-spacing: .18em; font-weight: 500; color: var(--wp--preset--color--secondary); padding: 12px 14px; border: 0 !important; border-bottom: 1px solid var(--wp--preset--color--accent) !important; }
.is-style-clean td { padding: 14px; border: 0 !important; border-bottom: 1px solid var(--wp--preset--color--sand) !important; color: var(--wp--preset--color--walnut); vertical-align: top; }
.is-style-clean td:first-child { color: var(--wp--preset--color--contrast); width: 34%; }

/* Accordion (FAQ) */
.wp-block-accordion-item { border-bottom: 1px solid var(--wp--preset--color--gold); padding-block: 6px; }
.wp-block-accordion-heading { margin: 0; }
.wp-block-accordion-heading button, .wp-block-accordion-heading__toggle { padding-block: 18px !important; }
.wp-block-accordion-heading__toggle-icon { color: var(--wp--preset--color--gold-text); font-weight: 300; font-size: 26px; }
.wp-block-accordion-panel p { color: var(--wp--preset--color--walnut); max-width: 70ch; padding-bottom: 20px; }

/* ------------------------------------------------------------------
 * 4. Tabs styles
 * ------------------------------------------------------------------ */

/* Tabs › Hero slider (autoplays via assets/js/tabs-autoplay.js) */
.is-style-hero-slider { position: relative; overflow: hidden; background: var(--wp--preset--color--contrast); }
.is-style-hero-slider .wp-block-tab-panel > .wp-block-cover { min-height: clamp(640px, 94vh, 940px) !important; padding-bottom: 150px; }
.is-style-hero-slider .wp-block-tab-panel:not([hidden]) .wp-block-cover__image-background { animation: lmc-kenburns 9s ease-out forwards; }
.is-style-hero-slider .wp-block-tab-panel:not([hidden]) .wp-block-cover__inner-container { animation: lmc-rise .8s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes lmc-kenburns { from { transform: scale(1.14) translate3d(1%, 0, 0); } to { transform: scale(1.02); } }
@keyframes lmc-rise { from { opacity: .001; transform: translateY(22px); } to { opacity: 1; transform: none; } }
.is-style-hero-slider .wp-block-tab-list {
	position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; margin: 0;
	display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, .16);
	background: linear-gradient(0deg, rgba(7, 18, 67, .6), rgba(7, 18, 67, .2));
	backdrop-filter: blur(8px);
}
.is-style-hero-slider .wp-block-tab-list button {
	width: auto; min-height: 84px; padding: 22px 24px 24px; text-align: start; color: #fff;
	font-size: 15px; font-weight: 600; letter-spacing: .02em; opacity: .62;
	border-right: 1px solid rgba(255, 255, 255, .1); transition: opacity .3s, background .3s;
}
.is-style-hero-slider .wp-block-tab-list button:hover { opacity: .9; background: rgba(255, 255, 255, .04); }
.is-style-hero-slider .wp-block-tab-list button[aria-selected="true"] { opacity: 1; background: rgba(255, 255, 255, .06); }
.is-style-hero-slider .wp-block-tab-list button::before { display: none; }
.is-style-hero-slider .wp-block-tab-list button[aria-selected="true"]::after {
	content: ""; position: absolute; left: 0; top: -1px; height: 2px; width: 0; background: var(--wp--preset--color--accent);
	animation: lmc-fill var(--lmc-tab-duration, 7s) linear forwards;
}
.is-style-hero-slider.is-paused .wp-block-tab-list button[aria-selected="true"]::after { animation: none; width: 100%; }
@keyframes lmc-fill { to { width: 100%; } }
@media (max-width: 900px) {
	.is-style-hero-slider .wp-block-tab-list { display: flex !important; overflow-x: auto; scrollbar-width: none; }
	.is-style-hero-slider .wp-block-tab-list button { flex: 0 0 auto; min-width: 170px; }
}

/* Tabs › Side list (vertical list on the left, panel on the right) */
.is-style-side-list { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 48px; align-items: start; counter-reset: lmc-tab; }
.is-style-side-list .wp-block-tab-list { display: flex !important; flex-direction: column; gap: 0 !important; border-top: 1px solid var(--wp--preset--color--sand); margin: 0; }
.is-style-side-list .wp-block-tab-list button {
	width: 100%; text-align: start; padding: 22px 6px; border-bottom: 1px solid var(--wp--preset--color--sand);
	font-family: var(--wp--preset--font-family--heading); font-size: 28px; font-weight: 600; line-height: 1.1;
	color: var(--wp--preset--color--walnut); transition: color .25s, padding .25s;
}
.is-style-side-list > * { margin-block: 0 !important; }
.is-style-side-list .wp-block-tab-list button::before {
	counter-increment: lmc-tab; content: counter(lmc-tab, decimal-leading-zero);
	position: static; display: inline-block; width: auto; min-width: 26px; margin-right: 16px; border: 0;
	font-style: italic; font-size: 18px; font-weight: 500; color: var(--wp--preset--color--gold);
}
.is-style-side-list .wp-block-tab-list button:hover { color: var(--wp--preset--color--contrast); }
.is-style-side-list .wp-block-tab-list button[aria-selected="true"] { color: var(--wp--preset--color--primary); padding-left: 16px; border-bottom-color: var(--wp--preset--color--gold); }
.is-style-side-list .wp-block-tab-panel:not([hidden]) { animation: lmc-rise .6s cubic-bezier(.2, .7, .2, 1) both; }
@media (max-width: 980px) {
	.is-style-side-list { grid-template-columns: minmax(0, 1fr); }
	.is-style-side-list .wp-block-tab-list { flex-direction: row; overflow-x: auto; border-top: 0; gap: 8px !important; scrollbar-width: none; }
	.is-style-side-list .wp-block-tab-list button { flex: 0 0 auto; width: auto; border: 1px solid var(--wp--preset--color--sand); border-radius: 40px; padding: 10px 18px; font-size: 18px; }
	.is-style-side-list .wp-block-tab-list button::before { display: none; }
	.is-style-side-list .wp-block-tab-list button[aria-selected="true"] { padding-left: 18px; background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--accent); border-color: var(--wp--preset--color--contrast); }
}

/* Tabs › Pills (small segmented switch, e.g. For Women / For Men) */
.is-style-pills .wp-block-tab-list { display: inline-flex !important; gap: 4px !important; padding: 4px; margin-bottom: 34px; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--sand); border-radius: 40px; }
.is-style-pills .wp-block-tab-list button { min-height: 42px; padding: 10px 20px; border-radius: 30px; font-size: 14px; color: var(--wp--preset--color--walnut); }
.is-style-pills .wp-block-tab-list button::before { display: none; }
.is-style-pills .wp-block-tab-list button[aria-selected="true"] { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--accent); }

/* Paragraph › Text link (small uppercase link with gold underline) */
.is-style-text-link { font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.is-style-text-link a { border-bottom: 1px solid var(--wp--preset--color--gold); padding-bottom: 5px; }

/* List › Tags (pill chips) */
.is-style-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding-left: 0 !important; margin: 0; }
.is-style-tags li { border: 1px solid var(--wp--preset--color--sand); background: var(--wp--preset--color--white); border-radius: 30px; padding: 7px 14px; font-size: 14px; line-height: 1.3; color: var(--wp--preset--color--contrast); }

/* Group › Tiles (grid with hairline dividers, use on a Grid group) */
.is-style-tiles { gap: 1px !important; background: var(--wp--preset--color--sand); border: 1px solid var(--wp--preset--color--sand); border-radius: 18px; overflow: hidden; }
.is-style-tiles > * { background: var(--wp--preset--color--white); margin: 0 !important; }

/* Hero slider tab labels: italic number (<em>) on its own line */
.is-style-hero-slider .wp-block-tab-list button em { display: block; font-family: var(--wp--preset--font-family--heading); font-style: italic; font-weight: 500; font-size: 17px; color: var(--wp--preset--color--accent); }

/* Header breakpoints: hamburger menu below 1100px (core default is 600px); hide items with class "lmc-hide-tablet" below 1240px */
@media (max-width: 1100px) {
	.lmc-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.lmc-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
}
@media (max-width: 1240px) { .lmc-hide-tablet { display: none !important; } }
/* Hide items with class "lmc-hide-mobile" on phones (e.g. phone number in the top bar) */
@media (max-width: 720px) { .lmc-hide-mobile { display: none !important; } .lmc-topbar > .wp-block-group { justify-content: center !important; } }
/* Header logo: never wider than the space available on small phones (the width set in the editor still applies on larger screens) */
.lmc-header .wp-block-site-logo { flex-shrink: 1; min-width: 0; }
.lmc-header .wp-block-site-logo img { max-width: min(100%, 60vw); height: auto; }
/* No gap between the page and the footer template part */
.wp-site-blocks > footer.wp-block-template-part { margin-block-start: 0; }

/* Paragraph › Circle badge (e.g. "W0" step markers). Colours can be changed per block. */
.is-style-circle-badge {
	width: 66px; height: 66px; flex-shrink: 0; margin-inline: auto; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; text-align: center;
	border: 1px solid var(--wp--preset--color--accent);
	background-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--heading); font-size: 21px; font-weight: 600; line-height: 1;
}

/* List › Check rows (divided rows with a check mark) */
.is-style-check-rows { list-style: none; padding-left: 0 !important; margin: 0; }
.is-style-check-rows li { display: flex; gap: 16px; align-items: flex-start; padding-block: 20px; border-bottom: 1px solid var(--wp--preset--color--sand); font-size: 17px; line-height: 1.5; }
.is-style-check-rows li:last-child { border-bottom: 0; }
.is-style-check-rows li::before {
	content: ""; flex-shrink: 0; width: 22px; height: 22px; margin-top: 2px; border-radius: 50%;
	background: var(--wp--preset--color--wine-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.9' fill='none' stroke='%238E1566' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;
}

/* Group › Timeline: use on a Grid group; each step is a centred stack starting with a Circle badge */
.is-style-timeline { position: relative; }
.is-style-timeline::before { content: ""; position: absolute; left: 12%; right: 12%; top: 33px; height: 2px; background: var(--wp--preset--color--accent); opacity: .5; }
.is-style-timeline > * { position: relative; text-align: center; }
@media (max-width: 900px) {
	.is-style-timeline { grid-template-columns: minmax(0, 1fr) !important; }
	.is-style-timeline::before { display: none; }
	.is-style-timeline > * { text-align: start; display: grid !important; grid-template-columns: 66px 1fr; column-gap: 18px; align-items: start; }
	.is-style-timeline > * > * { grid-column: 2; margin: 0 !important; }
	.is-style-timeline > * > .is-style-circle-badge { grid-column: 1; grid-row: 1 / span 3; margin: 0 !important; }
}

/* Breadcrumbs */
.wp-block-breadcrumbs a { border-bottom: 1px solid currentColor; }

/* Checklist item with a plus icon: add CSS class "is-plus" to a List item (e.g. "Everything in Life Essential") */
.is-style-checklist li.is-plus { color: var(--wp--preset--color--secondary); }
.is-style-checklist li.is-plus::before {
	background: var(--wp--preset--color--navy-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.5v7M4.5 8h7' fill='none' stroke='%231D2A4D' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;
}

/* Button › Link (plain underlined text, e.g. "Book" on product cards) */
.wp-block-button.is-style-link .wp-block-button__link { background: none; border: 0; padding: 0; box-shadow: none; color: var(--wp--preset--color--secondary); font-size: var(--wp--preset--font-size--x-small); font-weight: 500; letter-spacing: 0; text-decoration: underline; text-underline-offset: 3px; }
.wp-block-button.is-style-link .wp-block-button__link:hover { color: var(--wp--preset--color--contrast); background: none; box-shadow: none; }

/* Product cards (LIFE Products plugin): equal-height cards with a coloured top edge */
.lmc-product-grid .wp-block-post { display: flex; }
.lmc-product-grid .lmc-product-card { width: 100%; }
.lmc-product-grid .wp-block-post:nth-child(odd) .lmc-product-card { border-top: 2px solid var(--wp--preset--color--secondary) !important; }
.lmc-product-grid .wp-block-post:nth-child(even) .lmc-product-card { border-top: 2px solid var(--wp--preset--color--gold) !important; }
.lmc-product-grid .wp-block-post-featured-image { margin: 0; }
.lmc-product-grid .wp-block-post-featured-image img { border-radius: 0; }

/* ------------------------------------------------------------------
 * 6. Language switcher and Arabic (right-to-left) layout
 *    GTranslate translates the page with Google Translate, which adds the class
 *    "translated-rtl" to <html> (and sets lang="ar") for Arabic. The rules below only apply then.
 * ------------------------------------------------------------------ */

/* Switcher in the header top bar */
.lmc-topbar .gtranslate_wrapper { display: flex; align-items: center; }
.lmc-topbar .gtranslate_wrapper a.glink { color: var(--wp--preset--color--linen); text-decoration: none; padding: 0 .6em; line-height: 1.2; }
.lmc-topbar .gtranslate_wrapper a.glink + a.glink { border-inline-start: 1px solid rgba(216, 181, 122, .5); }
.lmc-topbar .gtranslate_wrapper a.glink:hover, .lmc-topbar .gtranslate_wrapper a.glink.gt-current-lang { color: var(--wp--preset--color--accent); }
.lmc-topbar .gtranslate_wrapper a.glink.gt-current-lang { font-weight: 600; }
.lmc-topbar .gtranslate_wrapper img { display: none; }
/* Hide Google's own translation bar and tooltips */
.goog-te-banner-frame, .skiptranslate iframe, #goog-gt-tt, .goog-te-balloon-frame { display: none !important; }
body { top: 0 !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }

/* Direction and typography */
:is(html.translated-rtl, html[lang|="ar"]) body { direction: rtl; }
:is(html.translated-rtl, html[lang|="ar"]) * { letter-spacing: 0 !important; }            /* letter-spacing breaks Arabic letter joining */
:is(html.translated-rtl, html[lang|="ar"]) :is(h1, h2, h3, h4, h5, h6) { line-height: 1.35; }
:is(html.translated-rtl, html[lang|="ar"]) :is(p, li, td, th) { line-height: 1.9; }
:is(html.translated-rtl, html[lang|="ar"]) em { font-style: normal; }                     /* Arabic has no italic; the accent colour stays */
:is(html.translated-rtl, html[lang|="ar"]) .is-style-eyebrow { font-size: var(--wp--preset--font-size--x-small); }

/* Text boxes that sit on the left of heroes and CTAs move to the right */
:is(html.translated-rtl, html[lang|="ar"]) .is-content-justification-left.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: 0 !important; }

/* Bullets on the right */
:is(html.translated-rtl, html[lang|="ar"]) .wp-block-list:not([class*="is-style-"]) { padding-left: 0; padding-right: 1.15rem; }

/* Mirrored image shapes and overlaps */
:is(html.translated-rtl, html[lang|="ar"]) .is-style-leaf img { border-radius: 14px 220px 14px 14px; }
:is(html.translated-rtl, html[lang|="ar"]) .is-style-arch-framed::before { inset: -14px -14px 14px 14px; }
:is(html.translated-rtl, html[lang|="ar"]) .is-style-stat-card { margin-left: 0 !important; margin-right: -28px !important; }
@media (max-width: 900px) { :is(html.translated-rtl, html[lang|="ar"]) .is-style-stat-card { margin-right: 12px !important; } }

/* Floating WhatsApp button moves to the left corner */
:is(html.translated-rtl, html[lang|="ar"]) .is-style-floating { right: auto; left: 20px; }

/* Dropdown menus open from the right */
:is(html.translated-rtl, html[lang|="ar"]) .wp-block-navigation .wp-block-navigation__submenu-container { left: auto !important; right: -1px; }

/* Hero slider and side-list tabs */
:is(html.translated-rtl, html[lang|="ar"]) .is-style-hero-slider .wp-block-tab-list button { border-right: 0; border-left: 1px solid rgba(255, 255, 255, .1); }
:is(html.translated-rtl, html[lang|="ar"]) .is-style-hero-slider .wp-block-tab-list button[aria-selected="true"]::after { left: auto; right: 0; }
:is(html.translated-rtl, html[lang|="ar"]) .is-style-side-list .wp-block-tab-list button::before { margin-right: 0; margin-left: 16px; }
:is(html.translated-rtl, html[lang|="ar"]) .is-style-side-list .wp-block-tab-list button[aria-selected="true"] { padding-left: 6px; padding-right: 16px; }

/* The ticker keeps scrolling the same way */
:is(html.translated-rtl, html[lang|="ar"]) .is-style-marquee > .wp-block-group { direction: ltr; }

/* ------------------------------------------------------------------
 * 5. Accessibility: respect reduced-motion preferences
 * ------------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation: none !important; transition: none !important; }
	.is-style-hero-slider .wp-block-tab-list button[aria-selected="true"]::after { width: 100%; }
}