/*
Theme Name: GADI World (Astra Child) REVIEW, light
Theme URI: https://gadiworld.com
Description: GADI World identity on top of Astra: logo, palette, Readex Pro typography, buttons, header and footer. Install Astra first.
Author: GADI World
Template: astra
Version: 2.6.0
Text Domain: gadi-astra-child-review
*/

/* ---------- Palette (maps to Astra global colors) ---------- */
:root {
  --ast-global-color-0: #1C4D8D; /* links, primary accent */
  --ast-global-color-1: #163E73; /* hover */
  --ast-global-color-2: #192A54; /* headings */
  --ast-global-color-3: #33405A; /* body text */
  --ast-global-color-4: #F6F9FC; /* page background */
  --ast-global-color-5: #FFFFFF; /* surfaces */
  --ast-global-color-6: #EAF6FB; /* tinted blocks */
  --ast-global-color-7: #4887C4; /* secondary accent */
  --ast-global-color-8: #192A54; /* dark surface */
  --gadi-navy: #192A54;
  --gadi-royal: #1C4D8D;
  --gadi-azure: #4887C4;
  --gadi-sky: #BDE8F5;
  --gadi-navy-deep: #0F1B38;
  --gadi-line: #DDE5EF;
}

/* ---------- Typography: Readex Pro (Latin and Arabic) ---------- */
body, button, input, select, textarea, .ast-button, .ast-custom-button,
h1, h2, h3, h4, h5, h6, .site-title, .menu-link, .ast-builder-menu .menu-item > .menu-link {
  font-family: "Readex Pro", "Helvetica Neue", Arial, sans-serif !important;
}
body { color: #33405A; background-color: #F6F9FC; line-height: 1.8; }
h1, h2, h3, h4, h5, h6 { color: #192A54; line-height: 1.25; text-wrap: balance; }
h1, h2 { font-weight: 700; }
h3, h4 { font-weight: 600; }
a { color: #1C4D8D; text-underline-offset: 4px; }
a:hover { color: #163E73; }
:focus-visible { outline: 3px solid #4887C4; outline-offset: 3px; }

/* ---------- Header: navy with the white logo ---------- */
.ast-primary-header-bar, .main-header-bar, .ast-mobile-header-wrap .main-header-bar {
  background-color: #192A54 !important;
  border-bottom: 0 !important;
}
.site-header .custom-logo-link img, .ast-site-identity .custom-logo-link img { width: auto; max-height: 56px; }
.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu .main-header-menu > .menu-item > .menu-link { color: #DCE9F6 !important; font-weight: 500; font-size: 15px; }
.main-header-menu > .menu-item:hover > .menu-link,
.main-header-menu > .current-menu-item > .menu-link { color: #FFFFFF !important; }
.ast-mobile-menu-buttons .menu-toggle, .ast-button-wrap .menu-toggle, .ast-mobile-menu-trigger-minimal .menu-toggle { color: #FFFFFF; }
.ast-header-break-point .main-header-menu { background-color: #192A54; }
.ast-header-break-point .main-header-menu .menu-link { color: #DCE9F6 !important; border-color: #243A6B; }

/* ---------- Buttons: primary royal, 8px corners, ALL CAPS in English ---------- */
.ast-button, .button, button, input[type="button"], input[type="submit"], .wp-block-button__link,
.elementor-button, .ast-custom-button {
  background-color: #1C4D8D; color: #FFFFFF; border: 0; border-radius: 8px;
  padding: 14px 26px; font-weight: 700; font-size: 14px; line-height: 1.2;
  letter-spacing: .08em; text-transform: uppercase; transition: background-color .2s, transform .1s;
}
.ast-button:hover, .button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover { background-color: #163E73; color: #FFFFFF; }
.ast-button:active, .button:active, button:active, .wp-block-button__link:active { transform: scale(.97); }
.is-style-outline .wp-block-button__link { background: transparent; color: #1C4D8D; box-shadow: inset 0 0 0 2px #1C4D8D; }
.is-style-outline .wp-block-button__link:hover { background: #1C4D8D; color: #FFFFFF; }
/* Arabic: normal case, no letter spacing */
.rtl .ast-button, .rtl .button, .rtl button, .rtl input[type="submit"], .rtl .wp-block-button__link, .rtl .elementor-button,
:lang(ar) .ast-button, :lang(ar) .wp-block-button__link { letter-spacing: 0; text-transform: none; font-size: 15px; }

/* ---------- Forms ---------- */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"],
input[type="search"], input[type="number"], textarea, select {
  background: #FFFFFF; border: 1px solid #DDE5EF; border-radius: 8px; color: #192A54; padding: 12px 14px;
}
input:focus, textarea:focus, select:focus { border-color: #4887C4; box-shadow: 0 0 0 3px rgba(72,135,196,.25); outline: 0; }

/* ---------- Content surfaces: 12px cards ---------- */
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single,
.ast-separate-container .comment-respond, .ast-separate-container .ast-comment-list li {
  background: #FFFFFF; border: 1px solid #DDE5EF; border-radius: 12px; box-shadow: 0 8px 24px rgba(25,42,84,.10);
}
.wp-block-image img, .entry-content img { border-radius: 12px; }
blockquote { border-inline-start: 4px solid #4887C4; background: #EAF6FB; color: #192A54; padding: 18px 22px; border-radius: 0 12px 12px 0; }
.rtl blockquote { border-radius: 12px 0 0 12px; }
table th { background: #EAF6FB; color: #192A54; }
table, th, td { border-color: #DDE5EF; }

/* ---------- Footer: deep navy ---------- */
.site-footer, .site-primary-footer-wrap, .site-below-footer-wrap, .ast-small-footer {
  background-color: #0F1B38 !important; color: #BDE8F5;
}
.site-footer a, .ast-small-footer a { color: #BDE8F5; }
.site-footer, .site-footer p, .ast-small-footer, .ast-small-footer p, .ast-small-footer-wrap { color: #BDE8F5; }
.site-footer a:hover, .ast-small-footer a:hover { color: #FFFFFF; }
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer .widget-title { color: #FFFFFF; }
.site-below-footer-wrap { border-top: 1px solid #243A6B !important; }

/* ---------- Brand signature line (add class gadi-signature to any text block) ---------- */
.gadi-signature { font-size: 12px; font-weight: 500; letter-spacing: .25em; color: #BDE8F5; direction: ltr; text-transform: uppercase; }

/* ---------- Full-width homepage helper: add class gadi-fullwidth to the page, or use Astra's Full Width / Stretched layout ---------- */
.gadi-fullwidth .entry-content > * { max-width: none; }

@media (prefers-reduced-motion: reduce) { .ast-button, .button, button { transition: none; } }