@import "../../../frame/assets/css/style.min.css";

/* Your CSS code goes here
-------------------------------------- */
/* Modern facelift - Linda / Xstudent */

:root {
  --brand-dark: #111111;
  --brand-text: #222222;
  --brand-muted: #666666;
  --brand-light: #f6f4ef;
  --brand-accent: #16c7c9;
  --brand-border: #e7e2d8;
}

/* כללי */
body {
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  color: var(--brand-text);
  background: #ffffff;
  line-height: 1.7;
}

/* תפריט עליון */
#header,
.site-header,
nav {
  background: #ffffff !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}

#header a,
.site-header a,
nav a {
  color: var(--brand-dark) !important;
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* כותרות */
h1, h2, h3, h4 {
  color: var(--brand-dark);
  font-weight: 800 !important;
  line-height: 1.2;
}

h1 {
  font-size: clamp(42px, 7vw, 86px) !important;
}

h2 {
  font-size: clamp(30px, 4vw, 54px) !important;
}

/* אזור פתיחה */
.elementor-section:first-of-type {
  min-height: 70vh;
  display: flex;
  align-items: center;
}

.elementor-section:first-of-type::before {
  background: linear-gradient(135deg, rgba(0,0,0,0.55), rgba(22,199,201,0.35)) !important;
}

/* כפתורים */
.elementor-button,
button,
input[type="submit"],
a.button {
  border-radius: 999px !important;
  padding: 14px 34px !important;
  font-weight: 700 !important;
  background: var(--brand-dark) !important;
  color: #ffffff !important;
  border: none !important;
  transition: all 0.25s ease;
}

.elementor-button:hover,
button:hover,
input[type="submit"]:hover,
a.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.18);
  background: var(--brand-accent) !important;
}

/* קופסאות / כרטיסים */
.elementor-widget-container,
.course,
.product,
.post {
  border-radius: 22px;
}

.elementor-column .elementor-widget-wrap {
  transition: all 0.25s ease;
}

/* אזורים */
.elementor-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

/* תמונות */
img {
  border-radius: 18px;
}

/* וואטסאפ */
a[href*="wa.me"],
a[href*="whatsapp"] {
  font-weight: 800 !important;
}

/* מובייל */
@media (max-width: 768px) {
  h1 {
    font-size: 42px !important;
  }

  h2 {
    font-size: 30px !important;
  }

  .elementor-section {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  #header a,
  nav a {
    font-size: 15px !important;
  }
}