/*
Theme Name:  Herrmann Law - Hello Child
Theme URI:   https://herrmann-law.co.il
Description: Child theme for Hello Elementor — גל הרמן, עו"ד | מהמגרש לחוזה
Author:      גל הרמן
Author URI:  https://herrmann-law.co.il
Template:    hello-elementor
Version:     1.0.0
Text Domain: herrmann-law
Tags:        rtl-language, custom-colors, custom-fonts
*/

/* ── IMPORT PARENT THEME ── */
@import url("../hello-elementor/style.css");

/* ── GOOGLE FONTS ── */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Assistant:wght@300;400;600;700&display=swap");

/* ── CSS VARIABLES — פלטת המותג ── */
:root {
  --green:      #1F4D3A;
  --green-mid:  #2d6e50;
  --gold:       #C9B074;
  --gold-lt:    #f8f5ee;
  --gold-md:    #e8d9b8;
  --white:      #ffffff;
  --off:        #f9f7f3;
  --ink:        #1a1a1a;
  --gray:       #6b7280;
  --gray-lt:    #e5e7eb;
  --radius:     10px;
  --shadow:     0 4px 20px rgba(0,0,0,.08);
  --shadow-lg:  0 12px 40px rgba(0,0,0,.12);
}

/* ── TYPOGRAPHY BASE ── */
body,
.elementor-widget-text-editor,
p, li, a, span, div {
  font-family: 'Assistant', sans-serif !important;
  direction: rtl;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Playfair Display', serif !important;
  color: var(--green);
}

/* ── GLOBAL LINK ── */
a { color: var(--green); transition: color .2s; }
a:hover { color: var(--gold); }

/* ── SITE HEADER ── */
.site-header {
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(31,77,58,.1);
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* ── NAVIGATION ── */
.site-navigation .menu-item a {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 600;
  font-size: .9rem;
  color: var(--gray) !important;
  letter-spacing: .02em;
  transition: color .2s;
}
.site-navigation .menu-item a:hover,
.site-navigation .current-menu-item > a {
  color: var(--green) !important;
}

/* ── BUTTONS — Elementor ── */
.elementor-button,
.elementor-button-wrapper .elementor-button {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  transition: all .22s !important;
}

/* כפתור ראשי */
.elementor-button.btn-primary,
.e-btn-primary {
  background: var(--green) !important;
  color: #fff !important;
  border: none !important;
}
.elementor-button.btn-primary:hover,
.e-btn-primary:hover {
  background: var(--green-mid) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(31,77,58,.28) !important;
}

/* כפתור שקוף */
.elementor-button.btn-ghost,
.e-btn-ghost {
  background: transparent !important;
  color: var(--green) !important;
  border: 1.5px solid var(--green) !important;
}
.elementor-button.btn-ghost:hover,
.e-btn-ghost:hover {
  background: var(--gold-lt) !important;
}

/* כפתור וואטסאפ */
.elementor-button.btn-whatsapp,
.e-btn-wa {
  background: #25D366 !important;
  color: #fff !important;
}
.elementor-button.btn-whatsapp:hover { background: #20bd5a !important; }

/* ── SECTION BACKGROUNDS ── */
/* Hero */
.section-hero         { background: var(--white); }
/* Statement — ירוק */
.section-statement    { background: var(--green); }
.section-statement *  { color: #fff; }
/* קבוצות */
.section-clubs        { background: var(--off); }
/* שירותים */
.section-services     { background: var(--white); }
/* למה גל */
.section-why          { background: var(--gold-lt); }
/* צור קשר */
.section-contact      { background: var(--green); }
.section-contact *    { color: #fff; }
/* Footer */
.section-footer       { background: #0d2218; }
.section-footer *     { color: rgba(255,255,255,.55); }

/* ── CARDS / WIDGETS ── */
.herrmann-card {
  background: var(--off);
  border: 1px solid var(--gray-lt);
  border-radius: 14px;
  padding: 36px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}
.herrmann-card:hover {
  border-color: var(--gold-md);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.herrmann-card::after {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 0; height: 3px;
  background: var(--gold);
  transition: width .35s;
  border-radius: 0 14px 0 0;
}
.herrmann-card:hover::after { width: 64px; }

/* ── DIVIDER GOLD ── */
.herrmann-divider {
  width: 48px;
  height: 3px;
  background: var(--gold);
  border-radius: 2px;
  margin: 16px 0;
}

/* ── EYEBROW TEXT ── */
.herrmann-eyebrow {
  font-family: 'Assistant', sans-serif !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
}

/* ── STAT BOX ── */
.herrmann-stat-number {
  font-family: 'Playfair Display', serif !important;
  font-size: 2.6rem !important;
  font-weight: 900 !important;
  color: var(--gold) !important;
  line-height: 1 !important;
}
.herrmann-stat-label {
  font-size: .8rem !important;
  color: rgba(255,255,255,.55) !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
}

/* ── WHY ITEM ── */
.herrmann-why-item {
  background: var(--white);
  border: 1px solid var(--gold-md);
  border-radius: 12px;
  padding: 22px 24px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  box-shadow: 0 2px 10px rgba(201,176,116,.1);
  transition: box-shadow .2s;
  margin-bottom: 16px;
}
.herrmann-why-item:hover { box-shadow: 0 6px 20px rgba(201,176,116,.25); }

/* ── CONTACT BUTTONS ── */
.herrmann-contact-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: .9rem;
  transition: all .2s;
  border: 1px solid rgba(255,255,255,.15);
  margin-bottom: 12px;
  background: rgba(255,255,255,.08);
  color: #fff;
}
.herrmann-contact-btn:hover { background: rgba(255,255,255,.15); color: #fff; }
.herrmann-contact-btn.wa   { background: rgba(37,211,102,.1); color: #4ddd80; border-color: rgba(37,211,102,.22); }

/* ── CONTACT FORM ── */
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100% !important;
  background: var(--off) !important;
  border: 1.5px solid var(--gray-lt) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-family: 'Assistant', sans-serif !important;
  font-size: .9rem !important;
  color: var(--ink) !important;
  outline: none !important;
  transition: border-color .2s !important;
  margin-bottom: 14px !important;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus { border-color: var(--gold) !important; }

.wpcf7-form input[type="submit"] {
  background: var(--green) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: none !important;
  cursor: pointer !important;
  transition: background .2s !important;
}
.wpcf7-form input[type="submit"]:hover { background: var(--green-mid) !important; }

/* ── SCROLL REVEAL (Elementor Motion Effects) ── */
/* מחדד את אנימציות הכניסה של Elementor */
.elementor-invisible { opacity: 0; }

/* ── RTL FIXES ── */
.elementor-widget-nav-menu .elementor-nav-menu { direction: rtl; }
.elementor-widget-icon-list .elementor-icon-list-items { direction: rtl; }

/* ── CLUB LOGOS GRID ── */
.herrmann-clubs-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}
.herrmann-club-item {
  background: var(--white);
  border: 1px solid var(--gray-lt);
  border-radius: 10px;
  padding: 14px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  transition: all .25s;
  text-align: center;
}
.herrmann-club-item:hover {
  border-color: var(--gold);
  background: var(--gold-lt);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(201,176,116,.2);
}
.herrmann-club-item img { width: 48px; height: 48px; object-fit: contain; }
.herrmann-club-name { font-size: .7rem; font-weight: 600; color: var(--ink); }

/* ── LOGO IN HEADER ── */
.site-branding img,
.custom-logo { max-height: 48px; width: auto; }

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .herrmann-clubs-grid { grid-template-columns: repeat(3, 1fr); }
  .herrmann-card { padding: 24px; }
  h1, .elementor-heading-title { font-size: clamp(1.8rem, 6vw, 3rem) !important; }
}
@media (max-width: 480px) {
  .herrmann-clubs-grid { grid-template-columns: repeat(2, 1fr); }
}