/*
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-left: 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;
}

.sub-menu li.menu-item a {
    font-size: 1em;
}

svg.star-icon.star-filled {
    max-width: 20px;
    max-height: 20px;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: white;
}