children;
exclude any containing a .bi-para-en span (which signals
the paragraph was biPara-processed and must stay RTL).
This uses :not(:has(...)) for structural exclusion — no HTML
markup edits required.
════════════════════════════════════════════════════════════ */
#ventilationWorkspace.is-ar .pg-info,
#ventilationWorkspace.is-ar .etco2-note-title,
#ventilationWorkspace.is-ar .etco2-note > p:not(:has(.bi-para-en)),
#ventilationWorkspace.is-ar .etco2-note > ul {
direction: ltr;
text-align: left;
}
/* ════════════════════════════════════════════════════════════
v5.27.16 — Home page Arabic reading flow
Scoped RTL for the hero title/subtitle and the 3 home-cards
when in AR mode. Strings affected:
• إتقان تقنيات التخدير (hero title)
• رفيقك في التدريب السريري (hero subtitle)
• استمارة التدريب (Training Form card)
• المراجع السريرية (Appendices card)
• محاكي التهوية (Ventilation Sim card)
No clinical content changed. About page untouched.
════════════════════════════════════════════════════════════ */
.home-hero-content.is-ar {
direction: rtl;
text-align: right;
}
.home-card.is-ar {
direction: rtl;
text-align: right;
}
/* ════════════════════════════════════════════════════════════
v5.27.17 — Notes column RTL inside Appendices tables (Option C)
Scope: ONLY the last
of each data row, AND only when it
contains a .bi-para-en span (= biPara-processed bilingual cell).
English-only Notes cells stay LTR. Headers stay LTR. Drug name,
route, dose cells stay LTR — column order preserved exactly.
════════════════════════════════════════════════════════════ */
#appLibContent.is-ar .app-lib-table tbody tr td:last-child:has(.bi-para-en) {
direction: rtl;
text-align: right;
}
/* English explainer line stacks under Arabic, right-anchored for visual flow */
#appLibContent.is-ar .app-lib-table tbody tr td:last-child:has(.bi-para-en) .bi-para-en {
text-align: right;
}
/* ════════════════════════════════════════════════════════════
v5.27.18 — Authority badge polish + bidi safety
Subtle hairline between Dr. Amir Fadhel (primary) and
Amjad Adnan (secondary) so the two contributors read as
distinct credentials rather than one merged credit block.
════════════════════════════════════════════════════════════ */
.authority-line.secondary {
border-top: 1px solid rgba(11, 31, 51, 0.08);
padding-top: 5px;
margin-top: 5px;
}
/* ════════════════════════════════════════════════════════════
v5.27.19 — Glassmorphism shimmer for Home CTAs and cards
────────────────────────────────────────────────────────────
Scope: STRICTLY .home-actions buttons and .home-card.
Global .btn-primary / .btn-secondary used elsewhere in the
app (training form, appendix placeholder, danger banners)
are untouched. The shimmer is a soft "click me" hint —
slow, low-opacity, GPU-accelerated transform-based.
════════════════════════════════════════════════════════════ */
/* ── Hero CTA buttons ─────────────────────────────────────── */
.home-actions .btn-primary,
.home-actions .btn-secondary {
position: relative;
overflow: hidden;
padding: 12px 24px;
font-size: 0.95rem;
font-weight: 700;
border-radius: 10px;
letter-spacing: 0.01em;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
isolation: isolate;
}
.home-actions .btn-primary {
background: linear-gradient(135deg, #0b1f33 0%, #1a3a55 100%);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.10);
box-shadow:
0 4px 16px rgba(11, 31, 51, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.10);
}
.home-actions .btn-secondary {
background: rgba(255, 255, 255, 0.08);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.22);
color: #fff;
box-shadow:
0 4px 14px rgba(0, 0, 0, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.10);
}
.home-actions .btn-primary:hover,
.home-actions .btn-secondary:hover {
transform: translateY(-1px);
opacity: 1;
}
.home-actions .btn-primary:hover {
box-shadow:
0 8px 26px rgba(11, 31, 51, 0.40),
inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
.home-actions .btn-secondary:hover {
background: rgba(255, 255, 255, 0.14);
box-shadow:
0 8px 26px rgba(0, 0, 0, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
/* Slow diagonal shimmer sweep — "click me" pulse */
.home-actions .btn-primary::before,
.home-actions .btn-secondary::before {
content: '';
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
background: linear-gradient(
100deg,
transparent 0%,
rgba(255, 255, 255, 0.20) 50%,
transparent 100%
);
transform: skewX(-22deg);
animation: enki-shimmer 3.5s ease-in-out infinite;
pointer-events: none;
z-index: 1;
}
.home-actions .btn-secondary::before { animation-delay: 1.4s; }
.home-actions .btn-primary > *,
.home-actions .btn-secondary > * { position: relative; z-index: 2; }
@keyframes enki-shimmer {
0% { left: -150%; }
55% { left: 200%; }
100% { left: 200%; }
}
/* ── Home cards ───────────────────────────────────────────── */
.home-card {
position: relative;
overflow: hidden;
transition: background 0.18s ease, transform 0.20s ease, box-shadow 0.20s ease;
isolation: isolate;
}
.home-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(11, 31, 51, 0.10);
z-index: 2;
}
/* Soft teal-tinted shimmer — staggered across the 3 cards */
.home-card::after {
content: '';
position: absolute;
top: 0;
left: -150%;
width: 50%;
height: 100%;
background: linear-gradient(
100deg,
transparent 0%,
rgba(13, 148, 136, 0.10) 50%,
transparent 100%
);
transform: skewX(-22deg);
animation: enki-card-shimmer 5s ease-in-out infinite;
pointer-events: none;
z-index: 0;
}
.home-card:nth-of-type(1)::after { animation-delay: 0s; }
.home-card:nth-of-type(2)::after { animation-delay: 1.6s; }
.home-card:nth-of-type(3)::after { animation-delay: 3.2s; }
.home-card > * { position: relative; z-index: 1; }
@keyframes enki-card-shimmer {
0%, 25% { left: -150%; }
70% { left: 200%; }
100% { left: 200%; }
}
/* Respect reduced-motion preference — disable shimmer for users
who request reduced motion (accessibility). */
@media (prefers-reduced-motion: reduce) {
.home-actions .btn-primary::before,
.home-actions .btn-secondary::before,
.home-card::after {
animation: none;
display: none;
}
}
/* ════════════════════════════════════════════════════════════
v5.27.20 — Supporting Clinical Team (About page only)
────────────────────────────────────────────────────────────
Static bilingual credit block under Clinical Authority.
English name on top (bold), Arabic transliteration below.
Self-contained — does NOT inherit Clinical Authority styles.
════════════════════════════════════════════════════════════ */
.about-team {
margin: 10px 16px 20px;
padding: 14px;
border-radius: 10px;
background: #f7f9fc;
border: 1px solid #e2e8f0;
}
.about-team h3 {
margin-bottom: 10px;
font-size: 0.95rem;
color: #0b1f33;
}
.about-team p {
margin: 8px 0;
font-size: 0.82rem;
color: #3a4b5c;
}
.about-team span {
display: block;
direction: rtl;
font-size: 0.8rem;
color: #5a6b7c;
}
.about-platforms { margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.about-platforms-label { font-size:.74rem; font-weight:700; color:#5a6b7c; text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px; }
.about-platforms-row { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.platform-logo { height:80px; width:auto; border-radius:8px; object-fit:contain; opacity:.9; transition:opacity .2s; }
.platform-logo:hover { opacity:1; }
.platform-logo[alt="SEVO.MAJIC"] { height:110px; }
|