/* ==========================================================================
   ARTDOOR KITCHENS — שכפול מדויק של עיצוב האתר המקורי
   טוקנים הועתקו אחד לאחד מ-:root של האתר המקורי
   ========================================================================== */

:root{
  --gold:#c8a951;
  --gold-btn-text:#000000;
  --menu-color:#c8a951;
  --menu-text:#000000;
  --menu-font-size:17px;
  --menu-pages-space:3px;
  --menu-pages-side-padding:15px;
  --menu-letter-spacing:0.5px;

  --modules-color:#f2ebd8;          /* סקשן bg-primary */
  --modules-color-second:#f9f9f9;   /* סקשן רגיל */
  --modules-text:#000000;
  --inside-modules-color:#f9f9f9;
  --inside-modules-box:#ffffff;

  --footer-back:#ffffff;
  --footer-text:#000000;
  --footer-links:#c8a951;
  --footer-text-hover:#c8a951;

  --sections-padding:100px;
  --global-line-height:1.25;
  --nav-height:90px;
  --nav-height-mobile:60px;
  --page-width:93%;
  --page-max:1600px;
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  font-family:'Assistant',Arial,sans-serif;
  font-size:14px;
  line-height:var(--global-line-height);
  color:var(--modules-text);
  background:#ffffff;
  overflow-x:hidden;
}

@media (min-width:768px){ body{font-size:16px;} }
@media (min-width:1200px){ body{font-size:16.5px;} }

img{max-width:100%;border:0;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,h5{margin:0;font-weight:400;line-height:1.25;font-family:'Assistant',Arial,sans-serif;}

/* ===== מכולה — רוחב קבוע בכל נקודת שבירה, אחד לאחד מהמקור ===== */
.site-container{
  width:100%;
  margin:0 auto;
  padding:0 15px;
}
@media (min-width:768px){ .site-container{width:750px;} }
@media (min-width:992px){ .site-container{width:970px;} }
@media (min-width:1200px){ .site-container{width:1320px;} }

/* ==========================================================================
   תפריט עליון — דסקטופ
   ========================================================================== */
#mainNav{
  position:fixed;
  top:0;right:0;left:0;
  z-index:1030;
  height:var(--nav-height);
  background:var(--menu-color);
  border-bottom:1px solid var(--menu-color);
}
#mainNav .site-container{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.navbar-brand{display:flex;align-items:center;}
.navbar-brand img{width:240px;height:auto;display:block;}
.navbar-brand .website-name{display:none;}

#top-menu ul{
  list-style:none;margin:0;padding:0;
  display:flex;align-items:center;
}
#top-menu li{margin:0 var(--menu-pages-space);}
#top-menu li a{
  display:block;
  padding:8.5px var(--menu-pages-side-padding);
  font-size:var(--menu-font-size);
  letter-spacing:var(--menu-letter-spacing);
  line-height:17px;
  border:1px solid transparent;
  color:var(--menu-text);
  font-weight:400;
  transition:opacity .2s ease;
}
#top-menu li a:hover{opacity:.72;}
#top-menu li.active a{font-weight:700;}
#top-menu li.active a .txt-container{border-bottom:1px solid var(--menu-text);padding-bottom:2px;}

/* ===== תפריט מובייל ===== */
#mainNavMobile{display:none;}
#mainNavMobile{
  position:fixed;top:0;right:0;left:0;z-index:1030;
  height:var(--nav-height-mobile);
  background:var(--menu-color);
  align-items:center;justify-content:space-between;
  padding:0 14px;
}
#mainNavMobile .navbar-brand img{width:133px;}
.mobile-menu-btn{
  width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  background:none;border:0;cursor:pointer;padding:0;
}
.mobile-menu-btn span{
  display:block;width:22px;height:2px;background:var(--menu-text);position:relative;
  transition:background .2s ease;
}
.mobile-menu-btn span::before,
.mobile-menu-btn span::after{
  content:'';position:absolute;right:0;width:22px;height:2px;background:var(--menu-text);
  transition:transform .25s ease,top .25s ease;
}
.mobile-menu-btn span::before{top:-7px;}
.mobile-menu-btn span::after{top:7px;}
body.menu-open .mobile-menu-btn span{background:transparent;}
body.menu-open .mobile-menu-btn span::before{top:0;transform:rotate(45deg);}
body.menu-open .mobile-menu-btn span::after{top:0;transform:rotate(-45deg);}

#top-menu-mobile{
  position:fixed;inset:0;z-index:1029;
  background:var(--menu-color);
  padding:calc(var(--nav-height-mobile) + 24px) 20px 40px;
  display:none;
  overflow-y:auto;
}
body.menu-open #top-menu-mobile{display:block;}
body.menu-open{overflow:hidden;}
#top-menu-mobile ul{list-style:none;margin:0;padding:0;text-align:center;}
#top-menu-mobile li{margin:5px 0;}
#top-menu-mobile li a{
  display:block;padding:10px 0;font-size:20px;color:var(--menu-text);
}
#top-menu-mobile li.active a{font-weight:700;}

/* ==========================================================================
   גוף העמוד
   ========================================================================== */
.page-body{padding-top:var(--nav-height);}

.s123-module{padding:var(--sections-padding) 0;background:var(--modules-color-second);position:relative;}
.s123-module.bg-primary{background:var(--modules-color);}
/* גבול ה-iframe של המודול במקור — תוכן רחב מדי נחתך ולא גולש לעמוד */
.module-frame{overflow:hidden;}

/* כותרת מודול */
.module-title{text-align:center;margin:0;padding-bottom:24.75px;}
.module-title h2{
  font-size:1.953em;           /* 27.34 / 31.25 / 32.22 — בדיוק כמו במקור */
  font-weight:400;
  color:var(--modules-text);
  line-height:1.25;
  margin:0 0 10px;
}
.module-title h1{
  font-size:2.441em;          /* 34.17 / 39.05 / 40.28 — כמו בעמודים פנימיים במקור */
  font-weight:400;
  color:var(--modules-text);
  line-height:1.25;
  margin:0 0 10px;
}
.module-title hr.small{
  width:50px;max-width:50px;height:0;
  border:0;border-top:3px solid var(--gold);
  margin:10px auto 0;
}

/* ==========================================================================
   HERO — קרוסלת תמונות (3 שקופיות, החלפה כל 5 שניות)
   ========================================================================== */
#hero{padding:0;background:var(--modules-color-second);}
.hero-container{
  position:relative;
  min-height:calc(85vh - var(--nav-height));
  overflow:hidden;
}
.hero-slide{
  position:absolute;inset:0;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:0;
  transition:opacity .6s ease-in-out;
}
.hero-slide.is-active{opacity:1;}

/* ==========================================================================
   גלריה — קרוסלה (layout-6 במקור): תא מרכזי 60%, תאי צד חלקיים, חצים
   ========================================================================== */
.gallery-filter{list-style:none;margin:0;padding:0 15px 24.75px;text-align:center;}
.gallery-filter li{display:inline-block;margin:2.83px;}
.gallery-filter li a{
  display:block;width:130px;height:31px;line-height:29px;
  font-size:0.8em;text-align:center;
  border:1px solid var(--gold);border-radius:2px;
  color:var(--gold);background:transparent;
  transition:background .2s ease,color .2s ease;
}
.gallery-filter li.active a,
.gallery-filter li a:hover{background:var(--gold);color:var(--gold-btn-text);}

.gallery-carousel{position:relative;overflow:hidden;height:600px;direction:ltr;margin:0 -15px;}
.gc-track{display:flex;height:100%;transition:transform .45s cubic-bezier(.25,.46,.45,.94);}
.gc-cell{
  flex:0 0 60%;height:100%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;position:relative;
}
.gc-cell img{max-width:100%;max-height:100%;display:block;object-fit:contain;}
.gc-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:60px;height:60px;border-radius:50%;
  background:transparent;border:0;padding:0;cursor:pointer;
  opacity:.6;transition:opacity .2s ease;z-index:3;
}
.gc-btn:hover{opacity:1;}
.gc-btn svg{width:60px;height:60px;fill:#fff;}
.gc-prev{left:0;}
.gc-next{right:0;}
.gc-next svg{transform:rotate(180deg);}
.gallery-carousel[data-single="1"] .gc-btn{display:none;}

/* Lightbox */
#lightbox{
  position:fixed;inset:0;z-index:2147483000;
  background:rgba(11,11,11,.95);
  display:none;align-items:center;justify-content:center;
}
#lightbox.is-open{display:flex;}
#lightbox img{max-width:92vw;max-height:86vh;object-fit:contain;}
#lightbox .lb-btn{
  position:absolute;background:none;border:0;color:#fff;
  font-size:44px;line-height:1;cursor:pointer;padding:10px 18px;
  font-family:Arial,sans-serif;
}
#lightbox .lb-close{top:10px;left:14px;font-size:38px;}
#lightbox .lb-prev{right:10px;top:50%;transform:translateY(-50%);}
#lightbox .lb-next{left:10px;top:50%;transform:translateY(-50%);}
#lightbox .lb-counter{
  position:absolute;bottom:18px;left:0;right:0;text-align:center;
  color:#fff;font-size:14px;
}

/* ==========================================================================
   עמוד פריט גלריה
   ========================================================================== */
.item-page{padding:var(--sections-padding) 0;background:var(--modules-color);}
.item-page .item-img{display:block;margin:0 auto;max-width:100%;border-radius:3px;}
.breadcrumb{
  list-style:none;margin:0 0 20px;padding:0;font-size:13px;display:flex;gap:8px;
}
.breadcrumb li+li::before{content:'/';margin-left:8px;color:#999;}
.breadcrumb a{color:var(--gold);}

/* ==========================================================================
   עמודי תוכן (תנאים / פרטיות / נגישות)
   ========================================================================== */
.page-data{padding:var(--sections-padding) 0;background:var(--modules-color);}
.page-data .rich{max-width:1000px;margin:0 auto;text-align:right;line-height:1.7;font-size:16.5px;}
.page-data .rich h1{font-size:28px;font-weight:800;margin:26px 0 12px;}
.page-data .rich h2{font-size:21px;font-weight:800;margin:24px 0 10px;}
.page-data .rich p{margin:0 0 14px;}
.page-data .rich ul{padding-right:22px;margin:0 0 14px;}
.page-data .rich li{margin-bottom:6px;}
.page-data .rich hr{border:0;border-top:1px solid #e2dcc8;margin:20px 0;}
.page-data .rich a{color:var(--gold);text-decoration:underline;}

/* ==========================================================================
   פוטר
   ========================================================================== */
footer.global-footer{
  background:var(--footer-back);
  color:var(--footer-text);
  padding:40px 0;
  font-size:13.2px;
}
footer.global-footer .footer-row{
  display:flex;flex-wrap:wrap;align-items:flex-start;
}
footer.global-footer .side1,
footer.global-footer .side2{width:50%;}
footer.global-footer .side1{text-align:right;}
footer.global-footer .side2{text-align:left;}
footer.global-footer .footer-name{
  font-size:19.8px;display:block;margin-bottom:4px;
}
footer.global-footer a{color:var(--footer-links);}
footer.global-footer a:hover{color:var(--footer-text-hover);text-decoration:underline;}
footer.global-footer .legal-links{margin:5px 0;}
footer.global-footer .legal-sep{padding:0 14px;color:var(--footer-text);}
footer.global-footer .side2 ul{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;justify-content:flex-start;
}
footer.global-footer .side2 li a{
  display:block;padding:4px 10px;font-weight:700;color:var(--footer-links);
}

/* ==========================================================================
   כפתור וואטסאפ צף — הועתק אחד לאחד מהקוד המקורי
   ========================================================================== */
.custom-whatsapp{
  position:fixed;
  top:80px;
  left:20px;
  z-index:2147483647;
  width:90px;
  height:auto;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#25D366;
  text-decoration:none;
  padding:10px 8px;
  animation:pulseGreen 1.8s infinite;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  color:#fff;
  font-family:'Heebo',Arial,sans-serif;
}
.custom-whatsapp img{width:36px;height:36px;margin-bottom:6px;}
.custom-whatsapp span{font-size:13px;text-align:center;line-height:1.2em;}
@keyframes pulseGreen{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.6);}
  70%{box-shadow:0 0 0 15px rgba(37,211,102,0);}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}
}
@media (max-width:768px){
  .custom-whatsapp{top:100px;left:16px;width:80px;padding:8px 6px;}
  .custom-whatsapp img{width:30px;height:30px;margin-bottom:4px;}
  .custom-whatsapp span{font-size:12px;}
}

/* ==========================================================================
   כפתור קסם (Magic Button) — וואטסאפ + טלפון, פינה שמאלית תחתונה
   ========================================================================== */
.magic-button{
  position:fixed;left:20px;bottom:20px;z-index:2147483000;
  display:flex;flex-direction:column-reverse;align-items:flex-start;gap:12px;
}
.magic-toggle{
  width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
  background:#0b0b0b;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
  transition:transform .2s ease;
}
.magic-toggle:hover{transform:scale(1.06);}
.magic-toggle svg{width:24px;height:24px;fill:currentColor;}
.magic-items{display:none;flex-direction:column-reverse;gap:10px;}
.magic-button.is-open .magic-items{display:flex;}
.magic-items a{
  display:flex;align-items:center;gap:10px;
  background:var(--gold);color:var(--gold-btn-text);
  border-radius:999px;padding:9px 16px 9px 12px;
  font-size:14px;font-weight:700;white-space:nowrap;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.magic-items a svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto;}

/* ==========================================================================
   רספונסיביות
   ========================================================================== */
@media (max-width:991px){
  .gallery-carousel{height:500px;}
}

@media (max-width:767px){
  :root{--sections-padding:50px;}   /* במקור: 50px 0 במובייל */
  #mainNav{display:none;}
  #mainNavMobile{display:flex;}
  .page-body{padding-top:var(--nav-height-mobile);}
  .hero-container{min-height:300px;}  /* headers-fix-mobile-height */
  .gallery-carousel{height:300px;}
  .gc-cell{flex:0 0 70%;padding:0 20px;}
  .gc-btn,.gc-btn svg{width:50px;height:50px;}
  footer.global-footer .side1,
  footer.global-footer .side2{width:100%;text-align:center;}
  footer.global-footer .side2{margin-top:18px;}
  footer.global-footer .side2 ul{justify-content:center;}
  .magic-button{left:14px;bottom:14px;}
}