/*
Theme Name: Bee1 Ultra — Lala Shop
Theme URI: https://studiobee1.com
Description: Lala Shop (lalashop.co.il) child of Bee1 Ultra Theme. Ports live bee1-hello functions, Additional CSS, and blog canvas.
Author: Studio Bee1
Author URI: https://studiobee1.com
Template: bee1-ultra-theme
Version: 0.2.13
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bee1-ultra-lalashop
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --lala-ink: #000000;
  --lala-text: #333333;
  --lala-blush: #ECCEDA;
  --lala-gold: #9F8524;
  --lala-link: #000000;
  --lala-line: #e5e7eb;
}

html, body {
  background-color: #ffffff;
  color: var(--lala-text);
}

a { color: var(--lala-link); }
a:hover, a:focus { color: var(--lala-gold); }

/* The content rail is NOT set here.
   #page.grid-container is already capped at Customizer -> Layout -> Container,
   so a second max-width on .site-content / .site-main added nothing except
   outranking .full-width-content, which is what stopped the per-page
   "Content Container: Full Width" setting from doing anything. */

body.single-post .site-content,
body.blog .site-content,
body.category .site-content,
body.tag .site-content,
body.author .site-content,
body.date .site-content {
  width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
}

body.left-sidebar.single-post .is-left-sidebar,
body.left-sidebar.blog .is-left-sidebar,
body.left-sidebar.category .is-left-sidebar,
body.left-sidebar.tag .is-left-sidebar,
body.left-sidebar.author .is-left-sidebar,
body.left-sidebar.date .is-left-sidebar {
  width: 25% !important;
  flex: 0 0 25%;
  max-width: 25%;
}

body.left-sidebar.single-post .site-content .content-area,
body.left-sidebar.blog .site-content .content-area,
body.left-sidebar.category .site-content .content-area,
body.left-sidebar.tag .site-content .content-area,
body.left-sidebar.author .site-content .content-area,
body.left-sidebar.date .site-content .content-area {
  width: 75% !important;
  flex: 1 1 75%;
  max-width: 75%;
}

body.rtl.left-sidebar.single-post .site-content,
body.rtl.left-sidebar.blog .site-content,
body.rtl.left-sidebar.category .site-content,
body.rtl.left-sidebar.tag .site-content,
body.rtl.left-sidebar.author .site-content,
body.rtl.left-sidebar.date .site-content {
  flex-direction: row-reverse;
}

body.single-post .inside-article { --bee1-blog-featured-width: 40%; }

body.single-post .inside-article .featured-image,
body.single-post .inside-article .page-header-image-single,
body.single-post .inside-article .post-image {
  width: var(--bee1-blog-featured-width);
  max-width: var(--bee1-blog-featured-width);
  float: right;
  margin: 0 0 16px 24px;
}

body.single-post .inside-article .featured-image img,
body.single-post .inside-article .page-header-image-single img,
body.single-post .inside-article .post-image img {
  display: block;
  width: 100%;
  height: auto;
}

body.single-post .inside-article::after {
  content: "";
  display: table;
  clear: both;
}

body.single-post .inside-article .entry-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--lala-ink);
}

body.single-post .entry-content h2 { font-size: 22px; font-weight: 500; }
body.single-post .entry-content h3 { font-size: 18px; font-weight: 500; }
body.single-post .entry-content h4 { font-size: 16px; font-weight: 500; }

.site-content a:hover,
.site-content a:focus { color: var(--lala-gold) !important; }

.site-content a.button,
.site-content .read-more,
.site-content .read-more.button {
  background: var(--lala-ink) !important;
  color: #fff !important;
  border: 1px solid var(--lala-ink) !important;
  border-radius: 1px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.site-content a.button:hover,
.site-content .read-more:hover {
  background: var(--lala-blush) !important;
  border-color: var(--lala-blush) !important;
  color: var(--lala-ink) !important;
}

body.page:not(.home) #content.site-main,
body.page:not(.home) .site-main {
  margin-inline: auto;
  padding-inline: 24px;
  box-sizing: border-box;
}

/* Left sidebar widgets */
.is-left-sidebar .widget,
#left-sidebar .widget {
  background: transparent;
  box-shadow: none;
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid var(--lala-line);
}

.is-left-sidebar .widget-title,
#left-sidebar .widget-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lala-ink);
  margin: 0 0 12px;
}

.is-left-sidebar input[type="search"],
.is-left-sidebar input[type="text"],
#left-sidebar input[type="search"],
#left-sidebar input[type="text"] {
  width: 100%;
  height: 40px;
  border: 1px solid #d4d4d8;
  border-radius: 1px;
  padding: 0 12px;
  background: #fff;
}

.widget_recent_entries ul,
.widget_categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget_recent_entries li {
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--lala-line);
  font-size: 14px;
  line-height: 1.4;
}

.widget_categories ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.widget_categories li { margin: 0; }
.widget_categories a {
  display: inline-block;
  border: 1px solid var(--lala-line);
  border-radius: 1px;
  padding: 6px 10px;
  font-size: 12px;
  text-decoration: none;
}

.widget_categories a:hover {
  background: var(--lala-blush);
  color: var(--lala-ink) !important;
}

/* Hide comments on posts */
body.single-post .comments-area,
body.single-post #comments,
body.single-post .comment-respond {
  display: none !important;
}

/* Rank Math HTML sitemap: one column */
.rank-math-html-sitemap__list,
.rank-math-html-sitemap ul {
  column-count: 1 !important;
  columns: 1 !important;
  display: block !important;
}

.rank-math-html-sitemap__item {
  display: block !important;
  width: 100% !important;
  float: none !important;
  break-inside: avoid;
}

.rank-math-html-sitemap__section {
  margin-bottom: 28px;
}

/* Blog posts page: 3-col magazine grid + infinite scroll */
body.blog .site-content,
body.archive:not(.woocommerce) .site-content {
  margin-inline: auto;
  padding-inline: 24px;
  box-sizing: border-box;
}

body.blog .page-header,
body.archive:not(.woocommerce) .page-header {
  margin: 12px 0 28px;
  padding: 0;
}

body.blog .page-header h1,
body.archive:not(.woocommerce) .page-header h1 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--lala-ink);
}

body.blog .generate-columns-container,
body.archive:not(.woocommerce) .generate-columns-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0 !important;
}

body.blog .generate-columns,
body.archive:not(.woocommerce) .generate-columns {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 0 0 !important;
}

body.blog .generate-columns .inside-article,
body.archive:not(.woocommerce) .generate-columns .inside-article {
  background: #fff;
  border: 1px solid var(--lala-line);
  border-radius: 1px;
  padding: 0 0 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: none;
}

body.blog .generate-columns .post-image,
body.archive:not(.woocommerce) .generate-columns .post-image {
  margin: 0 0 14px;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.blog .generate-columns .post-image img,
body.archive:not(.woocommerce) .generate-columns .post-image img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
}

body.blog .generate-columns .entry-header,
body.archive:not(.woocommerce) .generate-columns .entry-header {
  padding: 0 16px;
}

body.blog .generate-columns .entry-title,
body.archive:not(.woocommerce) .generate-columns .entry-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 8px;
}

body.blog .generate-columns .entry-title a,
body.archive:not(.woocommerce) .generate-columns .entry-title a {
  text-decoration: none;
  color: var(--lala-ink);
}

body.blog .generate-columns .entry-summary,
body.archive:not(.woocommerce) .generate-columns .entry-summary {
  padding: 0 16px;
  font-size: 14px;
  color: #585656;
  flex: 1 1 auto;
}

body.blog .generate-columns .read-more,
body.archive:not(.woocommerce) .generate-columns .read-more {
  margin: 12px 16px 0;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.blog .paging-navigation,
body.archive:not(.woocommerce) .paging-navigation {
  display: none;
}

body.blog .load-more,
body.blog .infinite-scroll-request,
body.archive:not(.woocommerce) .infinite-scroll-request {
  text-align: center;
  padding: 28px 0 8px;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--lala-gold);
}

@media (max-width: 900px) {
  body.blog .generate-columns-container,
  body.archive:not(.woocommerce) .generate-columns-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 560px) {
  body.blog .generate-columns-container,
  body.archive:not(.woocommerce) .generate-columns-container {
    grid-template-columns: 1fr;
  }
}


/* Home / Elementor canvas: GP full-width-content (Sand uses one-container + this). */
.full-width-content .site-content,
.full-width-content .content-area,
.full-width-content .site-main,
.full-width-content .inside-article {
  padding: 0;
  margin: 0;
  max-width: none;
}

.full-width-content .container.grid-container,
.full-width-content .site-content .grid-container {
  max-width: 100%;
  width: 100%;
}

body.home.full-width-content .entry-header,
body.home.full-width-content .page-header {
  display: none;
}

@media (max-width: 768px) {
  body.rtl.left-sidebar.single-post .site-content,
  body.left-sidebar.single-post .site-content,
  body.left-sidebar.blog .site-content,
  body.left-sidebar.category .site-content {
    flex-direction: column;
  }
  body.left-sidebar.single-post .is-left-sidebar,
  body.left-sidebar.single-post .site-content .content-area {
    width: 100% !important;
    max-width: 100%;
    flex: 1 1 100%;
  }
  body.single-post .inside-article .featured-image,
  body.single-post .inside-article .page-header-image-single,
  body.single-post .inside-article .post-image {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: 0 0 20px;
  }
  body.single-post .inside-article .entry-title { font-size: 26px; }
}

/* Ported from live bee1-hello style.css */


/* ── Mobile toolbar: search button active state ─────────────────────── */
@media (max-width: 767px) {
  /* Pressed / focused state */
  .bee1-ulg-mobile-toolbar__item--search:focus,
  .bee1-ulg-mobile-toolbar__item--search:hover,
  .bee1-ulg-mobile-toolbar__item--search:active {
    background-color: #ecceda !important;
    color: #111 !important;
  }

  /* While search overlay is open — keep it highlighted */
  .bee1-ulg-mobile-toolbar.is-search-open .bee1-ulg-mobile-toolbar__item--search {
    background-color: #ecceda !important;
    color: #111 !important;
  }
}

/* ── Bee1 Wishlist in product grid ──────────────────────────────────── */

/* Hide the button added by woocommerce_after_shop_loop_item hook (bottom) */
.bee1-ulg-card > .bee1-wl-btn,
.bee1-ulg-card > .bee1-wl-btn-wrap,
.bee1-ulg-card .bee1-ulg-card__body .bee1-wl-btn,
.bee1-ulg-card .bee1-ulg-card__body .bee1-wl-btn-wrap {
    display: none !important;
}

/* Style the button placed inside the card media (top corner) */
.bee1-ulg-wishlist .bee1-wl-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.92) !important;
    color: #111 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.14) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background 0.18s, color 0.18s !important;
}

.bee1-ulg-wishlist .bee1-wl-btn:hover,
.bee1-ulg-wishlist .bee1-wl-btn:focus,
.bee1-ulg-wishlist .bee1-wl-btn.bee1-wl-in-list {
    background: #111 !important;
    color: #fff !important;
}

.bee1-ulg-wishlist .bee1-wl-btn .bee1-wl-icon {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    stroke: currentColor !important;
    fill: none !important;
}

.bee1-ulg-wishlist .bee1-wl-btn.bee1-wl-in-list .bee1-wl-icon {
    fill: currentColor !important;
}

/* Hide any text label inside the loop button */
.bee1-ulg-wishlist .bee1-wl-btn .bee1-wl-text {
    display: none !important;
}

/* ============================================================
   Wishlist on Single Product Page (SPP) Gallery
   ============================================================ */
.bee1-spe-spp-wishlist {
    display: block;
    margin-top: 10px;
}

/* ============================================================
   Wishlist on SPP Related Products
   ============================================================ */
.related ul.products li.product {
    position: relative !important;
}
.bee1-spe-related-wishlist {
    position: absolute !important;
    inset-block-start: 8px !important;
    inset-inline-end: 8px !important;
    z-index: 5 !important;
}

/* Shared button styling for SPP and related product wishlist icons */
.bee1-spe-spp-wishlist .bee1-wl-btn,
.bee1-spe-related-wishlist .bee1-wl-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.92) !important;
    color: #111 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.14) !important;
    cursor: pointer !important;
    transition: background 0.18s, color 0.18s !important;
}
.bee1-spe-spp-wishlist .bee1-wl-btn:hover,
.bee1-spe-spp-wishlist .bee1-wl-btn:focus,
.bee1-spe-spp-wishlist .bee1-wl-btn.bee1-wl-in-list,
.bee1-spe-related-wishlist .bee1-wl-btn:hover,
.bee1-spe-related-wishlist .bee1-wl-btn:focus,
.bee1-spe-related-wishlist .bee1-wl-btn.bee1-wl-in-list {
    background: #111 !important;
    color: #fff !important;
}
.bee1-spe-spp-wishlist .bee1-wl-icon,
.bee1-spe-related-wishlist .bee1-wl-icon {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    stroke: currentColor !important;
    fill: none !important;
}
.bee1-spe-spp-wishlist .bee1-wl-btn.bee1-wl-in-list .bee1-wl-icon,
.bee1-spe-related-wishlist .bee1-wl-btn.bee1-wl-in-list .bee1-wl-icon {
    fill: currentColor !important;
}
.bee1-spe-spp-wishlist .bee1-wl-btn .bee1-wl-text,
.bee1-spe-related-wishlist .bee1-wl-btn .bee1-wl-text {
    display: none !important;
}

a.bee1-wl-btn span.bee1-wl-text {
    display: none;
}

.bee1-wl-btn .bee1-wl-text,
.bee1-wl-btn span.bee1-wl-text {
    display: none !important;
}

/* Hide the plugin loop-button duplicate in related products (we use our own positioned one) */
.related .bee1-wl-btn-loop {
    display: none !important;
}

/* 0.2.1 - archives are full width (ULG layout_width_mode=full, 2026-09-26). ULG then drops the
   theme's article padding and only pads its own grid shell (here via the MU layout-fixes gutter,
   clamp(16px,3vw,48px)). The breadcrumb and the category title sit outside that shell, so give
   them the same gutter to keep them aligned with the cards instead of touching the screen edge. */
body.bee1-ulg-layout-full .inside-article > .entry-content > .woocommerce-breadcrumb,
body.bee1-ulg-layout-full .inside-article > .entry-content > .woocommerce-products-header,
body.bee1-ulg-layout-full .woocommerce-archive-wrapper .woocommerce-breadcrumb,
body.bee1-ulg-layout-full .woocommerce-archive-wrapper .woocommerce-products-header {
  padding-inline: clamp(16px, 3vw, 48px);
  box-sizing: border-box;
}

/* 0.2.5 - parent 0.4.1 pin: 0.2.11 zeroed list margins; keep the 0.2.7 RTL indent for text lists. */
ol, ul { margin: 0 3em 1.5em 0; }