/* TAMA — SITE STYLESHEET
   Single file. Replaces all previous CSS.
   Delete everything in Additional CSS before pasting this.
   Sections: 1 theme, 2 base, 3 type, 4 buttons, 5 breadcrumb,
   6 grids, 7 icon row, 8 signals, 9 steps, 10 statement,
   11 tabs, 12 diffs, 13 transfer, 14 stages, 15 panel,
   16 about, 17 responsive */

/* 1 · THEME OVERRIDES */
.page .entry-header { display: none; }

html[lang^="ar"] body,
html[lang^="ar"] h1, html[lang^="ar"] h2, html[lang^="ar"] h3,
html[lang^="ar"] h4, html[lang^="ar"] h5, html[lang^="ar"] h6,
html[lang^="ar"] p, html[lang^="ar"] a, html[lang^="ar"] span,
html[lang^="ar"] div, html[lang^="ar"] label {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
}

/* 2 · BASE */
.tama-wrap { color: #fff; }
.tama-wrap * { box-sizing: border-box; }
.tama-wrap p, .tama-wrap h1, .tama-wrap h2,
.tama-wrap h3, .tama-wrap li { text-align: start; }

.tama-sec { padding: 56px 0; border-top: 1px solid rgba(255,255,255,0.08); }
.tama-sec--hero { padding: 80px 0 64px; border-top: 0; }
.tama-sec--hero-inner { padding: 40px 0 64px; border-top: 0; }
.tama-sec--statement { padding: 72px 0; }
.tama-sec--cta {
  padding: 80px 0;
  border-top: 1px solid rgba(255,255,255,0.12);
  text-align: center;
}
.tama-sec--cta .tama-inner { text-align: center; }
.tama-sec--cta .tama-h2,
.tama-sec--cta .tama-cta-lead { text-align: center; }
.tama-sec--cta .tama-btn {
  display: block;
  width: fit-content;
  margin-inline: auto;
  float: none;
}
.tama-inner { max-width: 1200px; margin: 0 auto; padding: 0 6%; }

/* 3 · TYPOGRAPHY */
.tama-h1 {
  font-size: 56px; font-weight: 700; line-height: 1.35;
  margin: 0 0 20px; max-width: 22ch; color: #fff; text-wrap: balance;
}
.tama-h2 {
  font-size: 28px; font-weight: 700; line-height: 1.4;
  margin: 0 0 14px; color: #fff; text-wrap: balance;
}
.tama-h2--grid { margin-bottom: 30px; }
.tama-h3 {
  font-size: 22px; font-weight: 700; line-height: 1.45;
  margin: 0 0 8px; color: #fff;
}
.tama-lead {
  font-size: 20px; line-height: 1.9; margin: 0 0 32px;
  max-width: 60ch; color: rgba(255,255,255,0.75); text-wrap: pretty;
}
.tama-body {
  font-size: 18px; line-height: 1.9; margin: 0 0 18px;
  max-width: 70ch; color: rgba(255,255,255,0.72); text-wrap: pretty;
}
.tama-cta-lead {
  font-size: 19px; line-height: 1.9; margin: 0 auto 30px;
  max-width: 60ch; color: rgba(255,255,255,0.72); text-wrap: pretty;
}

html[lang^="ar"] .tama-h1 { font-size: 62px; }
html[lang^="ar"] .tama-h2 { font-size: 31px; }
html[lang^="ar"] .tama-h3 { font-size: 24px; }

/* 4 · BUTTONS AND LINKS */
.tama-btn {
  display: inline-block; background: #FF4602; color: #fff !important;
  font-size: 17px; font-weight: 500; padding: 16px 34px;
  text-decoration: none !important; border-radius: 0;
  transition: background .15s ease;
}
.tama-btn:hover { background: #D63A00; }

.tama-link {
  display: inline-block; color: #FF4602 !important;
  font-size: 16px; text-decoration: none !important;
}
.tama-link:hover { text-decoration: underline !important; }

.tama-body a, .tama-step p a, .tama-stage-panel p a,
.tama-panel-bordered p a, .tama-statement-link a {
  color: #FF4602 !important; text-decoration: none !important;
  border-bottom: 1px solid rgba(255,70,2,0.4);
}
.tama-body a:hover, .tama-step p a:hover,
.tama-stage-panel p a:hover, .tama-panel-bordered p a:hover,
.tama-statement-link a:hover { border-bottom-color: #FF4602; }

/* 5 · BREADCRUMB */
.tama-crumb { font-size: 15px; color: rgba(255,255,255,0.45); margin: 0 0 18px; }
.tama-crumb a { color: rgba(255,255,255,0.45) !important; text-decoration: none !important; }
.tama-crumb a:hover { color: #FF4602 !important; }
.tama-crumb .sep { padding: 0 8px; }

/* 6 · CARD AND TEXT GRIDS */
.tama-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.tama-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.tama-grid--text { gap: 34px 36px; }

.tama-card {
  border: 1px solid rgba(255,255,255,0.15); border-radius: 0;
  padding: 32px; display: flex; flex-direction: column; gap: 18px;
}
.tama-card .tama-h3 { font-size: 22px; margin: 0; }
.tama-card p {
  font-size: 17px; line-height: 1.85; margin: 0; flex: 1;
  color: rgba(255,255,255,0.65); text-wrap: pretty;
}
.tama-item p {
  font-size: 17px; line-height: 1.85; margin: 0;
  color: rgba(255,255,255,0.68); text-wrap: pretty;
}

/* 7 · ICON ROW (Home) */
.tama-row { display: flex; gap: 24px; align-items: flex-start; }
.tama-row .tama-ico { flex-shrink: 0; margin-top: 6px; }
.tama-num { color: #FF4602; font-size: 15px; font-weight: 500; display: block; margin-bottom: 8px; }

/* 8 · ENGAGEMENT SIGNALS */
.tama-signals { display: flex; align-items: center; gap: 40px; }
.tama-signals-list {
  flex: 1.7 1 0; min-width: 0;
  display: flex; flex-direction: column; gap: 16px;
}
.tama-signal {
  display: block; position: relative;
  padding-inline-start: 48px; padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.tama-signal:last-child { border-bottom: 0; padding-bottom: 0; }
.tama-signal-num {
  position: absolute; inset-inline-start: 0; top: 0;
  color: #FF4602; font-size: 15px; font-weight: 700; line-height: 1.85;
}
.tama-signal h3 {
  font-size: 19px; font-weight: 700; line-height: 1.45;
  margin: 0 0 6px; color: #fff;
}
html[lang^="ar"] .tama-signal h3 { font-size: 21px; }
.tama-signal p {
  display: block; width: auto; max-width: none; margin: 0;
  font-size: 16px; line-height: 1.85;
  color: rgba(255,255,255,0.78); text-wrap: pretty;
}
.tama-signals-response {
  flex: 1 1 0; min-width: 0;
  border-inline-start: 2px solid #FF4602; padding-inline-start: 26px;
}
.tama-signals-response p {
  font-size: 16px; line-height: 1.85; margin: 0;
  color: rgba(255,255,255,0.7); text-wrap: pretty;
}

/* 9 · NUMBERED STEPS — numeral is inline inside the h3 */
.tama-steps { max-width: 900px; }
.tama-step {
  display: block; padding: 30px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.tama-step:first-child { padding-top: 0; }
.tama-step:last-child { border-bottom: 0; padding-bottom: 0; }
.tama-step h3 {
  display: block; font-size: 22px; font-weight: 700;
  line-height: 1.45; margin: 0 0 12px; color: #fff;
}
html[lang^="ar"] .tama-step h3 { font-size: 24px; }
.tama-step h3 .tama-step-num {
  display: inline; color: #FF4602; margin-inline-end: 16px;
}
.tama-step p {
  display: block; margin: 0; font-size: 17px; line-height: 1.85;
  color: rgba(255,255,255,0.68); text-wrap: pretty;
}
.tama-step p + p { margin-top: 14px; }

/* 10 · CLOSING STATEMENT */
.tama-statement {
  border-inline-start: 3px solid #FF4602;
  padding-inline-start: 28px; max-width: 860px;
}
.tama-statement p {
  font-size: 30px; font-weight: 700; line-height: 1.6;
  margin: 0; color: #fff; text-wrap: pretty;
}
html[lang^="ar"] .tama-statement p { font-size: 33px; }
.tama-statement-link { margin-top: 22px; padding-inline-start: 31px; }
.tama-statement-link a { font-size: 17px; }

/* 11 · TABBED TRACKS (Integration page) */
.tama-tabs { max-width: 900px; }
.tama-tabs input { position: absolute; opacity: 0; pointer-events: none; }
.tama-tabbar { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 36px; }
.tama-tabbar label {
  cursor: pointer; font-size: 17px; padding: 14px 28px;
  border: 1px solid rgba(255,255,255,0.28); border-radius: 0;
  color: rgba(255,255,255,0.72);
  transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.tama-tabbar label:hover { border-color: rgba(255,255,255,0.6); color: #fff; }
.tama-panel { display: none; }
#tama-trk-1:checked ~ .tama-tabbar label[for="tama-trk-1"],
#tama-trk-2:checked ~ .tama-tabbar label[for="tama-trk-2"] {
  background: #FF4602; border-color: #FF4602; color: #fff; font-weight: 500;
}
#tama-trk-1:checked ~ .tama-panels .tama-panel--1,
#tama-trk-2:checked ~ .tama-panels .tama-panel--2 { display: block; }

.tama-step--shared {
  border-top: 1px dashed rgba(255,70,2,0.45);
  margin-top: 10px; padding-top: 28px;
}
.tama-shared-label {
  display: block; color: #FF4602; font-size: 15px; margin-bottom: 12px;
}

/* 12 · DIFFERENTIATOR STRIP (Approach) */
.tama-diffs { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 30px; }
.tama-diff svg { display: block; margin-bottom: 14px; }
.tama-diff h3 {
  font-size: 19px; font-weight: 700; line-height: 1.45;
  margin: 0 0 8px; color: #fff;
}
html[lang^="ar"] .tama-diff h3 { font-size: 21px; }
.tama-diff p {
  font-size: 16px; line-height: 1.8; margin: 0;
  color: rgba(255,255,255,0.62); text-wrap: pretty;
}

/* 13 · OWNERSHIP TRANSFER BANDS (Approach) */
.tama-transfer { max-width: 980px; }
.tama-transfer-row {
  display: flex; align-items: center; gap: 22px; margin-bottom: 18px;
}
.tama-transfer-row:last-child { margin-bottom: 0; }
.tama-transfer-label {
  flex: 0 0 150px; font-size: 16px; font-weight: 700;
}
.tama-transfer-label--tama { color: #FF4602; }
.tama-transfer-label--client { color: rgba(255,255,255,0.85); }
.tama-band {
  flex: 1 1 auto; min-width: 0;
  display: flex; gap: 5px; height: 42px;
}
.tama-band span { flex: 1 1 0; min-width: 0; display: block; }
.tama-band--tama span:nth-child(1) { background: #FF4602; }
.tama-band--tama span:nth-child(2) { background: rgba(255,70,2,0.78); }
.tama-band--tama span:nth-child(3) { background: rgba(255,70,2,0.5); }
.tama-band--tama span:nth-child(4) { background: rgba(255,70,2,0.18); }
.tama-band--client span:nth-child(1) { background: rgba(255,255,255,0.14); }
.tama-band--client span:nth-child(2) { background: rgba(255,255,255,0.32); }
.tama-band--client span:nth-child(3) { background: rgba(255,255,255,0.58); }
.tama-band--client span:nth-child(4) { background: rgba(255,255,255,0.85); }
.tama-band-spacer { flex: 0 0 150px; }
.tama-band-keys {
  flex: 1 1 auto; min-width: 0; display: flex; gap: 5px;
}
.tama-band-keys > div { flex: 1 1 0; min-width: 0; }
.tama-band-keys .num { color: #FF4602; font-size: 14px; display: block; }
.tama-band-keys p { font-size: 15px; font-weight: 700; margin: 2px 0 0; }

/* 14 · STAGE SELECTOR (Approach) */
.tama-stages { max-width: 980px; }
.tama-stages input { position: absolute; opacity: 0; pointer-events: none; }
.tama-stagebar {
  display: flex; flex-wrap: nowrap;
  gap: 10px; margin-bottom: 36px;
}
.tama-stagebar label {
  flex: 1 1 0; min-width: 0;
  cursor: pointer; font-size: 16px; padding: 18px;
  border: 1px solid rgba(255,255,255,0.24); border-radius: 0;
  color: rgba(255,255,255,0.7);
  display: flex; flex-direction: column; gap: 12px;
  transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.tama-stagebar label:hover { border-color: rgba(255,255,255,0.55); color: #fff; }
.tama-stagebar label svg { display: block; }
.tama-stage-panel { display: none; }
#tama-stg-1:checked ~ .tama-stagebar label[for="tama-stg-1"],
#tama-stg-2:checked ~ .tama-stagebar label[for="tama-stg-2"],
#tama-stg-3:checked ~ .tama-stagebar label[for="tama-stg-3"],
#tama-stg-4:checked ~ .tama-stagebar label[for="tama-stg-4"] {
  background: #FF4602; border-color: #FF4602; color: #fff;
}
#tama-stg-1:checked ~ .tama-stage-panels .tama-stage-panel--1,
#tama-stg-2:checked ~ .tama-stage-panels .tama-stage-panel--2,
#tama-stg-3:checked ~ .tama-stage-panels .tama-stage-panel--3,
#tama-stg-4:checked ~ .tama-stage-panels .tama-stage-panel--4 { display: block; }
.tama-stage-panel h3 {
  font-size: 22px; font-weight: 700; margin: 0 0 12px; color: #fff;
}
html[lang^="ar"] .tama-stage-panel h3 { font-size: 24px; }
.tama-stage-panel p {
  font-size: 17px; line-height: 1.85; margin: 0;
  max-width: 880px; color: rgba(255,255,255,0.68); text-wrap: pretty;
}

/* 15 · BORDERED PANEL */
.tama-panel-bordered {
  border: 1px solid rgba(255,255,255,0.2); padding: 36px;
  display: grid; grid-template-columns: auto 1fr; gap: 26px; align-items: start;
}
.tama-panel-bordered > svg { margin-top: 6px; }
.tama-panel-bordered p {
  font-size: 17px; line-height: 1.85; margin: 0;
  max-width: 820px; color: rgba(255,255,255,0.7); text-wrap: pretty;
}
.tama-panel-bordered p + p { margin-top: 16px; }

/* 16 · TABLET */
@media (max-width: 900px) {
  .tama-h1 { font-size: 38px; }
  html[lang^="ar"] .tama-h1 { font-size: 42px; }
  .tama-h2 { font-size: 24px; }
  html[lang^="ar"] .tama-h2 { font-size: 26px; }
  .tama-lead { font-size: 18px; }
  .tama-sec { padding: 44px 0; }
  .tama-sec--hero { padding: 56px 0 48px; }
  .tama-sec--hero-inner { padding: 30px 0 48px; }
  .tama-sec--cta, .tama-sec--statement { padding: 52px 0; }
  .tama-card { padding: 24px; }
  .tama-grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .tama-signals { gap: 28px; }
  .tama-signal p, .tama-signals-response p { font-size: 16px; }
  .tama-step { padding: 24px 0; }
  .tama-step h3 { font-size: 19px; }
  html[lang^="ar"] .tama-step h3 { font-size: 21px; }
  .tama-step p { font-size: 16px; }
  .tama-statement p { font-size: 24px; }
  html[lang^="ar"] .tama-statement p { font-size: 26px; }
  .tama-diffs { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 26px; }
  .tama-transfer-row { gap: 16px; margin-bottom: 14px; }
  .tama-transfer-label { flex-basis: 120px; font-size: 14px; }
  .tama-band-spacer { flex-basis: 120px; }
  .tama-band { height: 34px; }
  .tama-band-keys p { font-size: 14px; }
  .tama-stagebar { gap: 8px; }
  .tama-stagebar label { font-size: 14px; padding: 14px; }
  .tama-panel-bordered { padding: 26px; gap: 20px; }
}

/* 17 · SMALL TABLET */
@media (max-width: 700px) {
  .tama-signals { flex-direction: column; align-items: stretch; gap: 24px; }
  .tama-signals-response { padding-inline-start: 18px; }
}

/* 18 · MOBILE */
@media (max-width: 600px) {
  .tama-h1 { font-size: 30px; }
  html[lang^="ar"] .tama-h1 { font-size: 33px; }
  .tama-h2 { font-size: 21px; }
  html[lang^="ar"] .tama-h2 { font-size: 23px; }
  .tama-h3 { font-size: 19px; }
  html[lang^="ar"] .tama-h3 { font-size: 21px; }
  .tama-lead { font-size: 17px; }
  .tama-body, .tama-cta-lead { font-size: 16px; }
  .tama-crumb { font-size: 13px; margin-bottom: 14px; }
  .tama-crumb .sep { padding: 0 5px; }
  .tama-btn { display: block; text-align: center; padding: 16px; }
  .tama-grid, .tama-grid-3, .tama-grid--text { grid-template-columns: 1fr; gap: 14px; }
  .tama-row { flex-direction: column; gap: 14px; }
  .tama-row .tama-ico { margin-top: 0; }
  .tama-card .tama-h3 { font-size: 19px; }
  .tama-card p, .tama-item p { font-size: 16px; }
  .tama-signal { padding-inline-start: 34px; }
  .tama-signal h3 { font-size: 16px; }
  html[lang^="ar"] .tama-signal h3 { font-size: 18px; }
  .tama-signal p, .tama-signals-response p { font-size: 15px; }
  .tama-step { padding: 22px 0; }
  .tama-step h3 { font-size: 17px; }
  html[lang^="ar"] .tama-step h3 { font-size: 19px; }
  .tama-step h3 .tama-step-num { margin-inline-end: 12px; }
  .tama-statement { padding-inline-start: 18px; border-inline-start-width: 2px; }
  .tama-statement p { font-size: 19px; }
  html[lang^="ar"] .tama-statement p { font-size: 21px; }
  .tama-statement-link { margin-top: 18px; padding-inline-start: 20px; }
  .tama-statement-link a { font-size: 15px; }
  .tama-tabbar { gap: 8px; margin-bottom: 26px; }
  .tama-tabbar label { font-size: 15px; padding: 12px 18px; flex: 1 1 auto; text-align: center; }
  .tama-shared-label { font-size: 13px; }
  .tama-diffs { grid-template-columns: 1fr; gap: 24px; }
  .tama-transfer-row { flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
  .tama-transfer-label { flex: 1 1 100%; font-size: 14px; }
  .tama-band { flex: 1 1 100%; height: 28px; }
  .tama-band-spacer { display: none; }
  .tama-band-keys { flex: 1 1 100%; }
  .tama-band-keys p { font-size: 12px; }
  .tama-stagebar { flex-wrap: wrap; }
  .tama-stagebar label { flex: 1 1 calc(50% - 5px); font-size: 13px; padding: 12px; gap: 8px; }
  .tama-stage-panel h3 { font-size: 18px; }
  html[lang^="ar"] .tama-stage-panel h3 { font-size: 20px; }
  .tama-stage-panel p { font-size: 16px; }
  .tama-panel-bordered { display: block; padding: 22px; }
  .tama-panel-bordered > svg { margin-bottom: 14px; }
  .tama-panel-bordered p { font-size: 16px; }
}


/* 16 · ABOUT PAGE COMPONENTS */
TAMA — PATCH 15: ABOUT PAGE COMPONENTS
   Append to the END of Additional CSS,
   after the consolidated stylesheet.
   ============================================ */

/* ---- Audience pairs: two columns, two rows, ruled ---- */
.tama-pairs::after {
  content: "";
  display: table;
  clear: both;
}
.tama-pair {
  float: inline-start;
  width: 50%;
  box-sizing: border-box;
  padding: 30px 0;
  border-top: 1px solid rgba(255,255,255,0.18);
}
.tama-pair:nth-child(odd) { clear: both; }
.tama-pair:nth-child(odd) {
  padding-inline-end: 44px;
}
.tama-pair:nth-child(even) {
  padding-inline-start: 44px;
  border-inline-start: 1px solid rgba(255,255,255,0.18);
}
.tama-pair svg { display: block; }
.tama-pair h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  margin: 16px 0 10px;
  color: #fff;
  text-align: start;
}
html[lang^="ar"] .tama-pair h3 { font-size: 22px; }
.tama-pair p {
  font-size: 17px;
  line-height: 1.85;
  color: rgba(255,255,255,0.66);
  margin: 0;
  text-align: start;
  text-wrap: pretty;
}

/* ---- Differentiator cards: orange top edge ---- */
.tama-marks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.tama-mark {
  border: 1px solid rgba(255,255,255,0.15);
  border-top: 3px solid #FF4602;
  border-radius: 0;
  padding: 28px;
}
.tama-mark svg {
  display: block;
  margin-bottom: 18px;
}
.tama-mark h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  margin: 0;
  color: #fff;
  text-align: start;
}
html[lang^="ar"] .tama-mark h3 { font-size: 22px; }
.tama-mark p {
  font-size: 16px;
  line-height: 1.85;
  color: rgba(255,255,255,0.66);
  margin: 12px 0 0;
  text-align: start;
  text-wrap: pretty;
}
.tama-mark p a {
  color: #FF4602 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,70,2,0.4);
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .tama-pair { padding: 24px 0; }
  .tama-pair:nth-child(odd) { padding-inline-end: 28px; }
  .tama-pair:nth-child(even) { padding-inline-start: 28px; }
  .tama-pair h3 { font-size: 18px; }
  html[lang^="ar"] .tama-pair h3 { font-size: 20px; }
  .tama-pair p { font-size: 16px; }
  .tama-marks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .tama-mark { padding: 22px; }
  .tama-mark h3 { font-size: 18px; }
  html[lang^="ar"] .tama-mark h3 { font-size: 20px; }
}

@media (max-width: 600px) {
  .tama-pair,
  .tama-pair:nth-child(odd),
  .tama-pair:nth-child(even) {
    float: none;
    width: 100%;
    padding: 22px 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    border-inline-start: 0;
  }
  .tama-pair h3 { font-size: 17px; }
  html[lang^="ar"] .tama-pair h3 { font-size: 19px; }
  .tama-pair p { font-size: 16px; }
  .tama-marks { grid-template-columns: 1fr; }
  .tama-mark h3 { font-size: 17px; }
  html[lang^="ar"] .tama-mark h3 { font-size: 19px; }
  .tama-mark p { font-size: 16px; }
}


/* 17 · TRACK RECORD PAGE COMPONENTS
   Three-column rows use floats, matching the audience pairs,
   because grid did not hold on this theme. */

.tama-case {
  padding: 36px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.tama-case:last-child { border-bottom: 0; }

.tama-case-head {
  display: flex;
  align-items: center;
  gap: 16px;
}
.tama-case-head svg { flex: 0 0 auto; }
.tama-case-num {
  color: #FF4602;
  font-size: 17px;
  font-weight: 700;
}
.tama-case-head h3 {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  color: #fff;
  text-align: start;
}
html[lang^="ar"] .tama-case-head h3 { font-size: 24px; }

/* metadata row */
.tama-meta {
  border-top: 1px solid rgba(255,255,255,0.14);
  border-bottom: 1px solid rgba(255,255,255,0.14);
  margin: 20px 0 26px;
}
.tama-meta::after { content: ""; display: table; clear: both; }
.tama-meta > div {
  float: inline-start;
  width: 33.333%;
  box-sizing: border-box;
  padding: 18px 24px;
  border-inline-start: 1px solid rgba(255,255,255,0.14);
}
.tama-meta > div:first-child {
  border-inline-start: 0;
  padding-inline-start: 0;
}
.tama-meta .k {
  display: block;
  font-size: 14px;
  color: rgba(255,255,255,0.42);
  margin-bottom: 7px;
}
.tama-meta .v {
  font-size: 16px;
  font-weight: 700;
}

/* outcome statement */
.tama-case-outcome {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  margin: 0 0 26px;
  max-width: 880px;
  color: #fff;
  text-align: start;
  text-wrap: pretty;
}
html[lang^="ar"] .tama-case-outcome { font-size: 26px; }

/* three labelled parts */
.tama-parts {
  border-top: 1px solid rgba(255,255,255,0.18);
}
.tama-parts::after { content: ""; display: table; clear: both; }
.tama-part {
  float: inline-start;
  width: 33.333%;
  box-sizing: border-box;
  padding: 24px 26px 0 26px;
  border-inline-start: 1px solid rgba(255,255,255,0.18);
}
.tama-part:first-child {
  border-inline-start: 0;
  padding-inline-start: 0;
}
.tama-part:last-child { padding-inline-end: 0; }
.tama-part-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 11px;
}
.tama-part-label span {
  color: #FF4602;
  font-size: 14px;
}
.tama-part p {
  font-size: 16px;
  line-height: 1.85;
  color: rgba(255,255,255,0.66);
  margin: 0;
  text-align: start;
  text-wrap: pretty;
}

/* attribution and service links */
.tama-case-attr {
  font-size: 15px;
  color: rgba(255,255,255,0.45);
  margin: 26px 0 0;
  text-align: start;
}
.tama-case-attr a {
  color: #FF4602 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,70,2,0.4);
}

@media (max-width: 900px) {
  .tama-case { padding: 28px 0; }
  .tama-case-head h3 { font-size: 19px; }
  html[lang^="ar"] .tama-case-head h3 { font-size: 21px; }
  .tama-meta > div { padding: 14px 18px; }
  .tama-meta .v { font-size: 15px; }
  .tama-case-outcome { font-size: 20px; }
  html[lang^="ar"] .tama-case-outcome { font-size: 22px; }
  .tama-part { padding: 20px 18px 0 18px; }
}

@media (max-width: 600px) {
  .tama-meta > div,
  .tama-meta > div:first-child {
    float: none;
    width: 100%;
    padding: 14px 0;
    border-inline-start: 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  .tama-meta > div:last-child { border-bottom: 0; }
  .tama-case-outcome { font-size: 18px; }
  html[lang^="ar"] .tama-case-outcome { font-size: 20px; }
  .tama-part,
  .tama-part:first-child,
  .tama-part:last-child {
    float: none;
    width: 100%;
    padding: 20px 0 0 0;
    border-inline-start: 0;
  }
  .tama-case-attr { font-size: 14px; }
}


/* 18 · SIGNAL ICONS (service pages)
   Icon sits beside the sub-heading, above the sentence. */
.tama-signal-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.tama-signal-head svg { flex: 0 0 auto; }
.tama-signal-head h3 {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.45;
  color: #fff;
  text-align: start;
}
html[lang^="ar"] .tama-signal-head h3 { font-size: 21px; }

@media (max-width: 600px) {
  .tama-signal-head { gap: 9px; margin-bottom: 7px; }
  .tama-signal-head h3 { font-size: 16px; }
  html[lang^="ar"] .tama-signal-head h3 { font-size: 18px; }
}


/* 19 · CONTACT PAGE
   Two columns via float, matching the audience pairs. */
.tama-contact::after { content: ""; display: table; clear: both; }
.tama-contact-form {
  float: inline-start;
  width: 62%;
  box-sizing: border-box;
  padding-inline-end: 54px;
}
.tama-contact-side {
  float: inline-start;
  width: 38%;
  box-sizing: border-box;
}
.tama-contact-side > div {
  padding: 24px 0;
  border-top: 1px solid rgba(255,255,255,0.14);
}
.tama-contact-side > div:first-child {
  border-top: 0;
  padding-top: 0;
}
.tama-contact-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tama-contact-head h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  text-align: start;
}
html[lang^="ar"] .tama-contact-head h3 { font-size: 19px; }
.tama-contact-side p {
  font-size: 16px;
  line-height: 1.85;
  color: rgba(255,255,255,0.66);
  margin: 10px 0 0;
  text-align: start;
}
.tama-contact-side a {
  color: #FF4602 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,70,2,0.4);
}
.tama-social a {
  display: inline-block;
  border-bottom: 0 !important;
  line-height: 0;
  opacity: 0.85;
  transition: opacity .12s ease;
}
.tama-social a:hover { opacity: 1; }

/* HubSpot v4 embed — align with site typography where reachable */
.tama-contact-form .hs-form-frame,
.tama-contact-form form { max-width: 100%; }
.tama-contact-form label {
  font-size: 15px !important;
  color: rgba(255,255,255,0.55) !important;
}
.tama-contact-form input[type="text"],
.tama-contact-form input[type="email"],
.tama-contact-form select,
.tama-contact-form textarea {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  padding: 10px 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.tama-contact-form textarea { min-height: 120px !important; }
.tama-contact-form input[type="submit"],
.tama-contact-form .hs-button {
  background: #FF4602 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  padding: 16px 34px !important;
  cursor: pointer;
}
.tama-contact-form input[type="submit"]:hover,
.tama-contact-form .hs-button:hover { background: #D63A00 !important; }

@media (max-width: 900px) {
  .tama-contact-form { padding-inline-end: 32px; }
  .tama-contact-head h3 { font-size: 16px; }
  html[lang^="ar"] .tama-contact-head h3 { font-size: 18px; }
}

@media (max-width: 700px) {
  .tama-contact-form,
  .tama-contact-side {
    float: none;
    width: 100%;
    padding-inline-end: 0;
  }
  .tama-contact-side { margin-top: 36px; }
}


/* 20 · FORMINATOR FIELDS
   In Forminator, add to each field's
   "Additional CSS Classes" box:
     name, email, phone, message  ->  tama-field
     consent checkbox (if added)  ->  tama-field tama-consent
     submit button                ->  tama-submit
   Set the form's design style to None first. */

.tama-field,
.tama-field * {
  border-radius: 0 !important;
  letter-spacing: normal !important;
}
html[lang^="ar"] .tama-field,
html[lang^="ar"] .tama-field * {
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
  direction: rtl !important;
  text-align: right !important;
}

/* labels */
.tama-field label,
.tama-field .forminator-label {
  display: block !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  color: rgba(255,255,255,0.55) !important;
  margin: 0 0 8px !important;
}
.tama-field .forminator-required { color: #FF4602 !important; }

/* inputs */
.tama-field input[type="text"],
.tama-field input[type="email"],
.tama-field input[type="tel"],
.tama-field textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  padding: 11px 14px !important;
  min-height: 46px !important;
  height: auto !important;
}
.tama-field textarea { min-height: 140px !important; resize: vertical !important; }

/* Email and phone hold Latin characters and must read
   left to right even inside an Arabic form. They stay
   aligned to the right edge so the column looks even. */
html[lang^="ar"] .tama-field input[type="email"],
html[lang^="ar"] .tama-field input[type="tel"] {
  direction: ltr !important;
  text-align: right !important;
}
html[lang^="ar"] .tama-field input[type="email"]::placeholder,
html[lang^="ar"] .tama-field input[type="tel"]::placeholder {
  text-align: right !important;
}

.tama-field input:focus,
.tama-field textarea:focus {
  border-color: #FF4602 !important;
  outline: none !important;
}
.tama-field input::placeholder,
.tama-field textarea::placeholder {
  color: rgba(255,255,255,0.32) !important;
  opacity: 1 !important;
}

/* consent checkbox, if one is added */
.tama-consent .forminator-checkbox {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
}
.tama-consent .forminator-checkbox-box {
  flex: 0 0 auto !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  background: transparent !important;
  margin-top: 4px !important;
}
.tama-consent input:checked + .forminator-checkbox-box {
  background: #FF4602 !important;
  border-color: #FF4602 !important;
}
.tama-consent span { font-size: 15px !important; color: rgba(255,255,255,0.6) !important; }
.tama-field a,
.tama-consent a {
  color: #FF4602 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,70,2,0.4) !important;
}

/* helper text and errors */
.tama-field .forminator-description {
  font-size: 14px !important;
  color: rgba(255,255,255,0.42) !important;
  margin-top: 6px !important;
}
.tama-field .forminator-error-message {
  background: transparent !important;
  border: 0 !important;
  color: #FF6B4A !important;
  font-size: 14px !important;
  padding: 6px 0 0 !important;
}
.tama-field .forminator-has_error { border-color: #FF6B4A !important; }

/* submit */
.tama-submit button,
.tama-submit .forminator-button,
button.tama-submit {
  background: #FF4602 !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  padding: 16px 34px !important;
  height: auto !important;
  cursor: pointer !important;
  transition: background .15s ease !important;
}
.tama-submit button:hover,
.tama-submit .forminator-button:hover,
button.tama-submit:hover { background: #D63A00 !important; }

.tama-field { margin-bottom: 18px !important; }

@media (max-width: 600px) {
  .tama-field label { font-size: 14px !important; }
  .tama-submit button,
  .tama-submit .forminator-button,
  button.tama-submit {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 16px !important;
  }
}

/* 21 · NAVIGATION BAR */

/* --- sticky header --- */
.site-header {
  position: sticky !important;
  top: 0;
  z-index: 999;
  background: #000000 !important;
}
body.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

/* --- menu beside the logo, one line only.
   Desktop only: below 769px GeneratePress switches to the
   mobile menu and must be left to stack normally. --- */
@media (min-width: 769px) {
  .inside-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
  }
  .inside-header .site-branding,
  .inside-header .site-logo { flex: 0 0 auto !important; }
  .inside-header .main-navigation {
    margin-inline-start: 40px !important;
    margin-inline-end: auto !important;
    flex: 0 1 auto !important;
  }
  .main-navigation .main-nav > ul,
  .main-navigation ul.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
}

.main-navigation li,
.main-navigation li > a,
.main-navigation li > a span,
.main-navigation .dropdown-menu-toggle {
  white-space: nowrap !important;
}
.main-navigation li > a {
  display: inline-flex !important;
  align-items: center !important;
}

/* --- all items bold --- */
.main-navigation li a { font-weight: 700 !important; }

/* --- active page in orange text, nothing else --- */
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-ancestor > a,
.main-navigation li.current-menu-parent > a,
.main-navigation li.current_page_parent > a {
  background-color: transparent !important;
  color: #FF4602 !important;
  text-decoration: none !important;
}

/* --- Arabic type size --- */
html[lang^="ar"] .main-navigation li a {
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
  font-size: 19px !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
}

/* --- direction per language --- */
html[lang^="en"] .site-header,
html[lang^="en"] .main-navigation,
html[lang^="en"] .inside-navigation,
html[lang^="en"] .main-navigation .main-nav,
html[lang^="en"] .main-navigation .main-nav > ul { direction: ltr !important; }
html[lang^="ar"] .site-header,
html[lang^="ar"] .main-navigation,
html[lang^="ar"] .inside-navigation,
html[lang^="ar"] .main-navigation .main-nav,
html[lang^="ar"] .main-navigation .main-nav > ul { direction: rtl !important; }

/* --- language switcher --- */
.main-navigation li.lang-item > a,
.main-navigation li.pll-parent-menu-item > a {
  color: rgba(255,255,255,0.75) !important;
  background: transparent !important;
  text-decoration: none !important;
}
.main-navigation li.lang-item > a:hover { color: #FF4602 !important; }

.main-navigation li.lang-item:first-of-type > a,
.main-navigation li.pll-parent-menu-item > a {
  border-inline-start: 1px solid rgba(255,255,255,0.25) !important;
  margin-inline-start: 12px !important;
}

.main-navigation li.lang-item.current-lang > a,
.main-navigation li.lang-item.current-lang-item > a,
.main-navigation li.pll-parent-menu-item > a {
  color: #FF4602 !important;
}
.main-navigation li.lang-item.current-lang > a::before,
.main-navigation li.lang-item.current-lang-item > a::before,
.main-navigation li.pll-parent-menu-item > a::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px;
  height: 16px;
  margin-inline-end: 8px;
  vertical-align: -3px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2523FF4602%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M3%2012h18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%203c2.4%202.5%203.7%205.6%203.7%209s-1.3%206.5-3.7%209c-2.4-2.5-3.7-5.6-3.7-9s1.3-6.5%203.7-9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main-navigation li.lang-item:not(.current-lang):not(.current-lang-item) > a::before,
.main-navigation li.pll-parent-menu-item ul.sub-menu li a::before {
  display: none !important;
}

.main-navigation li.pll-parent-menu-item ul.sub-menu {
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  min-width: 150px !important;
}
.main-navigation li.pll-parent-menu-item ul.sub-menu li a {
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500 !important;
  padding: 12px 16px !important;
  background: transparent !important;
}
.main-navigation li.pll-parent-menu-item ul.sub-menu li a:hover {
  background: rgba(255,70,2,0.12) !important;
  color: #FF4602 !important;
}
.main-navigation li.lang-item img,
.main-navigation li.pll-parent-menu-item img { display: none !important; }

@media (max-width: 900px) {
  .inside-header .main-navigation { margin-inline-start: 24px !important; }
  html[lang^="ar"] .main-navigation li a { font-size: 17px !important; }
}


/* 24 · LEGAL PAGES
   Privacy Notice, Cookie Notice, Website Terms.
   Narrower measure than the rest of the site so long
   documents stay readable. */

.tama-legal {
  max-width: 860px;
}
.tama-legal-updated {
  font-size: 16px;
  color: rgba(255,255,255,0.45);
  margin: 0;
  text-align: start;
}

.tama-legal-h2 {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.45;
  color: #fff;
  margin: 52px 0 16px;
  padding-inline-start: 46px;
  text-align: start;
}
html[lang^="ar"] .tama-legal-h2 { font-size: 26px; }
.tama-legal-h2:first-child { margin-top: 0; }
.tama-legal-h2 .n {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  color: #FF4602;
  font-size: 17px;
  line-height: 2.1;
}

.tama-legal-h3 {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  margin: 30px 0 12px;
  text-align: start;
}
html[lang^="ar"] .tama-legal-h3 { font-size: 21px; }

.tama-legal-p {
  font-size: 17px;
  line-height: 1.9;
  color: rgba(255,255,255,0.72);
  margin: 0 0 14px;
  text-align: start;
  text-wrap: pretty;
}
.tama-legal-p:last-child { margin-bottom: 0; }

.tama-legal-list {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}
.tama-legal-list li {
  position: relative;
  font-size: 17px;
  line-height: 1.9;
  color: rgba(255,255,255,0.72);
  padding-inline-start: 22px;
  margin-bottom: 9px;
  text-align: start;
}
.tama-legal-list li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 15px;
  width: 6px;
  height: 6px;
  background: #FF4602;
}

.tama-legal a {
  color: #FF4602 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,70,2,0.4);
}
.tama-legal strong { color: #fff; font-weight: 700; }

@media (max-width: 600px) {
  .tama-legal-h2 {
    font-size: 20px;
    padding-inline-start: 34px;
    margin: 40px 0 14px;
  }
  html[lang^="ar"] .tama-legal-h2 { font-size: 22px; }
  .tama-legal-h2 .n { font-size: 15px; line-height: 2.0; }
  .tama-legal-h3 { font-size: 17px; }
  html[lang^="ar"] .tama-legal-h3 { font-size: 19px; }
  .tama-legal-p,
  .tama-legal-list li { font-size: 16px; }
  .tama-legal-updated { font-size: 15px; }
}


/* 25 · FOOTER */

/* hide the GeneratePress credit line */
.site-info .copyright-bar,
.site-info a[href*="generatepress"],
.site-info .generatepress-credit,
footer .site-info { display: none !important; }

.tama-footer {
  background: #000000;
  color: #ffffff;
}
.tama-footer a {
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  transition: color .12s ease;
}
.tama-footer a:hover { color: #FF4602 !important; }

/* --- upper area: three columns --- */
.tama-footer-top {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.2fr;
  gap: 52px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 6% 46px;
}
.tama-footer-brand {
  font-family: 'Archivo', sans-serif;
  font-weight: 700;
  font-size: 26px;
  color: #ffffff;
}
.tama-footer-brand .dot { color: #FF4602; }
.tama-footer-tag {
  font-size: 16px;
  line-height: 1.9;
  color: rgba(255,255,255,0.5);
  margin: 14px 0 0;
  max-width: 30ch;
  text-wrap: balance;
  text-align: start;
}
html[lang^="ar"] .tama-footer-tag { font-size: 17px; max-width: 26ch; }

.tama-footer h4 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #FF4602;
  margin: 0 0 18px;
  text-align: start;
}
.tama-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tama-footer li {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 11px;
  text-align: start;
}
html[lang^="ar"] .tama-footer li { font-size: 17px; }

.tama-footer-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255,255,255,0.7);
  text-align: start;
}
html[lang^="ar"] .tama-footer-row { font-size: 17px; }
.tama-footer-row svg { flex: 0 0 auto; margin-top: 4px; }
.tama-footer-row:last-child { margin-bottom: 0; }

/* --- bottom bar --- */
.tama-footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.12);
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 6%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  font-size: 15px;
  color: rgba(255,255,255,0.45);
}
.tama-footer-legal {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .tama-footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    padding: 44px 6% 36px;
  }
  .tama-footer-brand-col { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .tama-footer-top { grid-template-columns: 1fr; gap: 32px; }
  .tama-footer-tag { max-width: none; }
  .tama-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .tama-footer-legal { gap: 16px; }
}

/* 26 · FOOTER LANGUAGE SCOPING
   Both footers sit in one widget. Only the one matching
   the page language is shown. */
.tama-footer--ar { display: none; }
.tama-footer--en { display: none; }
html[lang^="ar"] .tama-footer--ar { display: block; }
html[lang^="en"] .tama-footer--en { display: block; }

/* 27 · FOOTER WIDGET AREA FIXES */

/* let the footer widget span the full width instead of
   sitting in one column of GeneratePress's footer grid */
.footer-widgets .inside-footer-widgets {
  display: block !important;
  margin: 0 !important;
}
.footer-widgets .inside-footer-widgets > div,
.footer-widgets .footer-widget-1 {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.footer-widgets { padding: 0 !important; }
.footer-widgets .widget { margin: 0 !important; padding: 0 !important; }

/* the wordmark is a logo, not text: never mirror it */
.tama-footer-brand {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: start;
}
html[lang^="ar"] .tama-footer-brand { text-align: right; }

/* address should flow, not stack into a narrow column */
.tama-footer-row span { min-width: 0; }
.tama-footer-top { align-items: start; }

/* 28 · MOBILE NAVIGATION
   Type and spacing only. GeneratePress handles the mobile
   header layout and menu positioning; nothing here touches
   display, position, width or flex. */
@media (max-width: 768px) {

  /* the logo file is very large; cap its rendered height */
  .site-header .site-logo img,
  .site-header .header-image {
    max-height: 36px !important;
    width: auto !important;
  }

  /* menu items: comfortable tap targets, even spacing */
  .main-navigation .main-nav ul li a {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    line-height: 1.6 !important;
    white-space: normal !important;
  }
  html[lang^="ar"] .main-navigation .main-nav ul li a {
    font-size: 18px !important;
    text-align: right !important;
  }
  html[lang^="en"] .main-navigation .main-nav ul li a {
    font-size: 16px !important;
    text-align: left !important;
  }

  /* submenu items sit slightly quieter than their parent */
  .main-navigation .main-nav ul ul li a {
    font-size: 15px !important;
    opacity: 0.85;
  }
  html[lang^="ar"] .main-navigation .main-nav ul ul li a { font-size: 17px !important; }

  /* language switcher: drop the desktop divider and indent */
  .main-navigation li.lang-item > a,
  .main-navigation li.pll-parent-menu-item > a,
  .main-navigation li.lang-item:first-of-type > a {
    border-inline-start: 0 !important;
    border-inline-end: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
}

/* 29 · ALIGNMENT AND JUSTIFICATION
   Last block in the file so it wins on order. */

/* --- 29a. icons render as fixed-height blocks so the
   content beneath them starts on the same line --- */
.tama-card > svg,
.tama-mark svg,
.tama-diff svg,
.tama-pair svg,
.tama-row .tama-ico,
.tama-signal-head svg,
.tama-contact-head svg,
.tama-case-head svg {
  display: block !important;
  flex: 0 0 auto !important;
  vertical-align: top !important;
}
.tama-card > svg { height: 28px !important; width: 28px !important; }
.tama-mark svg,
.tama-diff svg,
.tama-pair svg { height: 26px !important; width: 26px !important; }

/* --- 29b. headings reserve two lines so every body
   paragraph beneath them starts level --- */
.tama-card .tama-h3,
.tama-mark h3,
.tama-diff h3,
.tama-pair h3 {
  min-height: 2.9em;
}
html[lang^="ar"] .tama-card .tama-h3,
html[lang^="ar"] .tama-mark h3,
html[lang^="ar"] .tama-diff h3,
html[lang^="ar"] .tama-pair h3 {
  min-height: 2.9em;
}
/* below 600px each block is full width and headings sit
   on one line, so the reserved space is not needed */
@media (max-width: 600px) {
  .tama-card .tama-h3,
  .tama-mark h3,
  .tama-diff h3,
  .tama-pair h3,
  html[lang^="ar"] .tama-card .tama-h3,
  html[lang^="ar"] .tama-mark h3,
  html[lang^="ar"] .tama-diff h3,
  html[lang^="ar"] .tama-pair h3 {
    min-height: 0;
  }
}

/* --- 29c. justify the wide-measure text only --- */
.tama-body,
.tama-lead,
.tama-legal-p,
.tama-legal-list li,
.tama-panel-bordered p,
.tama-stage-panel p,
.tama-step p,
.tama-part p,
.tama-signals-response p {
  text-align: justify !important;
  text-justify: inter-word;
}
/* never break a word across lines */
.tama-wrap,
.tama-wrap * {
  hyphens: manual !important;
  -webkit-hyphens: manual !important;
  overflow-wrap: break-word;
}

/* narrow blocks stay ragged — justification opens gaps
   at card width in both languages */
.tama-card p,
.tama-mark p,
.tama-diff p,
.tama-pair p,
.tama-item p,
.tama-signal p,
.tama-footer-tag,
.tama-footer-row,
.tama-cta-lead {
  text-align: start !important;
  hyphens: manual !important;
}

/* centred blocks must not be justified */
.tama-sec--cta .tama-cta-lead {
  text-align: center !important;
}

/* below 600px every column is narrow, so drop justification */
@media (max-width: 600px) {
  .tama-body,
  .tama-lead,
  .tama-legal-p,
  .tama-legal-list li,
  .tama-panel-bordered p,
  .tama-stage-panel p,
  .tama-step p,
  .tama-part p,
  .tama-signals-response p {
    text-align: start !important;
    hyphens: manual !important;
  }
}

/* 30 · CARD ROW ALIGNMENT
   Fixed grid rows make the icon row and heading row an
   identical height in every card, so headings and the
   paragraphs beneath them start on the same line across
   the whole grid. Replaces the earlier min-height approach. */

.tama-card {
  display: grid !important;
  grid-template-rows: 28px auto 1fr auto !important;
  row-gap: 16px !important;
  align-content: start !important;
}
.tama-card > * {
  align-self: start !important;
  margin: 0 !important;
}
.tama-card > svg {
  height: 28px !important;
  width: 28px !important;
  display: block !important;
}
.tama-card .tama-h3 {
  min-height: 2.9em !important;
  display: block !important;
}
html[lang^="ar"] .tama-card .tama-h3 { min-height: 2.9em !important; }
.tama-card p {
  align-self: start !important;
  flex: none !important;
}
.tama-card .tama-link {
  align-self: end !important;
  justify-self: start !important;
}

/* same treatment for the other card-like blocks */
.tama-mark,
.tama-diff,
.tama-pair {
  display: grid !important;
  grid-template-rows: 26px auto 1fr !important;
  row-gap: 12px !important;
  align-content: start !important;
}
.tama-mark > *,
.tama-diff > *,
.tama-pair > * {
  align-self: start !important;
  margin: 0 !important;
}
.tama-mark svg,
.tama-diff svg,
.tama-pair svg {
  height: 26px !important;
  width: 26px !important;
  display: block !important;
}

@media (max-width: 600px) {
  .tama-card,
  .tama-mark,
  .tama-diff,
  .tama-pair {
    display: block !important;
  }
  .tama-card > svg,
  .tama-mark svg,
  .tama-diff svg,
  .tama-pair svg { margin-bottom: 14px !important; }
  .tama-card .tama-h3,
  html[lang^="ar"] .tama-card .tama-h3 {
    min-height: 0 !important;
    margin-bottom: 10px !important;
  }
  .tama-card p { margin-bottom: 14px !important; }
}