/*
Theme Name: AleyDafna Clean
Description: תבנית מותאמת אישית ל-AleyDafna — קוד נקי, בלי אלמנטור, מבוססת על עיצוב האתר הקיים.
Author: saleograph
Version: 0.1.0
Text Domain: aleydafna-clean
*/

:root{
  --purple: #3f2a63;
  --purple-dark: #2c1c47;
  --magenta: #7a1e6e;
  --pink-bg: #fbe9ee;
  --ink: #221c2e;
  --muted: #766f7c;
  --sale: #c0392b;
  --teal: #0e3d38;
}

*{box-sizing:border-box;}

body{
  margin:0;
  font-family:"Assistant","Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:#fff;
}

a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
ul{list-style:none;margin:0;padding:0;}

.site-container{max-width:1280px;margin:0 auto;padding:0 24px;}

/* top announcement bar */
.topbar{
  background:var(--purple-dark);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:8px 12px;
  font-size:13px;
}
.topbar button{background:none;border:none;color:#fff;opacity:.7;cursor:pointer;font-size:16px;}

/* header */
.site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 32px;
  border-bottom:1px solid #eee;
}
.header-side{display:flex;align-items:center;gap:18px;font-size:14px;}
.site-logo{font-size:24px;font-weight:800;letter-spacing:.5px;}
.icon-btn{position:relative;font-size:18px;}
.cart-count{
  position:absolute;top:-6px;left:-8px;background:var(--purple);color:#fff;
  font-size:10px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;
}
.main-nav ul{display:flex;gap:22px;font-size:14px;}

/* hero */
.hero{
  background:var(--pink-bg);
  display:flex;align-items:center;justify-content:center;gap:40px;
  padding:48px 24px;
}
.hero h1{color:var(--purple);font-size:34px;margin:0 0 8px;font-weight:800;}
.hero p{color:var(--ink);font-size:15px;margin:0;}
.hero-text{text-align:center;}
.hero-photo{
  width:150px;height:150px;border-radius:6px;overflow:hidden;
  border:6px solid #fff;box-shadow:0 4px 18px rgba(0,0,0,.12);
}
.hero-photo img{width:100%;height:100%;object-fit:cover;}

/* search */
.search-wrap{max-width:560px;margin:36px auto;padding:0 24px;text-align:center;}
.search-wrap p{color:var(--ink);font-size:15px;margin-bottom:14px;}
.search-box{display:flex;align-items:center;border:1px solid #ddd;border-radius:30px;overflow:hidden;}
.search-box input{flex:1;border:none;padding:14px 18px;font-family:inherit;font-size:14px;outline:none;background:transparent;}
.search-box button{
  background:var(--purple);border:none;color:#fff;width:44px;height:44px;border-radius:50%;
  margin:4px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;flex-shrink:0;
}

/* product grids (also styles WooCommerce's own markup) */
.product-section{max-width:1200px;margin:0 auto;padding:32px 24px;}
.product-section h2{text-align:center;font-size:22px;font-weight:800;margin-bottom:24px;}

ul.products{
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:18px;
  list-style:none;margin:0;padding:0;
}
ul.products li.product{
  position:relative;text-align:center;list-style:none;
  width:auto !important;margin:0 !important;float:none !important;
}
ul.products li.product a img{
  width:100% !important;height:auto !important;
  aspect-ratio:1/1;object-fit:cover;border-radius:4px;margin-bottom:10px !important;
}
ul.products li.product .woocommerce-loop-product__title{font-size:13.5px;margin-bottom:4px;}
ul.products li.product .price{font-size:14px;font-weight:700;}
ul.products li.product .price del{color:#aaa;font-weight:400;}
ul.products li.product .price ins{text-decoration:none;color:var(--sale);}
ul.products li.product .add_to_cart_button,
ul.products li.product .button{
  display:block;background:var(--magenta);color:#fff !important;
  font-size:11.5px;font-weight:700;text-align:center;padding:7px 4px;margin-top:6px;margin-bottom:10px;
  border-radius:0;
}
ul.products li.product .onsale{
  position:static;display:inline-block;background:var(--magenta);color:#fff;
  font-size:11px;font-weight:700;border-radius:0;padding:2px 8px;margin-bottom:6px;min-height:0;line-height:1.6;
}

/* home page product carousels (scroll strips, no JS library) */
.home-carousel{position:relative;}
.home-carousel ul.products{
  display:flex !important;
  grid-template-columns:none !important;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding-bottom:6px;
  scrollbar-width:none;
}
.home-carousel ul.products::-webkit-scrollbar{display:none;}
.home-carousel ul.products li.product{
  flex:0 0 200px !important;
  scroll-snap-align:start;
}
.carousel-arrow{
  position:absolute;top:40%;transform:translateY(-50%);
  background:#fff;border:1px solid #e2e2e2;border-radius:50%;
  width:36px;height:36px;font-size:18px;cursor:pointer;color:var(--purple);
  box-shadow:0 2px 6px rgba(0,0,0,.08);z-index:2;
}
.carousel-arrow.prev{right:-14px;}
.carousel-arrow.next{left:-14px;}

/* cta banner */
.cta-inner{position:relative;border-radius:6px;overflow:hidden;min-height:220px;display:flex;align-items:center;}
.cta-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.cta-box{position:relative;z-index:1;background:rgba(255,255,255,.82);padding:26px 40px;margin-inline-start:auto;margin-inline-end:60px;text-align:center;}
.cta-box h3{margin:0 0 6px;font-size:20px;font-weight:800;}
.cta-box span{font-size:13px;color:var(--muted);}

/* single product + archive page container */
.woocommerce-main{max-width:1200px;margin:0 auto;padding:32px 24px;}
.woocommerce-breadcrumb{font-size:12.5px;color:var(--muted);margin-bottom:16px;}
.woocommerce-breadcrumb a{color:var(--purple);}

div.product{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:40px;}
div.product .woocommerce-product-gallery{flex:1 1 380px;max-width:420px;}
div.product .woocommerce-product-gallery img{border-radius:6px;}
div.product .summary{flex:1 1 320px;}
div.product .summary h1{font-size:26px;margin:0 0 10px;color:var(--ink);}
div.product .summary .price{font-size:22px;color:var(--purple);font-weight:800;margin-bottom:16px;}
div.product .summary .price del{color:#aaa;font-size:16px;font-weight:400;}
div.product .summary .price ins{color:var(--sale);text-decoration:none;}
div.product form.cart{display:flex;gap:10px;align-items:center;margin-bottom:16px;}
div.product .single_add_to_cart_button{
  background:var(--magenta);color:#fff;border:none;padding:12px 28px;
  font-weight:700;font-size:14px;cursor:pointer;
}
div.product .quantity input{width:60px;padding:10px;border:1px solid #ddd;text-align:center;}

.related.products{max-width:1200px;margin:0 auto;padding:0 24px 40px;}
.related.products > h2{font-size:20px;font-weight:800;margin-bottom:18px;}

/* footer */
.footer-bar{background:var(--purple-dark);color:#fff;text-align:center;padding:10px;font-size:13px;display:flex;justify-content:center;gap:32px;flex-wrap:wrap;}
.site-footer{background:#181818;color:#ddd;padding:40px 24px 20px;text-align:center;}
.site-footer .site-logo{color:#fff;margin-bottom:10px;}
.site-footer p{max-width:640px;margin:10px auto;font-size:12.5px;line-height:1.8;color:#aaa;}
.social{display:flex;justify-content:center;gap:14px;margin:16px 0;font-size:16px;}
.bottom-links{background:var(--teal);color:#cfe9e4;font-size:12px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:10px;}

@media (max-width:900px){
  ul.products{grid-template-columns:repeat(2,1fr);}
  .hero{flex-direction:column;}
}