/*
Theme Name: FixLab Store
Theme URI: https://example.com/fixlab
Description: תבנית אתר + חנות WooCommerce להצטרפות FixLab. הפאנל עצמו ב-/panel/ דרך התוסף Repair Shop Manager – לא מושפע מתבנית זו.
Author: FixLab
Version: 2.3.7
Text Domain: fixlab-theme
*/

:root {
  --fl-blue: #1e40af;
  --fl-sky: #0ea5e9;
  --fl-bg: #f8fafc;
  --fl-text: #0f172a;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Heebo, Arial, sans-serif;
  background: var(--fl-bg);
  color: var(--fl-text);
  direction: rtl;
  line-height: 1.5;
}
a { color: var(--fl-blue); }
.fl-container { max-width: 1100px; margin: 0 auto; padding: 24px 16px; }
.fl-main { min-height: 60vh; }
.fl-footer {
  border-top: 1px solid #e2e8f0; padding: 20px 16px; text-align: center;
  color: #94a3b8; font-size: .82rem; margin-top: 40px;
}
.woocommerce .button, .woocommerce button.button {
  border-radius: 12px !important;
  background: var(--fl-blue) !important;
  color: #fff !important;
}
.woocommerce div.product, .woocommerce-cart, .woocommerce-checkout { direction: rtl; }

.fl-landing{position:relative;overflow:hidden}
.fl-bg-glow{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 70% 45% at 15% 10%, rgba(139,92,246,.28), transparent 55%),
    radial-gradient(ellipse 60% 40% at 90% 20%, rgba(14,165,233,.3), transparent 50%),
    radial-gradient(ellipse 50% 35% at 50% 100%, rgba(99,102,241,.2), transparent 45%);
}
.fl-bg-grid{
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;
  background-image:
    linear-gradient(rgba(99,102,241,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14,165,233,.08) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 30%, #000 20%, transparent 75%);
}
.fl-hero-pro,.fl-section{position:relative;z-index:1}
.fl-hero-pro{text-align:center;padding:56px 20px 40px;max-width:900px;margin:0 auto}
.fl-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.75);border:1px solid rgba(139,92,246,.25);
  color:#5b21b6;font-size:.78rem;font-weight:600;padding:6px 14px;border-radius:999px;
  margin-bottom:18px;backdrop-filter:blur(8px);
}
.fl-pulse{
  width:8px;height:8px;border-radius:50%;background:#8b5cf6;
  box-shadow:0 0 0 0 rgba(139,92,246,.5);animation:flPulse 1.8s infinite;
}
@keyframes flPulse{
  0%{box-shadow:0 0 0 0 rgba(139,92,246,.45)}
  70%{box-shadow:0 0 0 10px rgba(139,92,246,0)}
  100%{box-shadow:0 0 0 0 rgba(139,92,246,0)}
}
.fl-grad{
  display:block;font-size:clamp(2.6rem, 8vw, 4rem);font-weight:800;letter-spacing:.04em;
  background:linear-gradient(120deg,#06b6d4 0%,#6366f1 45%,#a855f7 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.fl-subhead{
  display:block;font-size:clamp(1.15rem, 3.5vw, 1.55rem);font-weight:700;
  color:#1e1b4b;margin-top:6px;
}
.fl-hero-lead{max-width:520px;margin:16px auto 28px;color:#475569;font-size:1.05rem;line-height:1.65}
.fl-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:36px}
.fl-btn-lg{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 28px;border-radius:14px;font-weight:700;font-size:1rem;
  text-decoration:none;transition:transform .15s, box-shadow .2s;
}
.fl-btn-lg:hover{transform:translateY(-2px)}
.fl-btn-primary{
  background:linear-gradient(135deg,#06b6d4,#6366f1 55%,#8b5cf6);
  color:#fff !important;box-shadow:0 10px 30px rgba(99,102,241,.35);
}
.fl-btn-ghost{
  background:rgba(255,255,255,.8);color:#4338ca !important;
  border:1.5px solid rgba(99,102,241,.35);
}
.fl-btn-light{background:#fff;color:#5b21b6 !important;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.fl-hero-preview{display:flex;justify-content:center;perspective:800px}
.fl-phone{
  width:200px;height:360px;border-radius:28px;padding:14px 12px;position:relative;
  background:linear-gradient(160deg,#1e1b4b,#312e81);
  box-shadow:0 30px 60px rgba(49,46,129,.4), inset 0 0 0 2px rgba(255,255,255,.1);
  transform:rotateY(-8deg) rotateX(4deg);
}
.fl-phone-bar{width:40%;height:5px;background:rgba(255,255,255,.2);border-radius:4px;margin:4px auto 16px}
.fl-phone-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.fl-phone-row span{
  height:36px;border-radius:10px;
  background:linear-gradient(135deg,rgba(6,182,212,.5),rgba(139,92,246,.45));
}
.fl-phone-card{
  height:70px;border-radius:12px;margin-bottom:8px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);
}
.fl-phone-card-2{height:90px;opacity:.75}
.fl-phone-nav{
  position:absolute;bottom:18px;left:20px;right:20px;height:36px;border-radius:12px;
  background:rgba(255,255,255,.12);
}
.fl-section{padding:56px 20px;max-width:1100px;margin:0 auto}
.fl-section-alt{
  background:rgba(255,255,255,.55);border-radius:32px;
  margin:0 auto;
  border:1px solid rgba(139,92,246,.12);backdrop-filter:blur(8px);
  max-width:1060px;
  width:calc(100% - 32px);
  box-sizing:border-box;
}
.fl-section-title{text-align:center;font-size:1.65rem;font-weight:800;color:#1e1b4b;margin:0 0 8px}
.fl-section-sub{text-align:center;color:#64748b;margin:0 0 32px}
.fl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.fl-card{
  background:rgba(255,255,255,.88);border:1px solid rgba(99,102,241,.12);
  border-radius:20px;padding:22px 20px;box-shadow:0 4px 20px rgba(15,23,42,.04);
  transition:transform .15s, box-shadow .2s;
}
.fl-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(99,102,241,.12)}
.fl-card-ico{
  width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;background:linear-gradient(135deg,#e0f2fe,#ede9fe);margin-bottom:12px;
}
.fl-card h3{margin:0 0 8px;font-size:1.05rem;color:#1e1b4b}
.fl-card p{margin:0;font-size:.88rem;color:#64748b;line-height:1.55}
.fl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:900px;margin:0 auto;justify-items:center}
.fl-step{text-align:center;padding:16px}
.fl-step span{
  display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;
  border-radius:50%;font-weight:800;color:#fff;margin-bottom:12px;
  background:linear-gradient(135deg,#06b6d4,#8b5cf6);
}
.fl-step h3{margin:0 0 6px;font-size:1.05rem;color:#1e1b4b}
.fl-step p{margin:0;font-size:.88rem;color:#64748b}
.fl-center{text-align:center}
.fl-cta-box{
  text-align:center;padding:40px 24px;border-radius:28px;
  background:linear-gradient(135deg,#0e7490 0%,#4f46e5 50%,#7c3aed 100%);
  color:#fff;box-shadow:0 20px 50px rgba(79,70,229,.35);
}
.fl-cta-box h2{margin:0 0 10px;font-size:1.5rem}
.fl-cta-box p{margin:0 0 22px;opacity:.9}
@media (max-width:600px){
  .fl-hero-pro{padding-top:36px}
  .fl-phone{transform:none;width:160px;height:290px}
  .fl-section{padding:40px 16px}
  .fl-steps{grid-template-columns:1fr;max-width:100%}
}

/* Header + dropdown */
.fl-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(16px) saturate(1.2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  border-bottom:1px solid rgba(99,102,241,.12);
  box-shadow:0 4px 24px rgba(15,23,42,.04);
}
.fl-header-inner{
  max-width:1120px;margin:0 auto;padding:10px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.fl-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important}
.fl-logo-mark{
  width:34px;height:34px;border-radius:11px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#06b6d4,#6366f1 55%,#a855f7);
  color:#fff;font-size:1rem;box-shadow:0 6px 16px rgba(99,102,241,.35);
}
.fl-logo-text{
  font-weight:800;font-size:1.2rem;
  background:linear-gradient(120deg,#0ea5e9,#6366f1);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.fl-nav-desktop{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.fl-nav-desktop a{
  margin:0;padding:8px 14px;border-radius:999px;
  text-decoration:none;color:#475569;font-weight:600;font-size:.9rem;
  transition:background .15s,color .15s;
}
.fl-nav-desktop a:hover{background:rgba(99,102,241,.08);color:#4338ca}
.fl-header-actions{display:flex;align-items:center;gap:8px;position:relative}
.fl-dd{position:relative}
.fl-dd-toggle{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px 10px 14px;border:none;cursor:pointer;font-family:inherit;
  border-radius:14px;font-weight:800;font-size:.92rem;color:#fff;
  background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 50%,#6366f1 100%);
  box-shadow:0 8px 22px rgba(37,99,235,.35);
  transition:transform .15s,box-shadow .2s;
}
.fl-dd-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(37,99,235,.45)}
.fl-dd.is-open .fl-dd-toggle{box-shadow:0 0 0 3px rgba(99,102,241,.25),0 8px 22px rgba(37,99,235,.35)}
.fl-dd-ico,.fl-dd-chev{display:flex}
.fl-dd-chev{transition:transform .2s;opacity:.9}
.fl-dd.is-open .fl-dd-chev{transform:rotate(180deg)}
.fl-dd-menu{
  position:absolute;top:calc(100% + 10px);left:0;min-width:280px;max-width:min(92vw,320px);
  background:#fff;border:1px solid rgba(99,102,241,.15);border-radius:18px;
  box-shadow:0 20px 50px rgba(15,23,42,.14);
  padding:10px;z-index:100;animation:flDdIn .18s ease;
}
@keyframes flDdIn{
  from{opacity:0;transform:translateY(-6px) scale(.98)}
  to{opacity:1;transform:none}
}
.fl-dd-head{padding:12px 12px 10px;border-bottom:1px solid #f1f5f9;margin-bottom:6px}
.fl-dd-head strong{display:block;font-size:.95rem;color:#1e1b4b}
.fl-dd-head span{font-size:.75rem;color:#94a3b8}
.fl-dd-item{
  display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;
  text-decoration:none!important;color:inherit;transition:background .12s;
}
.fl-dd-item:hover{background:#f8fafc}
.fl-dd-item.fl-dd-primary{
  background:linear-gradient(135deg,#eff6ff,#eef2ff);
  border:1px solid rgba(99,102,241,.15);margin-bottom:4px;
}
.fl-dd-item-ico{
  width:40px;height:40px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;
  background:#fff;border:1px solid #e2e8f0;
}
.fl-dd-item-txt{display:flex;flex-direction:column;gap:2px;text-align:right}
.fl-dd-item-txt strong{font-size:.9rem;color:#0f172a;font-weight:700}
.fl-dd-item-txt small{font-size:.75rem;color:#64748b}
.fl-dd-sep{height:1px;background:#f1f5f9;margin:6px 4px}
.fl-dd-mobile-nav{display:none}
@media (max-width:860px){
  .fl-nav-desktop{display:none}
  .fl-dd-mobile-nav{display:block}
  .fl-dd-menu{left:auto;right:0;min-width:min(92vw,300px)}
}


/* Bright animated phone preview */
.fl-hero-preview{
  display:flex;justify-content:center;padding:8px 0 12px;
  perspective:900px;
}
.fl-phone-stage{
  position:relative;
  animation:flPhoneFloat 5.5s ease-in-out infinite;
}
@keyframes flPhoneFloat{
  0%,100%{transform:translateY(0) rotateY(-6deg) rotateX(3deg)}
  50%{transform:translateY(-12px) rotateY(6deg) rotateX(1deg)}
}
.fl-phone-glow{
  position:absolute;inset:-30px -40px -20px;
  background:radial-gradient(ellipse at center, rgba(56,189,248,.45), rgba(99,102,241,.2) 45%, transparent 70%);
  filter:blur(8px);z-index:0;pointer-events:none;
  animation:flGlowPulse 3.2s ease-in-out infinite;
}
@keyframes flGlowPulse{
  0%,100%{opacity:.7;transform:scale(1)}
  50%{opacity:1;transform:scale(1.06)}
}
.fl-phone-shell{
  position:relative;z-index:1;
  width:220px;padding:10px 9px 14px;
  border-radius:36px;
  background:linear-gradient(160deg,#f8fafc 0%,#e2e8f0 40%,#cbd5e1 100%);
  box-shadow:
    0 0 0 2px rgba(255,255,255,.9) inset,
    0 0 0 1px rgba(148,163,184,.5),
    0 28px 50px rgba(14,165,233,.22),
    0 12px 24px rgba(15,23,42,.12);
}
.fl-phone-notch{
  width:72px;height:8px;border-radius:6px;
  background:linear-gradient(90deg,#94a3b8,#64748b);
  margin:4px auto 8px;opacity:.55;
}
.fl-phone-shell canvas{
  display:block;width:100%;height:auto;
  border-radius:24px;
  background:#f0f9ff;
  box-shadow:0 0 0 1px rgba(14,165,233,.15) inset;
}
.fl-phone-home{
  width:48px;height:4px;border-radius:4px;
  background:#94a3b8;margin:10px auto 2px;opacity:.5;
}
@media (max-width:600px){
  .fl-phone-shell{width:180px;border-radius:30px}
  .fl-phone-stage{animation-duration:6.5s}
  @keyframes flPhoneFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
  }
}

@media (max-width:860px){
  .fl-dd-menu{
    position:fixed!important;
    left:12px!important;right:12px!important;
    top:auto!important;
    bottom:16px!important;
    min-width:0!important;max-width:none!important;
    width:auto!important;
    max-height:70vh;overflow:auto;
    z-index:9999;
  }
  .fl-header-inner{flex-wrap:nowrap;gap:8px}
  .fl-dd-toggle{max-width:46vw}
}

.fl-dd-menu{z-index:99999!important}
.fl-header{z-index:1000!important;overflow:visible!important}
.fl-header-inner{overflow:visible!important}
.fl-dd.is-open .fl-dd-menu{display:block!important}


/* ===== Panel dropdown v2.3.4 – fixed, always visible ===== */
.fl-header{
  position:sticky;top:0;z-index:10050;
  overflow:visible!important;
  background:rgba(255,255,255,.9)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(99,102,241,.12);
}
.fl-header-inner,.fl-header-actions,.fl-dd{
  overflow:visible!important;
  position:relative;
}
.fl-dd-toggle{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px 10px 14px;border:none;cursor:pointer;font-family:inherit;
  border-radius:14px;font-weight:800;font-size:.92rem;color:#fff;
  background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 50%,#6366f1 100%);
  box-shadow:0 8px 22px rgba(37,99,235,.35);
  -webkit-tap-highlight-color:transparent;
}
.fl-dd-menu{
  position:fixed!important;
  display:none;
  z-index:10060!important;
  background:#fff;
  border:1px solid rgba(99,102,241,.18);
  border-radius:18px;
  box-shadow:0 24px 60px rgba(15,23,42,.22);
  padding:10px;
  max-height:min(70vh,420px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.fl-dd-menu.is-open{
  display:block!important;
  animation:flDdIn .16s ease;
}
.fl-dd-backdrop{
  position:fixed;inset:0;z-index:10055;
  background:rgba(15,23,42,.28);
  display:none;
}
.fl-dd-backdrop.is-open,
.fl-dd-backdrop:not([hidden]){
  display:block!important;
}
body.fl-dd-open{overflow:hidden}
.fl-dd-mobile-nav{display:none}
.fl-dd-mobile-only{display:none}
@media (max-width:860px){
  .fl-nav-desktop{display:none!important}
  .fl-dd-mobile-nav,.fl-dd-mobile-only{display:block!important}
  .fl-dd-toggle{max-width:48vw}
  .fl-dd-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}


/* App install section */
.fl-install{text-align:center}
.fl-install-btns{
  display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:720px;margin:0 auto 16px;
}
.fl-install-btn{
  flex:1 1 260px;max-width:320px;display:flex;align-items:center;gap:14px;
  padding:18px 20px;border-radius:18px;border:none;cursor:pointer;font-family:inherit;
  text-align:right;box-shadow:0 12px 32px rgba(15,23,42,.12);
  transition:transform .15s, box-shadow .2s;
}
.fl-install-btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(15,23,42,.18)}
.fl-install-android{
  background:linear-gradient(135deg,#22c55e 0%,#16a34a 50%,#15803d 100%);color:#fff;
}
.fl-install-ios{
  background:linear-gradient(135deg,#38bdf8 0%,#3b82f6 50%,#6366f1 100%);color:#fff;
}
.fl-install-ico{
  width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.fl-install-txt{display:flex;flex-direction:column;gap:2px}
.fl-install-txt strong{font-size:1.05rem;font-weight:800}
.fl-install-txt small{font-size:.8rem;opacity:.9}
.fl-ios-guide{
  max-width:480px;margin:16px auto;text-align:right;background:rgba(255,255,255,.9);
  border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;
}
.fl-ios-guide ol{margin:0 0 16px;padding-right:20px;line-height:1.7;color:#334155}
.fl-install-note{margin-top:12px;font-size:.88rem;color:#64748b;min-height:1.2em}