/* 
Theme Name: Rewaa Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Rewaa | The Best POS & Accounting Solutions
Author: Rewaa Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: rewaa-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
  /* Colors */
  --main-color: #00A4A6;
  --secondary-color-dark-gray: #474F57;
  --third-color-yellow: #F6CA59;
  --text-color: #474F57;
  --black: #000000;
  --white: #FFFFFF;
  --light-green: #EDFFFC;
  --light-gray: #A6B7C3;
  --light-gray2: #F7F7F7;

  /* font sizes */
  --font-body: "Noto Kufi Arabic", Sans-serif;
  --font-size-h1: 48px;
  --font-size-h2: 36px;
  --font-size-h3: 24px;
  --font-size-h4: 20px;
  --font-size-h5: 16px;
  --font-size-h6: 14px;
  --font-size-p: 16px;
  --font-size-btn: 18px;
  --font-size-links: 16px;

  /* Font weights */
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;


  /* Spacing */
  --line-height-20: 20px;
  --line-height-30: 30px;
  --line-height-35: 35px;
  --line-height-45: 45px;
  --line-height-60: 60px;
  --line-height-80: 80px;


}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.rtl {
  direction: rtl;
  text-align: right;
}

/* Base styles for global elements */
body {
  font-family: var(--font-body) !important;
  font-size: var(--font-size-p);
  line-height: var(--line-height-30);
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
}

/* Headings */
h1 {
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-80);

}

h2 {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-60);

}

h3 {
  font-size: var(--font-size-h3) !important;
  font-weight: var(--font-weight-medium) !important;
  line-height: var(--line-height-45) !important;

}

h4 {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-35);

}


/* Paragraphs */
p {
  font-size: var(--font-size-p) !important;
  font-weight: var(--font-weight-medium) !important;
  ;
  line-height: var(--line-height-30) !important;
  ;
}

button {
  font-size: var(--font-size-btn);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-20);
  border-radius: 8px;
}

a,
.main-header a {
  font-size: var(--font-size-links) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  ;
  line-height: var(--line-height-30) !important;
  ;
}

footer .footer-menu a {
  padding-right: 0px !important;
  padding-left: 30px !important;
}

/* ======================= form styles ======================= */

/* === [أيقونة الاسم] === */
.elementor-field-group-name {
  position: relative;
}

.elementor-field-group-name::after {
  content: "\f007";
  /* user icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 15px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
}

#form-field-name {
  padding-left: 40px;
}


/* === [أيقونة البريد الإلكتروني] === */
.elementor-field-group-email {
  position: relative;
}

.elementor-field-group-email::after {
  content: "\f0e0";
  /* envelope */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 15px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
}

#form-field-email {
  padding-left: 40px;
}


/* === [أيقونة رقم الجوال] === */
.elementor-field-group-mobile {
  position: relative;
}

.elementor-field-group-mobile::after {
  content: "\f095";
  /* phone */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 15px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
}

#form-field-mobile {
  padding-left: 40px;
}

input {
  text-align: end;
}

/* Counter style */
span.elementor-counter-number {
  color: var(--main-color);
}

.counter span.elementor-counter-number {
  color: var(--white) !important;
}

.counter span.elementor-counter-number-prefix {
  color: var(--third-color-yellow) !important;
  font-size: 64px;
  font-weight: 900 !important;
}

.counter .elementor-counter-title {
  text-align: center !important;
}