/* ═══════════════════════════════════════════════════════════════════════
   מכבי — style.css בסיסי של השלד: פונטים, reset, משתני צבע, footer.
   כל ה-CSS של סקשני העיצוב החדש שייך לקבצי הקומפוננטות
   (componentes/<slug>/<slug>.css), לא לכאן. כאן מוסיפים רק כללים גלובליים.
   ═══════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: "PloniMaccabiMLv2AAA-Regular";
  src: url("./fonts/PloniMaccabiMLv2AAA-Regular.eot");
  src: url("./fonts/PloniMaccabiMLv2AAA-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/PloniMaccabiMLv2AAA-Regular.woff2") format("woff2"),
    url("./fonts/PloniMaccabiMLv2AAA-Regular.woff") format("woff"),
    url("./fonts/PloniMaccabiMLv2AAA-Regular.ttf") format("truetype"),
    url("./fonts/PloniMaccabiMLv2AAA-Regular.svg#./fonts/PloniMaccabiMLv2AAA-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PloniMaccabiMLv2AAA-Bold";
  src: url("./fonts/PloniMaccabiMLv2AAA-Bold.eot");
  src: url("./fonts/PloniMaccabiMLv2AAA-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/PloniMaccabiMLv2AAA-Bold.woff2") format("woff2"),
    url("./fonts/PloniMaccabiMLv2AAA-Bold.woff") format("woff"),
    url("./fonts/PloniMaccabiMLv2AAA-Bold.ttf") format("truetype"),
    url("./fonts/PloniMaccabiMLv2AAA-Bold.svg#./fonts/PloniMaccabiMLv2AAA-Bold")
      format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PloniMaccabiMLv2AAA-DemiBold";
  src: url("./fonts/PloniMaccabiMLv2AAA-DemiBold.eot");
  src: url("./fonts/PloniMaccabiMLv2AAA-DemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/PloniMaccabiMLv2AAA-DemiBold.woff2") format("woff2"),
    url("./fonts/PloniMaccabiMLv2AAA-DemiBold.woff") format("woff"),
    url("./fonts/PloniMaccabiMLv2AAA-DemiBold.ttf") format("truetype"),
    url("./fonts/PloniMaccabiMLv2AAA-DemiBold.svg#./fonts/PloniMaccabiMLv2AAA-DemiBold")
      format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PloniMLv2AAA-Regular";
  src: url("./fonts/PloniMLv2AAA-Regular.eot");
  src: url("./fonts/PloniMLv2AAA-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("./fonts/PloniMLv2AAA-Regular.woff2") format("woff2"),
    url("./fonts/PloniMLv2AAA-Regular.woff") format("woff"),
    url("./fonts/PloniMLv2AAA-Regular.ttf") format("truetype"),
    url("./fonts/PloniMLv2AAA-Regular.svg#./fonts/PloniMLv2AAA-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
}

/* פלטת הצבעים — לעדכן מה-Figma של הקמפיין.
   שים לב: טופס הלידים (form-section.css) משתמש ב---color1, --color3
   ו---primary-pink-2 — עדכון שלהם צובע גם את הטופס. */
:root {
  --color1: #ffffff;
  --color2: #000000;
  --color3: #1e3c95;
  --primary-light-grey: #f7f7f7;
  --primary-pink-2: #dfb6c0;
  --primary-pink-1: #d25189;
  --pink-light: #f4dcd9;
  --text-dark: #40404d;
}

* {
  margin: 0;
  padding: 0;
  font-family: "PloniMaccabiMLv2AAA-Regular", sans-serif;
  direction: rtl;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  scroll-behavior: smooth;
  text-decoration: none;
  box-sizing: border-box;
}

body {
  background-color: var(--color1);
  min-height: 100vh;
}

.hide {
  display: none !important;
}

/* Remove blue background on WebKit autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  background-color: transparent !important;
}

button {
  background-color: transparent;
  border: none;
}

a {
  color: inherit;
}

ul {
  list-style-type: none;
}

img {
  object-fit: contain;
}

/* עוזרי תצוגה — body.mobile מנוהל ע"י assets/js/script.js */
body .only_desktop {
  display: block;
}

body .only_desktop_flex {
  display: flex;
}

body .only_mobile {
  display: none;
}

body .only_mobile_flex {
  display: none;
}

body.mobile .only_desktop {
  display: none;
}

body.mobile .only_desktop_flex {
  display: none;
}

body.mobile .only_mobile {
  display: block;
}

body.mobile .only_mobile_flex {
  display: flex;
}

/* Footer — קבוע בכל עמודי מכבי */
.main-footer {
  padding: 2.5vw;
}

.footer-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1vw;
  font-weight: 600;
  color: var(--color3);
  text-decoration: underline;
}

@media (max-width: 768px) {
  .main-footer {
    padding: 6.5vw;
  }

  .footer-container {
    gap: 4vw;
  }
}