/*
Theme Name: Adon Child
Theme URI: https://wp.ravextheme.com/adon/
Author: Mesar
Description: Adon child theme carrying the Mesar brand layer (colors, Alexandria type, RTL).
Version: 1.0.1
Template: adon
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: adon-child
*/

/* ---- Mesar brand tokens ------------------------------------------------ */
:root {
  --theme: #0F46FF;
  --action: #FF7A00;
  --mesar-blue: #0F46FF;
  --mesar-orange: #FF7A00;
  --mesar-ink: #111111;
  --mesar-tint: #EBF0FF;
  --font_dmsans: "Alexandria", "Inter", sans-serif;
  --font_bdogrotesk: "Alexandria", sans-serif;
  --font_ppeditor: "Alexandria", sans-serif;
  --font_ppeditorialnewregular: "Alexandria", sans-serif;
  --font_tartuffotrial: "Alexandria", sans-serif;
  --font_astronebula: "Alexandria", sans-serif;
}
.dark { --theme: #0F46FF; --action: #FF7A00; }

body,
h1, h2, h3, h4, h5, h6,
.elementor-widget-heading .elementor-heading-title,
button, input, select, textarea {
  font-family: "Alexandria", "Inter", sans-serif;
}
/* The theme's editorial italic accent has no Arabic glyphs: render it as light weight instead. */
[class*="ppeditor"], .font-italic, em, i:not([class*="fa"]):not([class*="icon"]) {
  font-family: "Alexandria", sans-serif;
  font-style: normal;
  font-weight: 300;
}
/* Arabic needs more leading than DM Sans did */
.elementor-widget-heading .elementor-heading-title { line-height: 1.15; }
p, .elementor-widget-text-editor { line-height: 1.75; }

/* Ticker / action accents */
.news-ticker, .marquee, .rr-marquee { background: var(--mesar-orange) !important; color: #fff !important; }
.header__btn a, .theme-btn, .adon-btn, .rr-btn { background-color: var(--mesar-orange); border-color: var(--mesar-orange); color: #fff; }
a:hover, .text-underline:hover { color: var(--mesar-blue); }

/* Logo sizing (PNG at 900px wide) */
.header__logo img, .logo img, .site-logo img { height: 40px; width: auto; }
@media (min-width: 1200px) { .header__logo img, .logo img, .site-logo img { height: 46px; } }

/* ---- Arabic typography: the theme's leading (0.9–1.1) was tuned for a Latin grotesk.
   Alexandria needs real leading or ascenders/descenders collide. ---- */
html[dir="rtl"] body { line-height: 1.7; }
html[dir="rtl"] p, html[dir="rtl"] li, html[dir="rtl"] .description, html[dir="rtl"] [class*="description"],
html[dir="rtl"] [class*="__text"], html[dir="rtl"] [class*="-text"], html[dir="rtl"] .elementor-widget-text-editor,
html[dir="rtl"] .info-list-1 .content, html[dir="rtl"] .service-box-1 .title, html[dir="rtl"] .footer-links a { line-height: 1.65 !important; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] .section-title, html[dir="rtl"] .adon-el-section-title, html[dir="rtl"] .elementor-heading-title,
html[dir="rtl"] .large-heading, html[dir="rtl"] [class*="title"] { line-height: 1.3 !important; letter-spacing: 0 !important; }
html[dir="rtl"] .hero-title, html[dir="rtl"] .banner-title, html[dir="rtl"] .rr_title_anim { line-height: 1.2 !important; }
/* Split-text lines: give each line room */
html[dir="rtl"] .rr_title_anim div, html[dir="rtl"] .split-line, html[dir="rtl"] .line { line-height: 1.25 !important; padding-bottom: 0.08em; }
/* Numbers stay LTR and readable */
html[dir="rtl"] .counter, html[dir="rtl"] .odometer, html[dir="rtl"] .info-list-1 .number, html[dir="rtl"] [class*="count"] { font-family: "Inter", "Alexandria", sans-serif; direction: ltr; unicode-bidi: isolate; }

/* ---- Display sizes tuned for Arabic (wider glyphs than the Latin demo) ---- */
html[dir="rtl"] .work-title.section-title, html[dir="rtl"] .adon-title-one.section-title,
html[dir="rtl"] .elementor-widget-adon_large_heading .section-title { font-size: clamp(56px, 11vw, 170px) !important; line-height: 1.15 !important; }
html[dir="rtl"] .elementor-widget-adon_large_heading .section-title span { font-size: inherit !important; }
html[dir="rtl"] [class*="footer"] .adon-el-section-title, html[dir="rtl"] [class*="footer"] .section-title { font-size: clamp(40px, 6.5vw, 96px) !important; }
/* Footer link columns: never break a word (e-mail) */
html[dir="rtl"] [class*="footer-links"] a, html[dir="rtl"] [class*="footer"] li a { white-space: nowrap; }

/* Services page intro statement: the demo used a narrow column with a display size; Arabic needs a paragraph size */
html[dir="rtl"] .elementor-element-6c80b72 .section-title { font-size: clamp(24px, 2.6vw, 40px) !important; line-height: 1.45 !important; font-weight: 500; }
html[dir="rtl"] .elementor-element-6c80b72 { max-width: 640px; }

/* ---- Footer link columns: the demo's nowrap row squeezes the three columns to ~47px on tablets/laptops,
   which breaks Arabic words letter by letter. Let the rows wrap and give every column a real minimum. ---- */
html[dir="rtl"] .e-con:has(> .elementor-element-b7381ac), html[dir="rtl"] .e-con:has(> .elementor-element-6e0d374) { flex-wrap: wrap; row-gap: 40px; }
html[dir="rtl"] .elementor-element-b7381ac, html[dir="rtl"] .elementor-element-6e0d374 { flex: 1 1 520px; flex-wrap: wrap; gap: 24px 40px; min-width: 0; }
html[dir="rtl"] .elementor-element-b7381ac > .e-con, html[dir="rtl"] .elementor-element-6e0d374 > .e-con { flex: 1 1 150px; min-width: 150px; width: auto; }
html[dir="rtl"] .elementor-widget-adon-footer-links a, html[dir="rtl"] .elementor-widget-adon-footer-links li,
html[dir="rtl"] .elementor-element-b7381ac h2, html[dir="rtl"] .elementor-element-6e0d374 h2 { white-space: nowrap; overflow-wrap: normal; word-break: keep-all; }
/* never break inside an Arabic word anywhere */
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6, html[dir="rtl"] p, html[dir="rtl"] a, html[dir="rtl"] li, html[dir="rtl"] span { word-break: keep-all; overflow-wrap: normal; }

/* ---- Eyebrow pills (icon-list with a dot): Elementor squeezes the widget to ~30px in RTL flex rows ---- */
html[dir="rtl"] .elementor-widget-icon-list { width: max-content !important; max-width: 100%; flex: 0 0 auto !important; }
html[dir="rtl"] .elementor-widget-icon-list .elementor-icon-list-items, html[dir="rtl"] .elementor-widget-icon-list .elementor-icon-list-item { width: max-content; white-space: nowrap; }
html[dir="rtl"] .elementor-widget-icon-list .elementor-icon-list-item { display: inline-flex; align-items: center; gap: 6px; }
html[dir="rtl"] .elementor-widget-icon-list .elementor-icon-list-text { padding: 0 !important; }
html[dir="rtl"] .e-con:has(> .elementor-widget-icon-list) { flex: 0 0 auto !important; width: auto !important; min-width: 160px; }
html[dir="rtl"] .elementor-widget-icon-list { min-width: 110px; }
html[dir="rtl"] .elementor-widget-icon-list .elementor-widget-container, html[dir="rtl"] .elementor-widget-icon-list .elementor-icon-list-items { display: inline-flex; width: max-content; }