/* --- Global Styles & Variables (RTL • Dental Palette) --- */
:root{
  --primary-color:#348EE3;            /* כחול רפואי נקי */
  --primary-600:#1F7BD9;
  --primary-700:#176BC4;
  --secondary-color:#00BFA6;          /* טורקיז רענן */
  --light-color:#F9FBFD;              /* רקע בהיר מאוד */
  --dark-color:#1E293B;               /* טקסט כהה/כותרות */
  --text-color:#475569;               /* טקסט גוף */
  --white-color:#FFFFFF;

  --focus-ring: 0 0 0 3px rgba(52,142,227,.25);
  --shadow-soft: 0 10px 30px rgba(52,142,227,.12);
  --shadow-strong: 0 18px 40px rgba(52,142,227,.18);

  --font-body:'Lato',system-ui,-apple-system,Segoe UI,Roboto,Heebo,Arial,sans-serif;
  --font-heading:'Montserrat',Heebo,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  --header-height:80px;
  --border-radius:14px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  direction:rtl;
  text-align:right;
  font-family:var(--font-body);
  line-height:1.6;
  color:var(--text-color);
  background-color:var(--white-color);
}

.container{max-width:1100px;margin:0 auto;padding:0 20px}

h1,h2,h3{
  font-family:var(--font-heading);
  line-height:1.2;
  margin-bottom:1.5rem;
  font-weight:800;
  color:var(--dark-color);
}
h2{font-size:2.8rem;text-align:center;margin-bottom:3rem}

p{margin-bottom:1rem}
a{color:var(--primary-color);text-decoration:none}
a:hover{color:var(--primary-700)}
img{max-width:100%;height:auto;display:block}
section{padding:80px 0}

/* Buttons */
.btn{
  display:inline-block;
  padding:15px 30px;
  border-radius:50px;
  font-weight:700;
  transition:all .25s ease;
  cursor:pointer;border:none;
  font-family:var(--font-heading);
}
.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.btn-primary{
  background-image:linear-gradient(90deg,var(--primary-color),var(--primary-600));
  background-size:200% auto;
  color:var(--white-color);
}
.btn-primary:hover{
  background-position:right center;
  transform:translateY(-2px);
  box-shadow:0 5px 15px rgba(52,142,227,.25);
}
.btn-secondary{
  background-color:transparent;
  color:var(--primary-color);
  border:2px solid var(--primary-color);
}
.btn-secondary:hover{background:var(--primary-color);color:var(--white-color)}
.btn-whatsapp{background:#25D366;color:#fff}
.btn-whatsapp:hover{background:#128C7E}

/* Header */
.site-header{
  background:var(--white-color);
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  position:fixed;inset:0 0 auto 0;z-index:1000;
  height:var(--header-height);
}
.site-header .container{
  display:flex;justify-content:space-between;align-items:center;height:100%;
}
.logo a{
  font-size:1.5rem;font-weight:700;color:var(--primary-color);
  font-family:var(--font-heading)
}
.main-nav{display:flex;align-items:center}
.nav-links{list-style:none;display:flex}
.nav-links li{margin-left:35px}         /* RTL: ריווח לשמאל במקום לימין */
.nav-links li:last-child{margin-left:0}
.nav-links a{
  color:var(--dark-color);font-weight:700;transition:color .2s;font-size:1rem
}
.nav-links a:hover,.nav-links a.active{color:var(--primary-color)}
.header-cta{display:none}
.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;z-index:1001}
.mobile-nav-toggle span{display:block;width:25px;height:3px;background:var(--dark-color);margin:5px 0;transition:all .3s}

/* Main offset */
main{padding-top:var(--header-height)}

/* Hero */
.hero-section{
  background-color:var(--light-color);
  background-repeat: repeat;
  background-position: center;
  position:relative;overflow:hidden;padding:80px 0;
}
.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-text h1, .hero-text .subtitle, .hero-text .btn, .hero-image {
  animation: hero-fade-in .7s backwards;
}
.hero-text h1 { animation-delay: .2s; }
.hero-text .subtitle { animation-delay: .4s; }
.hero-text .btn { animation-delay: .6s; }
.hero-image { animation-delay: .3s; }

@keyframes hero-fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.hero-section h1{font-size:3.5rem;line-height:1.2}
.hero-section h1 span{position:relative;display:inline-block}
.hero-section h1 span::after{
  content:'';position:absolute;bottom:-6px;right:0;width:100%;height:8px;
  background:linear-gradient(90deg,var(--secondary-color),#7cead9)
}
.hero-section .subtitle{
  font-size:1.25rem;font-weight:300;max-width:640px;margin-bottom:2rem;color:var(--text-color)
}

/* Demo banners */
.demo-banner{background:#fff3cd;color:#856404;text-align:center;padding:15px 0}
.demo-banner a{color:#856404;font-weight:700;text-decoration:underline}
.demo-banner-cta{background:var(--light-color);text-align:center}
.demo-banner-cta h2{color:var(--dark-color)}
.demo-banner-cta p{margin-bottom:2rem}

/* About */
.about-section{background:var(--light-color)}
.about-content{
  display:grid;grid-template-columns:1fr;gap:2rem;align-items:center
}
.about-image img{
  border-radius:var(--border-radius);box-shadow:var(--shadow-soft)
}

/* Services */
.services-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.service-card{
  background:var(--light-color);border-radius:var(--border-radius);
  text-align:right;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow:hidden;display:flex;flex-direction:column
}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong);border-color:var(--primary-color)}
.service-card-content{
  padding:1.5rem;background:var(--white-color);flex-grow:1;
  border:1px solid #EEF2F9;border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius)
}
.service-card img{width:60px;height:60px;margin:0 auto 1rem;object-fit:contain;}
.service-card h3{margin-bottom:.5rem;font-weight:700;font-size:1.3rem;color:var(--primary-color)}

/* Team */
.team-section{background:var(--white-color);text-align:center}
.team-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}
.team-member-card{
  background:var(--light-color);border-radius:var(--border-radius);padding:2rem;
  box-shadow:0 5px 15px rgba(52,142,227,.08);transition:transform .25s, box-shadow .25s
}
.team-member-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}
.team-member-card img{
  width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0 auto 1.5rem;
  border:4px solid var(--primary-color);box-shadow:0 0 0 8px rgba(52,142,227,.10)
}
.team-member-card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--dark-color)}
.team-member-card p{font-size:1rem;color:var(--text-color);margin-bottom:0}

/* Testimonials */
.testimonials-section{background:var(--light-color)}
.testimonial-carousel-wrapper{position:relative;max-width:800px;margin:0 auto;overflow:hidden}
.testimonial-carousel{display:flex;transition:transform .5s ease-in-out}
.testimonial-slide{min-width:100%;box-sizing:border-box;padding:0 1rem}
.testimonial{
  background:var(--white-color);padding:2rem;border-radius:var(--border-radius);
  border:1px solid #EEF2F9;position:relative;width:100%;margin-bottom:1rem
}
.testimonial blockquote p{font-style:italic;margin-bottom:1rem;font-size:1.1rem}
.testimonial cite{font-weight:700;color:var(--dark-color)}
.carousel-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.08);color:var(--primary-color);
  border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.5rem;line-height:40px;
  text-align:center;transition:all .25s ease;z-index:10
}
.carousel-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-50%) scale(1.1)}
/* RTL: prev button on the right, next button on the left */
.carousel-btn.prev{right:15px}
.carousel-btn.next{left:15px}

.carousel-dots{text-align:center;margin-top:1.5rem}
.carousel-dot{
  display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--secondary-color);
  margin:0 5px;cursor:pointer;transition:background-color .25s ease
}
.carousel-dot.active{background:var(--primary-color)}

/* Contact */
.contact-section{background:var(--light-color)}
.contact-section h2,.contact-section .contact-subtitle{text-align:center}
.contact-section .contact-subtitle{max-width:500px;margin:-2rem auto 3rem}
.contact-wrapper{
  display:grid;grid-template-columns:1fr;gap:3rem;background:var(--white-color);
  padding:2rem;border-radius:var(--border-radius);box-shadow:0 10px 30px rgba(52,142,227,.10)
}
.contact-details{text-align:right;font-size:1.1rem}
.contact-details p{margin-bottom:1rem}
.contact-details .btn-whatsapp{width:100%;text-align:center;margin-top:1rem}
.form-group{margin-bottom:1.5rem}
.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--dark-color)}
.contact-form input,.contact-form textarea{
  width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;font-family:var(--font-body);font-size:1rem;
  transition:border-color .2s, box-shadow .2s
}
.contact-form input:focus,.contact-form textarea:focus{
  outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)
}
.contact-form button{width:100%;padding:15px;font-size:1.1rem}

/* FAQ */
.faq-section{background:var(--white-color)}
.faq-accordion{max-width:800px;margin:0 auto}
.faq-item{border-bottom:1px solid #EEF2F9}
.faq-question{
  width:100%;background:none;border:none;text-align:right;padding:1.5rem 0;
  font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--dark-color);
  cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .2s
}
.faq-question:hover{color:var(--primary-color)}
.faq-icon{font-size:1.5rem;color:var(--primary-color);transition:transform .2s}
.faq-question[aria-expanded="true"] .faq-icon{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease-out}

/* Scroll Animations */
.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s, transform .6s}
.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}

/* Scroll to Top */
.scroll-to-top{
  position:fixed;bottom:25px;left:25px;background:var(--primary-color);color:#fff;
  width:50px;height:50px;border-radius:50%;text-align:center;font-size:24px;line-height:50px;
  cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);
  transition:opacity .25s, visibility .25s, transform .25s, background-color .25s;z-index:1000
}
.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-to-top:hover{background:var(--primary-700)}

/* Footer */
.site-footer{background:var(--dark-color);color:var(--light-color);padding:40px 0 20px}
.footer-content{
  display:grid;grid-template-columns:1fr;gap:2rem;text-align:center;margin-bottom:2rem
}
.logo-footer{font-family:var(--font-heading);color:#fff;font-size:1.8rem;margin-bottom:1rem}
.footer-links ul{list-style:none;padding:0}
.footer-links li{margin-bottom:.5rem}
.site-footer a{color:#fff;transition:color .2s}
.site-footer a:hover{color:var(--secondary-color)}
.copyright{
  text-align:center;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;font-size:.9rem
}

/* Mobile (RTL) */
@media (max-width:768px){
  .main-nav{
    position:fixed;top:0;right:-100%;width:75%;height:100dvh;background:#fff;
    flex-direction:column;justify-content:center;align-items:center;transition:right .4s
  }
  .main-nav.active{right:0}
  .nav-links{flex-direction:column;text-align:center}
  .nav-links li{margin:20px 0}
  .nav-links a{color:var(--dark-color);font-size:1.5rem}
  .mobile-nav-toggle{display:block}
  .mobile-nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .mobile-nav-toggle.active span:nth-child(2){opacity:0}
  .mobile-nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}
}

/* Tablet & Desktop */
@media (min-width:769px){
  h1{font-size:4.2rem}
  h2{font-size:3rem}
  section{padding:100px 0}
  .header-cta{display:inline-block}
  .hero-content{flex-direction:row;justify-content:space-between;text-align:right}
  .hero-text{flex-basis:55%}
  .hero-image{flex-basis:40%;margin-top:-50px}
  .about-content{grid-template-columns:1.2fr 1fr;gap:4rem}
  .about-text{text-align:right}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .contact-wrapper{grid-template-columns:1.5fr 1fr;padding:3rem}
  .footer-content{grid-template-columns:repeat(3,1fr);text-align:right}
}

@media (min-width:992px){
  .services-grid{grid-template-columns:repeat(4,1fr);gap:2rem}
  .team-grid{grid-template-columns:repeat(3,1fr)}
}