/*
Theme Name:   Hello Elementor Child — Khobraat
Theme URI:    https://khobraatravels.com
Description:  Child theme of Hello Elementor for Khobraat Travels
Author:       Khobraat Travels
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

/* ── Import parent theme ── */
@import url("../hello-elementor/style.css");

/* ── CSS Variables ── */
:root {
  --primary:      #1A7DC8;
  --primary-dark: #0E5A9A;
  --secondary:    #0C4F8A;
  --accent:       #F8B800;
  --accent-light: #FBCA30;
  --primary-ok:   oklch(0.60 0.17 228);
  --accent-ok:    oklch(0.83 0.16 80);
  --bg-light:     oklch(97.5% 0.006 228);
  --bg-white:     oklch(99.2% 0.004 228);
  --text-dark:    #1E2532;
  --text-body:    #3D4455;
  --text-muted:   #6C7589;
  --text-light:   #FFFFFF;
  --success:      #25D366;
  --border:       #E2E6EF;
  --shadow-sm:    0 2px 12px rgba(26,43,74,.08);
  --shadow-md:    0 8px 32px rgba(26,43,74,.14);
  --shadow-lg:    0 20px 60px rgba(26,43,74,.18);
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    20px;
  --transition:   .3s cubic-bezier(.4,0,.2,1);
  --font-heading: 'Cairo', 'Segoe UI', sans-serif;
  --font-body:    'Tajawal', 'Segoe UI', sans-serif;
  --section-gap:  clamp(56px, 8vw, 96px);
  --space-xs:     clamp(8px,  1vw,  12px);
  --space-sm:     clamp(14px, 2vw,  20px);
  --space-md:     clamp(20px, 3vw,  32px);
  --space-lg:     clamp(32px, 4.5vw, 56px);
  --space-xl:     clamp(48px, 6vw,  72px);
}

/* ── WordPress body override: force RTL + font ── */
body {
  font-family: var(--font-body) !important;
  direction: rtl !important;
  background: var(--bg-white);
}

/* ── Remove default Elementor page padding ── */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1200px;
}

/* ── Make Elementor header/footer builder work with fixed header ── */
.hfe-nav-menu__layout-horizontal .hfe-nav-menu > li > a {
  font-family: var(--font-heading);
  font-size: .95rem;
  font-weight: 500;
}

/* ── WordPress admin bar offset — فقط للمستخدم المسجّل (شريط الأدمن ظاهر) ── */
/* الزائر العادي مالوش admin bar، فالهيدر يفضل ملاصق للأعلى top:0 */
@media screen and (min-width: 783px) {
  .admin-bar .header { top: 32px !important; }
}
@media screen and (max-width: 782px) {
  .admin-bar .header { top: 46px !important; }
}