/* =========================
   FONT & GLOBAL THEME
   ========================= */
@font-face{
  font-family:"Heebo";
  src: url("assets/fonts/Heebo-Variable.woff2") format("woff2-variations");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --font-app: "Heebo","Noto Sans Hebrew","Noto Sans",system-ui,-apple-system,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;

  --brand:#00B4D8;
  --brand-2:#0077b6;
  --ink:#0b1b2f;
  --muted:#5b6b7c;
  --bg:#f7f8fa;

  --footer-bg:#0a0a0a;
  --footer-ink:#ffffff;
}

html, body, button, input, select, textarea {
  font-family: var(--font-app) !important;
}
body{
  background: var(--bg);
  color:#0f172a;
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: proportional-nums;

  /* soft fade-in */
  padding-top: 80px;
  opacity: 0;
  transition: opacity .4s ease-in-out;
}
body.loaded { opacity: 1; }

/* קישורים – טקסט אחיד (כולל mailto/tel), הדגשה עדינה בהובר */
a { color: inherit; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; text-decoration-thickness:.08em; }
a:focus-visible{ outline:2px dashed var(--brand); outline-offset:2px; border-radius:4px; }

/* הפחתת תנועה למשתמשים שבחרו זאת */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* =========================
   HERO (Index)
   ========================= */
.hero{
  /* עדכני נתיב במידת הצורך */
  background-image: url('assets/images/hero-bg.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,0.6);
  z-index: -1;
}
.hero h1, .hero p { animation: fadeInUp 1s ease-out; }

@keyframes fadeInUp {
  from { transform: translateY(40px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* רקע קבוע עלול לקרטע במובייל – ננטרל במסכים קטנים */
@media (max-width: 991.98px){
  .hero{ background-attachment: scroll; }
}

/* =========================
   HERO (Blog / inner pages)
   ========================= */
.hero-header{
  width: 100vw; height: 60vh;
  /* עדכני נתיב במידת הצורך */
  background-image: url('assets/img/blog-hero.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display:flex; align-items:center; justify-content:center;
  position:relative; text-align:center; overflow:hidden;
}
.hero-header .overlay{
  position:absolute; inset:0;
  background: rgba(0, 0, 0, 0.6);
  z-index:1;
}
.hero-header .content{ position:relative; z-index:2; max-width:90%; color:#fff; }
.hero-header .divider{
  height:4px; width:80px; background:#fff; border-radius:2px; margin:1rem auto;
}

/* =========================
   CARDS & MISC UI
   ========================= */
.card{ transition: transform .3s ease-in-out, box-shadow .3s ease-in-out; }
.card:hover{
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.card-body{ transition: all .3s ease; }

.back-to-top{
  position: fixed; bottom:30px; right:30px;
  background: var(--brand); color:#fff;
  padding:10px 14px; border-radius:50%;
  display:none; z-index:999;
}
.back-to-top:hover{ background: var(--brand-2); }

/* =========================
   NAVBAR
   ========================= */
.site-navbar { min-height:72px; }
.site-navbar .nav-logo { height:44px; width:auto; }

.split-nav .nav-link{
  padding:.6rem .9rem; font-weight:600; color:#111;
}
.split-nav .nav-link:hover,
.split-nav .nav-link:focus{ color:#0d6efd; }

.site-navbar .navbar-brand{
  position:absolute; left:50%; transform: translateX(-50%);
}

/* אייקונים ו-Language pills */
.nav-actions{ align-items:center; gap:12px; margin-inline-start:12px; }
.icon-link{ border:0; background:transparent; padding:0; line-height:1; cursor:pointer; color:#333; }
.icon-link:hover{ color:#0d6efd; }
.lang-switch{ display:inline-flex; gap:6px; }
.lang-pill{
  display:inline-block; padding:4px 8px; border-radius:999px;
  border:1px solid #ddd; font-size:12px; color:#333; text-decoration:none;
}
.lang-pill.active, .lang-pill:hover{ background:#0d6efd; color:#fff; border-color:#0d6efd; }

/* רספונסיביות */
@media (max-width: 991.98px){
  .site-navbar .navbar-brand{ position:static; transform:none; margin-inline:auto; }
  .split-nav{ display:none !important; }  /* במובייל – offcanvas */
  .nav-actions{ display:none !important; }
}

/* RTL */
[dir="rtl"] .navbar .navbar-nav .nav-link{ text-align:right; }
[dir="rtl"] .site-navbar .navbar-brand{ left:50%; transform: translateX(-50%); }

/* =========================
   FOOTER (Brand)
   ========================= */
.footer-section{
  background: var(--footer-bg);
  position: relative;
  padding-top: 60px;
  color: var(--footer-ink);
}
.footer-cta{ border-bottom:1px solid var(--brand); margin-bottom:30px; }

.single-cta i{
  color: var(--brand); font-size:28px; float:left; margin-top:6px;
}

.cta-text{ padding-left:15px; display:inline-block; }
.cta-text h4{ font-size:18px; font-weight:600; margin-bottom:2px; color: var(--footer-ink); }
.cta-text span{ font-size:14px; color: var(--brand); }

.footer-content{ position:relative; z-index:2; }
.footer-logo img{ max-width:180px; margin-bottom:20px; }

.footer-text p{
  font-size:14px; line-height:26px; color: var(--footer-ink); margin-bottom:20px;
}

.footer-social-icon span{ display:block; margin-bottom:15px; font-weight:bold; }
.footer-social-icon a{
  display:inline-block; margin-right:15px; font-size:18px; transition:.3s;
  /* נשאר אחיד: יורש צבע מהטקסט הלבן */
  color: inherit;
}
.footer-social-icon a:hover{ color: var(--brand); }

.footer-widget-heading h3{
  font-size:18px; margin-bottom:25px; position:relative; padding-bottom:10px; font-weight:600; color: var(--footer-ink);
}
.footer-widget-heading h3::after{
  content:""; position:absolute; bottom:0; right:0; width:50px; height:2px; background-color: var(--brand);
}
.footer-widget ul{ list-style:none; padding-left:0; }
.footer-widget ul li{ margin-bottom:10px; }
.footer-widget ul li a{
  /* אחידות: בלי צבע מיוחד – ירושה מהטקסט */
  color: inherit; text-decoration:none; transition:.3s;
}
.footer-widget ul li a:hover{ color: var(--brand); }

.subscribe-form{ position:relative; }
.subscribe-form input[type="email"]{
  width:100%; padding:12px 20px; border-radius:30px;
  border:1px solid var(--brand); background-color:#1c1c1c; color:#fff; outline:none; transition:.3s;
}
.subscribe-form input[type="email"]:focus{
  background-color:#1f1f1f; box-shadow:0 0 5px var(--brand);
}
.subscribe-form button{
  position:absolute; right:5px; top:5px; bottom:5px; padding:0 16px; border-radius:30px;
}
.subscribe-form button:hover{ background-color: var(--brand-2); }
.subscribe-form button i{ font-size:18px; }

.copyright-area{
  background: var(--brand); padding:20px 0; text-align:center;
}
.copyright-text p{ margin:0; font-size:14px; color:#fff; }
.footer-menu{ margin-top:10px; }
.footer-menu li{ display:inline-block; margin:0 10px; }
.footer-menu li a{ font-size:14px; color:#fff; transition:.3s; }
.footer-menu li a:hover{ color:#001219; }

/* =========================
   ACCESSIBILITY / MODES
   ========================= */
body.dark-mode{
  background-color:#121212; color:#e0e0e0;
}
.dark-mode .nav,
.dark-mode .footer,
.dark-mode .footer-content,
.dark-mode .footer-social-link svg{
  background-color:#1e1e1e !important; color:#e0e0e0 !important;
}
.dark-mode .nav ul li a,
.dark-mode .footer-menu-list li a{ color:#f5f5f5 !important; }
.dark-mode .nav ul li a:hover,
.dark-mode .footer-menu-list li a:hover{
  background-color:#333 !important; color:#ffce54 !important;
}

.high-contrast *{ color:#000 !important; background:#fff !important; border-color:#000 !important; }
.large-text *{ font-size:1.2em !important; }

body, .nav, .footer, .footer-content, .footer-social-link svg{ transition: all .3s ease; }

/* =========================
   CONTACT (contact.php)
   ========================= */
.hm-gradient{ background-image:none; }
.danger-text{ color:#ff3547; }

.form-outline label{ font-weight:500; color:#333; }
.form-outline input.form-control,
.form-outline textarea.form-control{
  border:1px solid #ccc; border-radius:4px; transition:.3s;
}
.form-outline input:focus,
.form-outline textarea:focus{
  border-color: var(--brand);
  box-shadow: 0 0 0 .1rem rgba(0, 180, 216, .25);
}
.btn-outline-danger{ border-color:#ff3547; color:#ff3547; }
.btn-outline-danger:hover{ background-color:#ff3547; color:#fff; }

/* =========================
   LOGO SLIDER
   ========================= */
.slider{ overflow:hidden; position:relative; }
.slide-track{ display:flex; width: calc(250px * 14); animation: scrollLoop 25s linear infinite; }
.slide{ flex:0 0 auto; width:250px; padding:0 20px; }
.slide img{ width:100%; height:auto; filter:grayscale(100%); transition: filter .3s ease; }
.slide img:hover{ filter:grayscale(0%); }

@keyframes scrollLoop{
  0% { transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

/* =========================
   TEAM & TIMELINE
   ========================= */
.team-section h2{ font-family: var(--font-app); color:#111; }

.team-member{
  text-align:center;
  background:#f8f9fa; border-radius:12px; padding:20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  transition: transform .3s ease;
}
.team-member:hover{ transform: translateY(-5px); }
.team-member .social-links a{ color: var(--brand); font-size:1.2rem; margin:0 5px; transition: color .3s; }
.team-member .social-links a:hover{ color:#333; }

.clipped-border{
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  overflow:hidden; transition: transform .3s ease;
  background: linear-gradient(#f1f1f1, #ddd);
  width:220px; height:220px; margin:auto;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
.clipped-border img{
  width:100%; height:100%; object-fit:cover; transition: transform .4s ease;
}
.clipped-border:hover img{ transform: scale(1.1); }

@media (max-width: 768px){
  .clipped-border{ width:150px; height:150px; }
  .team-member h5{ font-size:1rem; }
}

/* Timeline */
.timeline{
  position:relative; max-width:1200px; margin:auto; padding:40px 0;
}
.timeline::after{
  content:''; position:absolute; width:4px; background-color: var(--brand);
  top:0; bottom:0; left:50%; margin-left:-2px;
}
.timeline-item{
  padding:20px 30px; position:relative; background-color:inherit; width:50%;
  opacity:0; transition: all .6s ease;
}
.timeline-item.visible{ opacity:1; transform: translateY(0); }
.timeline-item::after{
  content:""; position:absolute; width:25px; height:25px; right:-13px;
  background-color: var(--brand); border:4px solid #fff; top:15px; border-radius:50%; z-index:1;
}
.timeline-item.left{ left:0; }
.timeline-item.right{ left:50%; }
.timeline-item.right::after{ left:-13px; }
.timeline-content{
  padding:20px; background-color:#f1f1f1; position:relative; border-radius:6px;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.timeline-content h3{ color: var(--brand); margin-bottom:10px; }

@media screen and (max-width:768px){
  .timeline::after{ left:8px; }
  .timeline-item{ width:100%; padding-left:40px; padding-right:25px; }
  .timeline-item.right{ left:0%; }
  .timeline-item::after{ left:0; }
}

/* =========================
   BLOG CARDS
   ========================= */
.blog-card{
  background:#fff; border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transition: all .3s ease; overflow:hidden; height:100%;
  display:flex; flex-direction:column; justify-content:space-between;
}
.blog-card:hover{ transform: translateY(-8px); box-shadow:0 10px 30px rgba(0,0,0,0.1); }
.blog-card img{ width:100%; height:200px; object-fit:cover; }
.blog-card-body{ padding:1rem; }
.blog-card h5{ font-size:1.25rem; margin-bottom:.5rem; color: var(--brand); }
.blog-card p{ font-size:.95rem; color:#333; }
.blog-card small{ color:#666; }
.blog-card .btn{ margin-top:1rem; }