/*
Theme Name: Fabricon
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: Starter theme with ACF PRO and template-parts
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Fabricon
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    direction: rtl;
    text-align: right;
}


/* עיצוב לטקסט עברי */
header ul[id*="menu-"] li a {
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
    direction: rtl;
    text-align: right;
    font-weight: 700;
    font-size: 1.3rem;
}

/* אנימציה לקו התחתון */
header ul[id*="menu-"] li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 50%;
    background-color: #497db7;
    transition: all 0.3s ease-in-out;
    transform: translateX(-50%);
}

header ul[id*="menu-"] li a:hover::after {
    width: 100%;
}

header ul[id*="menu-"] li.current-menu-item a::after,
header ul[id*="menu-"] li.current_page_item a::after {
    width: 100%;
}

/* עיצוב רספונסיבי */
@media (max-width: 1023px) {
    header ul[id*="menu-"] {
        @apply hidden;
    }
}

/* עיצוב למובייל (אם התפריט נפתח) */
@media (max-width: 1023px) {
    header ul[id*="menu-"].mobile-open {
        @apply flex flex-col gap-0 absolute top-full left-0 w-full bg-white shadow-lg border-t border-gray-200 z-50;
    }

    header ul[id*="menu-"].mobile-open li {
        @apply w-full border-b border-gray-100;
    }

    header ul[id*="menu-"].mobile-open li a {
        @apply block px-4 py-3 text-gray-700 hover:bg-gray-50 border-b-0 hover:border-b-0;
    }

    header ul[id*="menu-"].mobile-open li a::after {
        display: none;
    }
}

/* אפקטים נוספים */
header ul[id*="menu-"] li a {
    position: relative;
    overflow: hidden;
}

/* אפקט זוהר בהובר */
header ul[id*="menu-"] li a:hover {
    text-shadow: 0 0 8px rgba(59, 130, 246, 0.3);
}

/* עיצוב מיוחד לפריט הבית */
header ul[id*="menu-"] li.menu-item-home a {
    @apply font-bold;
}

/* עיצוב לפריטים עם תת-תפריטים (אם יש) */
header ul[id*="menu-"] li.menu-item-has-children>a::before {
    content: '▼';
    font-size: 10px;
    margin-right: 5px;
    transition: transform 0.3s ease;
}

header ul[id*="menu-"] li.menu-item-has-children:hover>a::before {
    transform: rotate(180deg);
}

.widget-title {
    width:50%;
}

.footer-widget-area {
    text-align: right;
}








@layer components {
    .header-section {
        @apply relative w-full h-screen overflow-hidden;
    }

    .hero-section {
        @apply relative w-full h-full;
    }

    .gallery-container {
        @apply relative w-full h-full;
    }

    .hero-swiper {
        @apply w-full h-full;
    }

    .slide-image {
        @apply w-full h-full object-cover block;
    }

    .single-header-image {
        @apply w-full h-full;
    }

    .hero-overlay {
        @apply absolute inset-0 flex items-center justify-center z-10 bg-cover bg-center;
    }

    .hero-overlay-dark {
        @apply absolute inset-0 flex items-center justify-center z-10 bg-black/40;
    }

    .hero-content {
        @apply text-center text-white max-w-4xl px-5;
    }

    .hero-title {
        @apply text-3xl md:text-5xl font-bold mb-4 drop-shadow-lg leading-tight;
    }

    .hero-subtitle {
        @apply text-lg md:text-2xl mb-8 drop-shadow-md;
    }

    .hero-button {
        @apply inline-block px-8 py-4 bg-blue-600 text-white no-underline rounded-lg text-lg font-bold transition-all duration-300 border-2 border-blue-600 hover:bg-transparent hover:text-white hover:border-white hover:-translate-y-1;
    }

    .swiper-pagination {
        bottom: 2rem !important;
    }

    .swiper-pagination-bullet {
        background: rgba(255, 255, 255, 0.5) !important;
        opacity: 1 !important;
        transition: all 0.3s ease !important;
        width: 12px !important;
        height: 12px !important;
    }

    .swiper-pagination-bullet-active {
        background: white !important;
        transform: scale(1.3) !important;
    }
}






/* סידור כללי של מוצר בודד */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    padding: 1rem;
    margin: 0.5rem;
    text-align: center;
}

/* תמונה של מוצר */
.woocommerce ul.products li.product img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* שם המוצר */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0.5rem 0;
}

/* מחיר */
.woocommerce ul.products li.product .price {
    font-size: 0.9rem;
    color: #444;
    margin-bottom: 0.5rem;
}

/* כפתור הוספה לעגלה */
.woocommerce ul.products li.product .button {
    background: #000;
    color: #fff;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    border: none;
    cursor: pointer;
    margin-top: auto;
    transition: background 0.3s;
}

.woocommerce ul.products li.product .button:hover {
    background: #333;
}

/* תצוגת מוצרים קשורים (related products) */
.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    padding: 0;
    list-style: none;
}

/* כל מוצר בתוך related */
.woocommerce .related.products ul.products li.product {
    flex: 1 1 200px;
    max-width: 240px;
}

article {
    display: flex;
    flex-direction: column;
    max-width: 96%;
    margin: 0 auto;
}


.article-content p {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #1f2937;
    /* text-gray-800 */
}

.article-content ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 1rem;
    margin-bottom: 1rem;
}

.article-content ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 1rem;
    margin-bottom: 1rem;
}

.article-content li {
    margin-bottom: 0.5rem;
}

.article-content h1 {
    font-size: 1.875rem;
    /* text-3xl */
    font-weight: 700;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #1f2937;
    /* text-gray-900 */
}

.article-content h2 {
    font-size: 1.5rem;
    /* text-2xl */
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    color: #1f2937;
}

.article-content h3 {
    font-size: 1.25rem;
    /* text-xl */
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    color: #1f2937;
    /* text-gray-800 */
}

.article-content h4 {
    font-size: 1.125rem;
    /* text-lg */
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    color: #374151;
    /* text-gray-700 */
}

.article-content strong {
    font-weight: 600;
    /* text-gray-900 */
}

.article-content span {
    color: #1f2937;
    /* text-gray-800 */
}

.article-content blockquote {
    border-left: 4px solid #d1d5db;
    /* border-gray-300 */
    padding-left: 1rem;
    font-style: italic;
    color: #6b7280;
    /* text-gray-500 */
    margin: 1rem 0;
}

.article-content a {
    color: #2563eb;
    /* text-blue-600 */
    text-decoration: underline;
}

.article-content img {
    max-width: 100%;
    margin: 1rem 0;
}

/* הסתרת תפריט משנה כברירת מחדל */
.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    right: -40%;
    top: 100%;
    background-color: white;
    z-index: 50;
    min-width: 200px;
    padding: 0.5rem 0;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
    text-align: right;
}

/* הצגת תפריט משנה כשעוברים עם עכבר */
header .menu-item-has-children:hover .sub-menu {
    display: block;
}
.review-content .gallery-image {
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    transition: transform 0.2s ease;
}

.review-content .gallery-image:hover {
    transform: scale(1.05);
}
/* סידור פריט הבן */
.sub-menu li a {
    display: block;
    padding: 0.5rem 1rem;
    color: #1f2937;
    text-decoration: none;
    transition: background 0.3s;
}

.sub-menu li a:hover {
    background-color: #f3f4f6;
}
li.menu-item {
    position: relative;
    direction: ltr;
}

.sub-menu li.menu-item a {
    font-size: 1em;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: #497db7 ;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #497db7;
    font-size: 1.25em;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: #000;
    color: #fff;
}
mark.count {
    background: none;
    display: none;
}
svg.star-icon.star-filled {
    max-width: 20px;
    max-height: 20px;
}
.woocommerce-product-gallery__image {
    display: flex
;
    align-items: center;
    justify-content: center;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: white;
}

.woocommerce-product-gallery {
    background: #ffffff !important;
}
/* WooCommerce Catalog – FIXED GRID (RTL) */
#primary.content-area {padding: 0;}
/* קונטיינר כללי (לא חובה) */
.woocommerce #primary.content-area {display: grid; margin:0 auto; padding:2rem 1rem; direction:rtl; }

/* 1) לבטל את ה-clearing של Woo שגורם ל"גוסט" items בגריד */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  content: none !important;
  display: none !important;
}

/* 2) לאפס רוחבים/float ברירת־מחדל (22%) של Woo */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  clear: none !important;
  list-style: none;
}

/* 3) להפוך את הרשימה לגריד רספונסיבי אמיתי */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 24px;
  padding: 0;
  margin: 0;
}

/* (אופציונלי) אם רוצים לכבד columns-X של Woo:
.woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.woocommerce ul.products.columns-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
.woocommerce ul.products.columns-6 { grid-template-columns: repeat(6, minmax(0,1fr)); } */

/* 4) כרטיס מוצר – עיצוב נקי */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 1rem;
  text-align: center;
  transition: box-shadow .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transform: translateY(-3px);
}
.woocommerce ul.products li.product img { max-width:100%; height:auto; margin-bottom:1rem; border-radius:4px; }
.woocommerce ul.products li.product h2 { font-size:16px; line-height:1.4; margin:0 0 .5rem; color:#333; font-weight:600; }
.woocommerce ul.products li.product .price { display:block; font-size:18px; font-weight:700; margin:.5rem 0 1rem; color:#111; }
.woocommerce ul.products li.product a.button {
  display:inline-block; background:#0073aa; color:#fff !important;
  padding:8px 14px; border-radius:4px; text-decoration:none; transition:background .2s ease;
}
.woocommerce ul.products li.product a.button:hover { background:#005f8d; }




/* עיצוב אזור הסיכום במוצר */
.summary.entry-summary {
  background: #fff;
  padding: 25px;
}
.woocommerce span.onsale {
    min-height: 3.236em;
    min-width: 3.236em;
    padding: .202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 2.7;
    top: -.5em;
    right: -.5em;
    margin: 0;
    border-radius: 100%;
    background-color: #0073aa;
    color: #fff;
    aspect-ratio: 1 / 1;
    font-size: .857em;
    z-index: 9;
}
/* כותרת המוצר */
.summary.entry-summary h1.product_title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #111827;
  line-height: 1.3;
}

/* מחיר */
.summary.entry-summary .price {
  font-size: 22px;
  margin-bottom: 25px;
}

.summary.entry-summary .price del {
  color: #9ca3af;
  margin-left: 8px;
  font-size: 18px;
}

.summary.entry-summary .price ins {
  color: #dc2626;
  font-weight: 700;
  text-decoration: none;
  background: #fee2e2;
  padding: 4px 10px;
  border-radius: 6px;
}

/* כמות */
.summary.entry-summary .quantity {
  display: inline-block;
  margin-bottom: 20px;
}

.summary.entry-summary .quantity input.qty {
  width: 70px;
  text-align: center;
  padding: 6px 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 16px;
}

/* כפתור הוספה לסל */
.summary.entry-summary .single_add_to_cart_button {
  display: inline-block;
  background: #1d4ed8;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 25px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-right: 10px;
}

.summary.entry-summary .single_add_to_cart_button:hover {
  background: #1e40af;
}

/* קטגוריה / מטא */
.summary.entry-summary .product_meta {
  margin-top: 25px;
  font-size: 15px;
  color: #374151;
}

.summary.entry-summary .product_meta a {
  color: #1d4ed8;
  text-decoration: none;
  font-weight: 500;
}

.summary.entry-summary .product_meta a:hover {
  text-decoration: underline;
}









/* עיצוב כללי */
.cf7-rtl {
  direction: rtl;
  text-align: right;
}

/* הגדרת גריד לטופס */
.cf7-rtl.wpcf7-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* כל <p> של שדה רגיל */
.cf7-rtl.wpcf7-form > p {
  margin: 0;
}

/* שדה הודעה תופס שורה מלאה */
.cf7-rtl.wpcf7-form > p textarea {
  grid-column: span 2;
  min-height: 140px;
  resize: vertical;
}

/* כפתור שליחה תופס שורה מלאה */
.cf7-rtl.wpcf7-form > p.text-center {
  grid-column: span 2;
}

/* קלטים וטקסט־אריאה */
.cf7-rtl input[type="text"],
.cf7-rtl input[type="tel"],
.cf7-rtl input[type="email"],
.cf7-rtl textarea {
  width: 100%;
  text-align: right;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.4;
  transition: border-color .3s ease, box-shadow .3s ease;
}

/* פוקוס */
.cf7-rtl input:focus,
.cf7-rtl textarea:focus {
  border-color: #497db7;
  box-shadow: 0 0 0 2px rgba(73,125,183,.2);
  outline: none;
}

/* כפתור */
.cf7-rtl .wpcf7-submit {
  background: #497db7;
  color: #fff;
  font-weight: 600;
  border: none;
  padding: 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: background .3s ease;
  width: 100%;
}

.cf7-rtl .wpcf7-submit:hover {
  background: #356095;
}

/* מובייל: טור אחד */
@media (max-width:640px) {
  .cf7-rtl.wpcf7-form {
    grid-template-columns: 1fr;
  }
  .cf7-rtl.wpcf7-form > p textarea,
  .cf7-rtl.wpcf7-form > p.text-center {
    grid-column: span 1;
  }
}