/* Theme Name: Bahur Books Theme URI: https://bahurbooks.webcom.co.il Author: Webcom Author URI: https://webcom.co.il Description: תבנית מותאמת אישית להוצאת ספרים איתי בחור - ספרים, אמנות ופרויקטים תרבותיים Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.7 Requires PHP: 8.0 License: Private Text Domain: bahurbooks Tags: rtl-language, woocommerce */ /* ======================== GLOBAL 12.5% SCALE ======================== Sets the root font-size to 18px (instead of browser default 16px). All rem-based Tailwind utilities (text-*, p-*, m-*, gap-*, space-*, etc.) automatically scale up by 12.5%. Note: Tailwind `screens` (px-based) are scaled separately in functions.php. ======================== */ html { font-size: 18px; } /* ======================== BASE RESET & DIRECTION ======================== */ /* direction is inherited from which language_attributes() sets per locale. אל תקבעו direction:rtl ידנית — זה ידרוס את LTR שמגיע ב-Polylang אנגלית. */ *, *::before, *::after { box-sizing: border-box; } body { margin: 0; } /* Semantic landmark — transparent wrapper; no layout side effects */ #main-content { display: block; margin: 0; padding: 0; } ::-webkit-scrollbar { display: none; } /* Tailwind utility override */ .shadow-lg { box-shadow: none !important; } /* ======================== TYPOGRAPHY ======================== */ body { font-family: 'Assistant', sans-serif; color: #1f2937; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { font-family: 'Karantina', sans-serif; } .title-font { font-family: 'Karantina', sans-serif; } /* שאלות בתוך רשימת FAQ (לא כותרת "שאלות נפוצות") */ h3.bahurbooks-faq-question { font-family: 'Assistant', sans-serif; font-size: 16px; margin-bottom: 0; font-weight: 700; line-height: 1.625; } /* מרווח בין פריטי FAQ — ~30% מ-space-y-6 + py-2 שהיו קודם */ .bahurbooks-faq-list > div { padding-top: 0.15rem; padding-bottom: 0.15rem; } .bahurbooks-faq-list > div + div { margin-top: 0.45rem; } /* כותרות עמודות "שאלות נפוצות" / "נושאים מרכזיים" — מרווח לתוכן מתחת */ h3.bahurbooks-faq-keytopics-heading { margin-bottom: 1rem; } /* תוכן מעוצב (תקציר מוצר, WYSIWYG) — איטליק/מודגש בתוך HTML. הערה: Tailwind CDN preflight מאפס margin של

, ולכן שתי פסקאות נדבקות זו לזו ונראות כשורה אחת בלי הפסק. מחזירים מרווח טבעי כאן. */ .bahurbooks-rich-text p { margin-bottom: 1em; } .bahurbooks-rich-text p:last-child { margin-bottom: 0; } /* פונט Assistant לא נטען עם וריאנט italic, ולכן Chrome/Safari עשויים להתעלם מהטיית-em ברירת-המחדל. font-synthesis מאפשר את הסינתזה, ו-font-style מחיל זאת מפורשות. */ .bahurbooks-rich-text em, .bahurbooks-rich-text i:not([class*="fa-"]) { font-style: italic; font-synthesis: style; } .bahurbooks-rich-text strong, .bahurbooks-rich-text b { font-weight: 700; } /* תוכן עשיר ממודולים (תוכן עניינים, הקדמה, קטע, מפתחות וכו'): Tailwind preflight מאפס margin/padding לרשימות וכותרות. החזרת default visual styling כדי שעיצוב מתוך TinyMCE יתבטא. */ .bahurbooks-rich-text h1, .bahurbooks-rich-text h2, .bahurbooks-rich-text h3, .bahurbooks-rich-text h4, .bahurbooks-rich-text h5, .bahurbooks-rich-text h6 { font-weight: 700; line-height: 1.3; margin: 1em 0 0.5em; } .bahurbooks-rich-text h1 { font-size: 1.875em; } .bahurbooks-rich-text h2 { font-size: 1.5em; } .bahurbooks-rich-text h3 { font-size: 1.25em; } .bahurbooks-rich-text h4 { font-size: 1.2em; } .bahurbooks-rich-text ul, .bahurbooks-rich-text ol { margin: 0.5em 0 1em; padding-inline-start: 1.5em; } .bahurbooks-rich-text ul { list-style: disc; } .bahurbooks-rich-text ol { list-style: decimal; } .bahurbooks-rich-text li { margin-bottom: 0.25em; } .bahurbooks-rich-text blockquote { padding-inline-start: 1em; margin: 1em 0; font-style: normal; } html.bahur-lang-en .bahurbooks-rich-text blockquote { font-style: italic; font-synthesis: style; } .bahurbooks-rich-text a { color: #1d4ed8; text-decoration: underline; } .bahurbooks-rich-text [style*="text-align: center"] { text-align: center !important; } .bahurbooks-rich-text [style*="text-align: left"] { text-align: left !important; } .bahurbooks-rich-text [style*="text-align: right"] { text-align: right !important; } .bahurbooks-rich-text [style*="text-align: justify"]{ text-align: justify !important; } /* Float / יישור תמונה מ-TinyMCE (alignleft|alignright) או style="float: …" Tailwind preflight נותן ל-img max-width:100% — שובר עטיפת טקסט סביב תמונה מרחפת. */ .bahurbooks-rich-text .alignleft, .bahurbooks-rich-text img.alignleft, .bahurbooks-rich-text figure.alignleft, .bahurbooks-rich-text .wp-block-image.alignleft { float: left; margin: 0.25em 1.25em 1em 0; } .bahurbooks-rich-text .alignright, .bahurbooks-rich-text img.alignright, .bahurbooks-rich-text figure.alignright, .bahurbooks-rich-text .wp-block-image.alignright { float: right; margin: 0.25em 0 1em 1.25em; } .bahurbooks-rich-text .aligncenter, .bahurbooks-rich-text img.aligncenter, .bahurbooks-rich-text figure.aligncenter, .bahurbooks-rich-text .wp-block-image.aligncenter { display: block; float: none; margin-left: auto; margin-right: auto; clear: both; } .bahurbooks-rich-text [style*="float: left"], .bahurbooks-rich-text [style*="float:left"] { float: left !important; margin: 0.25em 1.25em 1em 0; } .bahurbooks-rich-text [style*="float: right"], .bahurbooks-rich-text [style*="float:right"] { float: right !important; margin: 0.25em 0 1em 1.25em; } .bahurbooks-rich-text img.alignleft, .bahurbooks-rich-text img.alignright, .bahurbooks-rich-text figure.alignleft img, .bahurbooks-rich-text figure.alignright img, .bahurbooks-rich-text .alignleft img, .bahurbooks-rich-text .alignright img, .bahurbooks-rich-text img[style*="float:"] { max-width: min(100%, 420px); width: auto; height: auto; } .bahurbooks-rich-text::after { content: ""; display: table; clear: both; } /* כיוון טקסט מ-TinyMCE (dir=ltr|rtl) בתוך תוכן מעורב */ .bahurbooks-rich-text [dir="ltr"] { direction: ltr; unicode-bidi: isolate; text-align: left; } .bahurbooks-rich-text [dir="rtl"] { direction: rtl; unicode-bidi: isolate; text-align: right; } /* תבנית "תוכן פשוט" — כותרות H2–H5 מוגדלות (page-simple-content.php) */ .bahurbooks-simple-content .bahurbooks-rich-text h2, .bahurbooks-simple-content .bahurbooks-rich-text h3, .bahurbooks-simple-content .bahurbooks-rich-text h4, .bahurbooks-simple-content .bahurbooks-rich-text h5 { line-height: 1.5; margin: 1.35em 0 0.75em; } .bahurbooks-simple-content .bahurbooks-rich-text h2 { font-size: 35px; line-height: 0; } .bahurbooks-simple-content .bahurbooks-rich-text h3 { font-size: 33px; } .bahurbooks-simple-content .bahurbooks-rich-text h4 { font-size: 29px; } .bahurbooks-simple-content .bahurbooks-rich-text h5 { font-size: 26px; } .bahurbooks-simple-content .bahurbooks-rich-text a { color: #000; } /* הערה (2026-05-24): הוסר שכבת ה-`--bb-type-scale` (+18.5%) שהייתה על כל ה-.text-* utilities. כעת רק ה-12.5% scale של html{font-size:18px} פעיל — Tailwind text-xs יוצא 0.75rem * 18px = 13.5px במקום 16px, text-base = 18px במקום ~21.3px, וכן הלאה. כדי לשחזר את הסקייל הקודם ב-+33% יש להחזיר את הבלוק שנמחק (ראה git history של style.css). */ /* Arrows, list bullets, qty +/- — keep small icon size regardless of context */ i.fa-chevron-left, i.fa-chevron-right, i.fa-chevron-down, i.fa-circle, i.fa-minus, i.fa-plus { font-size: 0.75rem !important; } i.fa-chevron-down.text-sm { font-size: 0.875rem !important; } /* ======================== COLORS ======================== */ :root { --bahur-gray: #6B7280; --bahur-blue: #374151; --bahur-dark-gray: #374151; --bahur-light-gray: #F3F4F6; --brand-accent: #000000; --brand-dark: #1f2937; --brand-gray: #6b7280; } /* ======================== WOOCOMMERCE OVERRIDES ======================== */ .woocommerce-notices-wrapper { display: none; } .wc-block-components-notice-banner, .woocommerce-message, .woocommerce-info, .woocommerce-error { font-family: 'Assistant', sans-serif; } /* יישור הודעות WC לפי כיוון העמוד */ html[dir="rtl"] .wc-block-components-notice-banner, html[dir="rtl"] .woocommerce-message, html[dir="rtl"] .woocommerce-info, html[dir="rtl"] .woocommerce-error, html[dir="rtl"] .woocommerce-cart table.cart, html[dir="rtl"] .woocommerce-checkout form.checkout { text-align: right; } html[dir="ltr"] .wc-block-components-notice-banner, html[dir="ltr"] .woocommerce-message, html[dir="ltr"] .woocommerce-info, html[dir="ltr"] .woocommerce-error, html[dir="ltr"] .woocommerce-cart table.cart, html[dir="ltr"] .woocommerce-checkout form.checkout { text-align: left; } /* ======================== WC BLOCKS — Checkout & Cart font sizes (WCAG 2.0 AA readability) WooCommerce Blocks defaults ~11–13px for order summary, labels, totals, payment/shipping options — below readable body minimum (16px). SC 1.4.4 (resize) + SC 3.3.2 (labels/instructions) + practical readability. Uses px (not em) so nested em chains cannot shrink text again. ======================== */ body.woocommerce-checkout .wc-block-checkout, body.woocommerce-cart .wc-block-cart, .wc-block-checkout, .wc-block-cart { font-size: 16px !important; line-height: 1.5; } body.woocommerce-checkout .wc-block-checkout [class*="wc-block-components-"], body.woocommerce-cart .wc-block-cart [class*="wc-block-components-"], .wc-block-checkout [class*="wc-block-components-"], .wc-block-cart [class*="wc-block-components-"] { font-size: 16px !important; line-height: 1.5 !important; margin-top: 7px !important; } body.woocommerce-checkout .wc-block-checkout .wc-block-components-checkout-step__title, .wc-block-checkout .wc-block-components-checkout-step__title { font-size: 20px !important; line-height: 1.4 !important; } body.woocommerce-checkout .wc-block-checkout .wc-block-components-express-payment__title, body.woocommerce-checkout .wc-block-checkout .wc-block-components-checkout-order-summary__title, body.woocommerce-cart .wc-block-cart .wc-block-cart__totals-title, .wc-block-checkout .wc-block-components-express-payment__title, .wc-block-checkout .wc-block-components-checkout-order-summary__title, .wc-block-cart .wc-block-cart__totals-title { font-size: 18px !important; line-height: 1.4 !important; } body.woocommerce-checkout .wc-block-checkout .wc-block-components-product-name, .wc-block-checkout .wc-block-components-product-name { font-size: 16px !important; font-weight: 600; } body.woocommerce-checkout .wc-block-checkout .wc-block-components-product-details, body.woocommerce-checkout .wc-block-checkout .wc-block-components-product-details__name, body.woocommerce-checkout .wc-block-checkout .wc-block-components-product-details__value, body.woocommerce-checkout .wc-block-checkout .wc-block-components-product-metadata, body.woocommerce-checkout .wc-block-checkout .wc-block-components-product-metadata__description, .wc-block-checkout .wc-block-components-product-details, .wc-block-checkout .wc-block-components-product-details__name, .wc-block-checkout .wc-block-components-product-details__value, .wc-block-checkout .wc-block-components-product-metadata, .wc-block-checkout .wc-block-components-product-metadata__description { font-size: 16px !important; line-height: 1.5 !important; } body.woocommerce-checkout .wc-block-checkout label, body.woocommerce-checkout .wc-block-checkout .wc-block-components-checkbox__label, body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__terms, body.woocommerce-cart .wc-block-cart label, .wc-block-checkout label, .wc-block-checkout .wc-block-components-checkbox__label, .wc-block-checkout .wc-block-checkout__terms { font-size: 16px !important; line-height: 1.5 !important; } body.woocommerce-checkout .wc-block-checkout .wc-block-components-button, body.woocommerce-cart .wc-block-cart .wc-block-components-button, .wc-block-checkout .wc-block-components-button, .wc-block-cart .wc-block-components-button { font-size: 16px !important; line-height: 1.4 !important; } body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input textarea, body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input select, body.woocommerce-checkout .wc-block-checkout .wc-block-components-combobox input, body.woocommerce-cart .wc-block-cart .wc-block-components-text-input input, body.woocommerce-cart .wc-block-cart .wc-block-components-text-input textarea, body.woocommerce-cart .wc-block-cart .wc-block-components-text-input select, .wc-block-checkout .wc-block-components-text-input input, .wc-block-checkout .wc-block-components-text-input textarea, .wc-block-checkout .wc-block-components-text-input select, .wc-block-checkout .wc-block-components-combobox input, .wc-block-cart .wc-block-components-text-input input, .wc-block-cart .wc-block-components-text-input textarea, .wc-block-cart .wc-block-components-text-input select { font-size: 16px !important; line-height: 1.5 !important; } body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input label, body.woocommerce-cart .wc-block-cart .wc-block-components-text-input label, body.woocommerce-checkout .wc-block-checkout .wc-blocks-components-select__label, body.woocommerce-cart .wc-block-cart .wc-blocks-components-select__label, .wc-block-checkout .wc-block-components-text-input label, .wc-block-cart .wc-block-components-text-input label, .wc-block-checkout .wc-blocks-components-select__label, .wc-block-cart .wc-blocks-components-select__label { font-size: 16px !important; } body.woocommerce-checkout .wc-block-checkout .wc-block-components-formatted-money-amount, body.woocommerce-checkout .wc-block-checkout .wc-block-components-totals-item__label, body.woocommerce-checkout .wc-block-checkout .wc-block-components-totals-item__value, body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__label, body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__description, body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__secondary-label, body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__secondary-description, body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-card, body.woocommerce-checkout .wc-block-checkout .wc-block-components-payment-method-label, body.woocommerce-checkout .wc-block-checkout .wc-block-components-checkout-return-to-cart-button, body.woocommerce-checkout .wc-block-checkout .wc-block-checkout__actions_row, body.woocommerce-checkout .wc-block-checkout [class*="wp-block-woocommerce-checkout"], body.woocommerce-checkout .wc-block-checkout .wc-block-components-order-summary-item__description p, body.woocommerce-checkout .wc-block-checkout .wc-block-components-product-metadata p, .wc-block-checkout .wc-block-components-formatted-money-amount, .wc-block-checkout .wc-block-components-totals-item__label, .wc-block-checkout .wc-block-components-totals-item__value, .wc-block-checkout .wc-block-components-radio-control__label, .wc-block-checkout .wc-block-components-radio-control__description, .wc-block-checkout .wc-block-components-radio-control__secondary-label, .wc-block-checkout .wc-block-components-radio-control__secondary-description, .wc-block-checkout .wc-block-components-address-card, .wc-block-checkout .wc-block-components-payment-method-label, .wc-block-checkout .wc-block-components-checkout-return-to-cart-button, .wc-block-checkout .wc-block-checkout__actions_row, .wc-block-checkout [class*="wp-block-woocommerce-checkout"], .wc-block-checkout .wc-block-components-order-summary-item__description p, .wc-block-checkout .wc-block-components-product-metadata p { font-size: 16px !important; line-height: 1.5 !important; } /* Icons inside WC blocks — keep proportional, not body-sized */ .wc-block-checkout i[class*="fa-"], .wc-block-cart i[class*="fa-"] { font-size: 14px !important; line-height: 1 !important; } /* Underline links in checkout terms & privacy notice (both languages, RTL+LTR) */ .wc-block-checkout__terms a, .wc-block-checkout__terms-wrapper a, .wc-block-components-checkbox__label a, .wc-block-checkout .wc-block-components-form .wc-block-checkout__terms a { text-decoration: underline !important; text-underline-offset: 2px; } /* Classic checkout/cart fallback (if blocks are disabled) */ .woocommerce-checkout form.checkout, .woocommerce-cart .woocommerce { font-size: 16px; line-height: 1.5; } .woocommerce-checkout form.checkout label, .woocommerce-checkout form.checkout input, .woocommerce-checkout form.checkout select, .woocommerce-checkout form.checkout textarea, .woocommerce-cart table.cart, .woocommerce-cart .cart_totals { font-size: 16px; line-height: 1.5; } /* טפסים — אנגלית בלבד: labels, טקסט בשדות ומיקום סמן מיושרים לשמאל (bahur-lang-* על body, לא על html) */ body.bahur-lang-en form label, body.bahur-dir-ltr form label, html[dir="ltr"] form label { text-align: left !important; } body.bahur-lang-en form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="image"]), body.bahur-lang-en form textarea, body.bahur-lang-en form select, body.bahur-dir-ltr form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="image"]), body.bahur-dir-ltr form textarea, body.bahur-dir-ltr form select, html[dir="ltr"] form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="image"]), html[dir="ltr"] form textarea, html[dir="ltr"] form select { text-align: left !important; direction: ltr !important; } /* מודאל יצירת קשר — עברית: ימין */ body.bahur-lang-he #as-contact-modal .as-cf7-wrap[dir="rtl"] label, #as-contact-modal .as-cf7-wrap[dir="rtl"] label { text-align: right; } body.bahur-lang-he #as-contact-modal .as-cf7-wrap[dir="rtl"] input:not([type="submit"]):not([type="hidden"]), body.bahur-lang-he #as-contact-modal .as-cf7-wrap[dir="rtl"] textarea, #as-contact-modal .as-cf7-wrap[dir="rtl"] input.as-cf7-input, #as-contact-modal .as-cf7-wrap[dir="rtl"] textarea.as-cf7-input, #as-contact-modal .as-cf7-wrap[dir="rtl"] input:not([type="submit"]):not([type="hidden"]), #as-contact-modal .as-cf7-wrap[dir="rtl"] textarea { text-align: right; direction: rtl; } body.bahur-lang-he #as-contact-modal .as-cf7-wrap[dir="rtl"] .wpcf7-not-valid-tip, #as-contact-modal .as-cf7-wrap[dir="rtl"] .wpcf7-not-valid-tip { text-align: right; } /* מודאל יצירת קשר — אנגלית: שמאל */ body.bahur-lang-en #as-contact-modal .as-cf7-wrap[dir="ltr"] label, body.bahur-lang-en #as-contact-modal #as-contact-form label, body.bahur-dir-ltr #as-contact-modal .as-cf7-wrap[dir="ltr"] label, body.bahur-dir-ltr #as-contact-modal #as-contact-form label, #as-contact-modal .as-cf7-wrap[dir="ltr"] label, #as-contact-modal #as-contact-form label { text-align: left !important; } body.bahur-lang-en #as-contact-modal .as-cf7-wrap[dir="ltr"] input:not([type="submit"]):not([type="hidden"]), body.bahur-lang-en #as-contact-modal .as-cf7-wrap[dir="ltr"] textarea, body.bahur-lang-en #as-contact-modal #as-contact-form input:not([type="hidden"]), body.bahur-lang-en #as-contact-modal #as-contact-form textarea, body.bahur-dir-ltr #as-contact-modal .as-cf7-wrap[dir="ltr"] input:not([type="submit"]):not([type="hidden"]), body.bahur-dir-ltr #as-contact-modal .as-cf7-wrap[dir="ltr"] textarea, body.bahur-dir-ltr #as-contact-modal #as-contact-form input:not([type="hidden"]), body.bahur-dir-ltr #as-contact-modal #as-contact-form textarea, #as-contact-modal .as-cf7-wrap[dir="ltr"] input.as-cf7-input, #as-contact-modal .as-cf7-wrap[dir="ltr"] textarea.as-cf7-input, #as-contact-modal .as-cf7-wrap[dir="ltr"] input:not([type="submit"]):not([type="hidden"]), #as-contact-modal .as-cf7-wrap[dir="ltr"] textarea, #as-contact-modal #as-contact-form input:not([type="hidden"]), #as-contact-modal #as-contact-form textarea { text-align: left !important; direction: ltr !important; } body.bahur-lang-en #as-contact-modal .as-cf7-wrap[dir="ltr"] .wpcf7-not-valid-tip, body.bahur-lang-en #as-contact-modal #as-contact-form .wpcf7-not-valid-tip, body.bahur-dir-ltr #as-contact-modal .as-cf7-wrap[dir="ltr"] .wpcf7-not-valid-tip, #as-contact-modal .as-cf7-wrap[dir="ltr"] .wpcf7-not-valid-tip { text-align: left !important; } /* Remove WC default styles that conflict */ .woocommerce .quantity input[type=number] { -moz-appearance: textfield; } .woocommerce .quantity input::-webkit-inner-spin-button, .woocommerce .quantity input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* ======================== SLIDER ======================== */ #hero-slider { --slider-strip-height: auto; --slider-meta-min: 0; height: auto; } @media (min-width: 1024px) { #hero-slider { --slider-strip-height: 520px; --slider-meta-min: 13rem; height: calc(var(--slider-strip-height) + var(--slider-meta-min) + 20px); } } /* !important: Tailwind utility .grid על אותו אלמנט דורס display:none */ #hero-slider #slider-container > .slider-slide { display: none !important; width: 100%; height: auto; } #hero-slider #slider-container > .slider-slide.active { display: grid !important; grid-template-rows: auto auto; width: 100%; height: auto; } @media (min-width: 1024px) { #hero-slider #slider-container > .slider-slide { height: 100%; } #hero-slider #slider-container > .slider-slide.active { grid-template-rows: var(--slider-strip-height) minmax(var(--slider-meta-min), auto); height: 100%; } } #hero-slider .slider-strip { height: auto; overflow: visible; } @media (min-width: 1024px) { #hero-slider .slider-strip { min-height: 0; height: 100%; overflow: hidden; } } /* Mobile: תמונה מעל, טקסט מתחת בתוך הסטריפ */ @media (max-width: 1023px) { #hero-slider .slider-strip-inner { flex-direction: column; align-items: center; } #hero-slider .slider-strip-image-wrap { order: 1; width: 100%; display: flex; justify-content: center; } #hero-slider .slider-slide-copy { order: 2; width: 100%; } #hero-slider .slider-strip-image { max-height: 12rem; width: auto; margin: 0 auto; } } #hero-slider .slider-strip-image { max-height: 12rem; } @media (min-width: 1024px) { #hero-slider .slider-strip-image { max-height: min(calc(var(--slider-strip-height) - 4rem), 28rem); } } #hero-slider .slider-meta { margin-top: 20px; padding-top: 1rem; } @media (min-width: 1024px) { #hero-slider .slider-meta { padding-top: 0.75rem; } } #hero-slider .slider-meta-inner .slider-product-title { margin-top: 0; } #slider-prev, #slider-next { background: none; box-shadow: none; padding: 0; } #slider-prev:hover, #slider-next:hover { background: none; } #slider-prev i.fa-chevron-right, #slider-next i.fa-chevron-left { font-size: 1.5rem !important; } /* Book product gallery — main image prev/next (no pill bg; 1.5× default chevron size) */ #main-image-prev, #main-image-next { background: none; box-shadow: none; border: none; padding: 0; width: auto; height: auto; } #main-image-prev:hover, #main-image-next:hover { background: none; } #main-image-prev i.fa-chevron-right, #main-image-next i.fa-chevron-left { font-size: 1.125rem !important; } /* סליידר — אנגלית: יישור טקסט לשמאל (גם תוכן WYSIWYG עם dir=rtl מהעורך) */ html.bahur-lang-en #hero-slider .slider-slide-copy, html[dir="ltr"] #hero-slider .slider-slide-copy { text-align: left !important; direction: ltr; } html.bahur-lang-en #hero-slider .slider-slide-copy .bahurbooks-rich-text, html.bahur-lang-en #hero-slider .slider-slide-copy .bahurbooks-rich-text p, html[dir="ltr"] #hero-slider .slider-slide-copy .bahurbooks-rich-text, html[dir="ltr"] #hero-slider .slider-slide-copy .bahurbooks-rich-text p { text-align: left !important; } html.bahur-lang-en #hero-slider .slider-slide-copy .bahurbooks-rich-text [dir="rtl"], html[dir="ltr"] #hero-slider .slider-slide-copy .bahurbooks-rich-text [dir="rtl"] { direction: ltr; text-align: left !important; } /* סליידר — כותרת מוצר מתחת לשקופית, אנגלית בלבד: Karantina בלטינית גבוהה ב-line-box */ body.bahur-lang-en #hero-slider .slider-product-title, html[dir="ltr"] #hero-slider .slider-product-title { line-height: 1.12; padding-top: 1.2rem; } /* ======================== REVIEW QUOTE (product) ======================== */ .bahur-review-quote-source { margin-top: 0.25rem; } /* ======================== THUMBNAIL GALLERY ======================== */ .thumbnail-item { cursor: pointer; } .thumbnail-item.active { border-color: var(--brand-accent) !important; } #thumbnail-gallery .object-cover { object-fit: contain; } /* עמוד מוצר: text-sm = 16px (במקום 15.75px מה-scale של html) */ .single-product .max-w-screen-xl.mx-auto.px-8 .text-sm { font-size: 16px; } /* ======================== MODALS ======================== */ .bahur-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.75); z-index: 9999; align-items: center; justify-content: center; } .bahur-modal.open { display: flex; } /* ======================== MEGA MENU ======================== */ .mega-menu-wrapper:hover .mega-menu-dropdown { opacity: 1 !important; visibility: visible !important; } /* English LTR: dropdown under parent (Hebrew keeps right-0 in nav-menu.php) */ .bahur-lang-en .mega-menu-wrapper .mega-menu-dropdown { left: 0; right: auto; } /* Header search — icon button + click dropdown */ .header-search-dropdown { opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; } .header-search-wrapper.is-open .header-search-dropdown { opacity: 1; visibility: visible; } .header-search-toggle:focus-visible { outline: 2px solid var(--bahur-blue); outline-offset: 2px; } .header-search-wrapper.is-open .header-search-toggle { color: var(--bahur-blue); border-color: var(--bahur-blue); } #header-search form[role="search"] button[type="submit"] { transition: opacity 0.15s ease, visibility 0.15s ease; } #header-search form[role="search"].has-value button[type="submit"] { opacity: 0; visibility: hidden; pointer-events: none; } /* English: LTR input; magnifier position set in PHP (`right-3`) + backup below */ body.bahur-lang-en #header-search form[role="search"] input[type="search"] { text-align: left; direction: ltr; } @keyframes bb-cart-count-pulse { 0% { transform: scale(1); } 35% { transform: scale(1.35); background-color: #111827; } 100% { transform: scale(1); } } #header .cart-count.cart-count--pulse { animation: bb-cart-count-pulse 0.65s ease; } @media (prefers-reduced-motion: reduce) { #header .cart-count.cart-count--pulse { animation: none; outline: 2px solid var(--bahur-blue); outline-offset: 1px; } } /* Header currency switcher — square trigger + symbol-only dropdown */ #header-actions .bb-currency-switcher { position: relative; display: inline-flex; gap: 0; border: none; border-radius: 0; padding: 0; background: transparent; } #header-actions .bb-currency-switcher .bb-cur-btn { width: 1.5rem; height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d1d5db; border-radius: 0; background: #fff; color: var(--bahur-gray); font-size: 0; line-height: 1; padding: 0; transition: color 0.2s ease, border-color 0.2s ease; } #header-actions .bb-currency-switcher .bb-cur-btn::before { font-size: 1.125rem; line-height: 1; color: currentColor; } #header-actions .bb-currency-switcher .bb-cur-btn[data-currency="ILS"]::before { content: "₪"; } #header-actions .bb-currency-switcher .bb-cur-btn[data-currency="USD"]::before { content: "$"; } #header-actions .bb-currency-switcher .bb-cur-btn[data-currency="EUR"]::before { content: "€"; } #header-actions .bb-currency-switcher .bb-cur-btn.is-active { background: #fff; color: var(--bahur-gray); font-weight: 400; } #header-actions .bb-currency-switcher .bb-cur-btn.is-active:hover, #header-actions .bb-currency-switcher.is-open .bb-cur-btn.is-active { color: var(--bahur-blue); border-color: var(--bahur-blue); } #header-actions .bb-currency-switcher:not(.is-open) .bb-cur-btn:not(.is-active) { display: none; } #header-actions .bb-currency-switcher.is-open .bb-cur-btn:not(.is-active) { position: absolute; top: calc(100% + 0.25rem); left: 0; right: 0; z-index: 50; background: #fff; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } #header-actions .bb-currency-switcher.is-open .bb-cur-btn:not(.is-active):hover { background: #fff; color: var(--bahur-blue); border-color: var(--bahur-blue); } #header-actions .bb-currency-switcher .bb-cur-btn:focus-visible { outline: 2px solid var(--bahur-blue); outline-offset: 2px; } /* Hebrew: tighter gap between top-level nav items (1.5rem vs Tailwind gap-8 = 2rem) */ .bahur-lang-he #main-navigation { gap: 1.5rem; } /* English only: top-level main nav — 16px instead of inherited 18px */ .bahur-lang-en #main-navigation > a, .bahur-lang-en #main-navigation > .mega-menu-wrapper > a { font-size: 16px; } /* English LTR: gap between dropdown label and chevron (Hebrew uses mr-2 on icon in RTL) */ .bahur-lang-en #main-navigation .mega-menu-wrapper > a .fa-chevron-down { margin-right: 0; margin-left: 5px; } .bahur-lang-en #mobile-menu nav { font-size: 16px; } /* ======================== EDITION SELECTOR ======================== */ #size-selector { display: none; } #size-selector.visible { display: block; } /* ======================== FOOTER — column titles ======================== */ #footer .bahur-footer-col-title { font-size: 1.125rem; font-weight: 500; letter-spacing: 0.035em; line-height: 1.35; } /* ======================== SCROLL TO TOP ======================== */ .bahur-scroll-to-top { position: fixed; bottom: 1.5rem; left: 1.5rem; right: auto; z-index: 9990; display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 1px solid #d1d5db; border-radius: 2px; background: #fff; color: var(--bahur-blue); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12); cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; } .bahur-scroll-to-top:hover { background: var(--bahur-blue); color: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18); } .bahur-scroll-to-top:focus-visible { outline: 2px solid var(--bahur-blue); outline-offset: 2px; } body.bahur-lang-en .bahur-scroll-to-top { left: auto; right: 1.5rem; } /* ======================== MOBILE MENU ======================== */ #mobile-menu { display: none; position: fixed; inset: 0; background: white; z-index: 9998; overflow-y: auto; padding: 2rem; } #mobile-menu.open { display: block; } /* ============================================================================ LTR (ENGLISH) DIRECTION-AWARE OVERRIDES ============================================================================ רוב התבניות נכתבו בעברית עם Tailwind utilities שאינן "logical": text-right, border-r-*, pr-*, mr-*, ml-*, space-x-reverse, ובאיקונים: fa-chevron-left / fa-arrow-left משמשים כ"קדימה" (RTL). כשהדף נטען בשפה אנגלית, Polylang מחליף את ה-locale וה- מקבל dir="ltr" אוטומטית דרך language_attributes(). הבלוק הזה הופך את כל ה-utilities הפיזיים ל"לוגיים" כך שטקסט מיושר LEFT, פדינג/מרג'ין/בורדר עוברים לצד הנכון, והאיקונים מצביעים לכיוון הנכון. בעברית (RTL — ברירת מחדל) הקוד הזה לא מתפעל; הכל ממשיך לעבוד כמו שעבד. */ /* Text alignment — flip end↔start */ html[dir="ltr"] .text-right { text-align: left !important; } html[dir="ltr"] .text-left { text-align: right !important; } /* טפסים באנגלית: text-left אמיתי (לא mirror לימין) */ body.bahur-lang-en form .text-left, body.bahur-dir-ltr form .text-left, html[dir="ltr"] form .text-left { text-align: left !important; } body.bahur-lang-en form .text-right, body.bahur-dir-ltr form .text-right, html[dir="ltr"] form .text-right { text-align: left !important; } /* Border side flips */ html[dir="ltr"] .border-r, html[dir="ltr"] .border-r-2, html[dir="ltr"] .border-r-4, html[dir="ltr"] .border-r-8 { border-right-width: 0 !important; } html[dir="ltr"] .border-r { border-left-width: 1px !important; } html[dir="ltr"] .border-r-2 { border-left-width: 2px !important; } html[dir="ltr"] .border-r-4 { border-left-width: 4px !important; } html[dir="ltr"] .border-r-8 { border-left-width: 8px !important; } html[dir="ltr"] .border-l, html[dir="ltr"] .border-l-2, html[dir="ltr"] .border-l-4, html[dir="ltr"] .border-l-8 { border-left-width: 0 !important; } html[dir="ltr"] .border-l { border-right-width: 1px !important; } html[dir="ltr"] .border-l-2 { border-right-width: 2px !important; } html[dir="ltr"] .border-l-4 { border-right-width: 4px !important; } html[dir="ltr"] .border-l-8 { border-right-width: 8px !important; } /* Padding side flips (pr-* ↔ pl-*) */ html[dir="ltr"] .pr-1 { padding-right: 0 !important; padding-left: 0.25rem !important; } html[dir="ltr"] .pr-2 { padding-right: 0 !important; padding-left: 0.5rem !important; } html[dir="ltr"] .pr-3 { padding-right: 0 !important; padding-left: 0.75rem !important; } html[dir="ltr"] .pr-4 { padding-right: 0 !important; padding-left: 1rem !important; } html[dir="ltr"] .pr-6 { padding-right: 0 !important; padding-left: 1.5rem !important; } html[dir="ltr"] .pr-8 { padding-right: 0 !important; padding-left: 2rem !important; } html[dir="ltr"] .pr-10 { padding-right: 0 !important; padding-left: 2.5rem !important; } html[dir="ltr"] .pr-12 { padding-right: 0 !important; padding-left: 3rem !important; } html[dir="ltr"] .pl-1 { padding-left: 0 !important; padding-right: 0.25rem !important; } html[dir="ltr"] .pl-2 { padding-left: 0 !important; padding-right: 0.5rem !important; } html[dir="ltr"] .pl-3 { padding-left: 0 !important; padding-right: 0.75rem !important; } html[dir="ltr"] .pl-4 { padding-left: 0 !important; padding-right: 1rem !important; } html[dir="ltr"] .pl-6 { padding-left: 0 !important; padding-right: 1.5rem !important; } html[dir="ltr"] .pl-8 { padding-left: 0 !important; padding-right: 2rem !important; } html[dir="ltr"] .pl-10 { padding-left: 0 !important; padding-right: 2.5rem !important; } html[dir="ltr"] .pl-12 { padding-left: 0 !important; padding-right: 3rem !important; } /* Margin side flips (mr-* ↔ ml-*) */ html[dir="ltr"] .mr-1 { margin-right: 0 !important; margin-left: 0.25rem !important; } html[dir="ltr"] .mr-2 { margin-right: 0 !important; margin-left: 0.5rem !important; } html[dir="ltr"] .mr-3 { margin-right: 0 !important; margin-left: 0.75rem !important; } html[dir="ltr"] .mr-4 { margin-right: 0 !important; margin-left: 1rem !important; } html[dir="ltr"] .mr-6 { margin-right: 0 !important; margin-left: 1.5rem !important; } html[dir="ltr"] .mr-8 { margin-right: 0 !important; margin-left: 2rem !important; } html[dir="ltr"] .mr-10 { margin-right: 0 !important; margin-left: 2.5rem !important; } html[dir="ltr"] .mr-12 { margin-right: 0 !important; margin-left: 3rem !important; } html[dir="ltr"] .ml-1 { margin-left: 0 !important; margin-right: 0.25rem !important; } html[dir="ltr"] .ml-2 { margin-left: 0 !important; margin-right: 0.5rem !important; } html[dir="ltr"] .ml-3 { margin-left: 0 !important; margin-right: 0.75rem !important; } html[dir="ltr"] .ml-4 { margin-left: 0 !important; margin-right: 1rem !important; } html[dir="ltr"] .ml-6 { margin-left: 0 !important; margin-right: 1.5rem !important; } html[dir="ltr"] .ml-8 { margin-left: 0 !important; margin-right: 2rem !important; } html[dir="ltr"] .ml-10 { margin-left: 0 !important; margin-right: 2.5rem !important; } html[dir="ltr"] .ml-12 { margin-left: 0 !important; margin-right: 3rem !important; } /* הערה: לא מהפכים אוטומטית `left-*` / `right-*` של מיקום אבסולוטי — מיקומי badge/icon רגילים (cart counter ב-`top-right`) צריכים להישאר זהים בעברית ובאנגלית. אם נדרשת התאמה ספציפית, יש להוסיף כלל ייעודי. */ /* space-x-reverse: ב-LTR לבטל את ה-reverse כדי שמרווחים יוצגו בכיוון נכון */ html[dir="ltr"] .space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; } /* ============================================================ הסתרת תג "שמור את" (Sale Badge) בבלוקי העגלה וה-Checkout נוצר אוטומטית ע"י WooCommerce Blocks למוצרים עם מחיר מבצע. החלטה: לא רוצים להציג חיסכון בעגלה/checkout — הסתרה ויזואלית. ============================================================ */ .wc-block-components-product-badge.wc-block-components-sale-badge { display: none !important; } /* ה-Search button בהדר: בעברית `left-3`, באנגלית `right-3` (PHP). גיבוי ל-body class כי Polylang לא תמיד מגדיר dir על . */ body.bahur-lang-en #header-search form[role="search"] button[type="submit"], html[dir="ltr"] #header-search form[role="search"] button[type="submit"] { left: auto !important; right: 0.75rem !important; } /* Forward/back chevron + arrow icons — להפוך אופקית ב-LTR. בעברית הצביעו "קדימה" שמאלה; ב-LTR נדרש כיוון הפוך. */ html[dir="ltr"] i.fa-arrow-left, html[dir="ltr"] i.fa-arrow-right, html[dir="ltr"] i.fa-chevron-left, html[dir="ltr"] i.fa-chevron-right { display: inline-block; transform: scaleX(-1); } /* Breadcrumb separators — icon per language in PHP; exempt from global chevron flip */ html[dir="ltr"] i.bahur-breadcrumb-sep, body.bahur-lang-en i.bahur-breadcrumb-sep { transform: none !important; } /* Artists archive — Explore Works: fa-arrow-right באנגלית, ללא flip גלובלי */ body.bahur-lang-en #creators-listing-section .creator-item a .fa-arrow-right { transform: none !important; } /* עמוד הדפס — כותרת «בחרו מהדורה»: מרווח למעלה (במקום מתחת) */ .edition-selector h2, .edition-selector h3 { margin-top: 1.5rem; margin-bottom: 0; } /* ארכיון מאמרים — כפתורי קטגוריות */ .bb-blog-categories__link { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border-width: 1px; border-style: solid; border-color: #e5e7eb; border-radius: 0.125rem; padding: 0.5rem 1.25rem; font-size: 0.9375rem; font-weight: 500; line-height: 1.25; text-decoration: none; color: #374151; background-color: #fff; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .bb-blog-categories__link:hover { border-color: #374151; color: #1f2937; } .bb-blog-categories__link[aria-current="page"] { background-color: #000; border-color: #000; color: #fff; } .bb-blog-categories__link[aria-current="page"]:hover { background-color: #374151; border-color: #374151; color: #fff; } .bb-blog-categories__link:focus-visible { outline: 2px solid #374151; outline-offset: 2px; } /* ארכיון מאמרים — סינון לפי מחבר */ .bb-blog-author-filter__select:focus-visible { outline: 2px solid #374151; outline-offset: 2px; } body.bahur-lang-en .bb-blog-author-filter__select, body.bahur-dir-ltr .bb-blog-author-filter__select { direction: ltr; text-align: left; } /* ארכיון מוצרים — שדה חיפוש */ .bb-product-archive-search__input:focus-visible { outline: 2px solid #374151; outline-offset: 2px; } .bb-product-archive-search__submit:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } body.bahur-lang-en .bb-product-archive-search__input, body.bahur-dir-ltr .bb-product-archive-search__input { direction: ltr; text-align: left; } /* ============================================================ ריג'קטים 10.6.2026 — עגלה / Checkout (WooCommerce Blocks) ============================================================ */ /* 6א + י1: הסתרת תחילת תיאור המוצר בשורת מוצר — חל גם על העגלה וגם על "סיכום הזמנה" ב-Checkout */ .wc-block-components-product-metadata__description { display: none !important; } /* 6ו: עגלה ריקה — תמונות המוצרים ("חדש בחנות") נחתכות. הצגת התמונה במלואה במקום crop, בשתי השפות. */ .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img, .wp-block-woocommerce-empty-cart-block .wp-block-post-featured-image img, .wp-block-woocommerce-empty-cart-block img.attachment-woocommerce_thumbnail { object-fit: contain !important; width: 100%; height: auto; max-height: 280px; background-color: #fff; } /* ח: הבלטת "להוסיף הערה להזמנה" */ .wc-block-checkout__add-note { background-color: #f3f4f6; border: 1px solid #9ca3af; padding: 0.75rem 1rem; } .wc-block-checkout__add-note .wc-block-components-checkbox__label { font-weight: 600; font-size: 1.05em; } /* י2: הרחבת תיבת "סיכום הזמנה" לקריאות שמות הספרים */ @media (min-width: 1024px) { .wc-block-checkout.wp-block-woocommerce-checkout .wc-block-components-sidebar { width: 42%; } .wc-block-checkout.wp-block-woocommerce-checkout .wc-block-components-main { width: 58%; } } /* ה2 + ה3: פריסת שדות הכתובת — "דירה" + "כניסה" באותה שורה (כמו שם פרטי/משפחה), "עיר" מימין + "מיקוד" משמאל באותה שורה (ב-RTL הסדר טבעי). ברירת מחדל: כל שדה ברוחב מלא; הזוגות מקבלים חצי רוחב + order. */ .wc-block-components-address-form { display: flex; flex-wrap: wrap; column-gap: 16px; } .wc-block-components-address-form > * { flex: 0 0 100%; min-width: 0; order: 10; } /* WC Blocks: margin-top:12px על כל text-input חוץ מ-first-of-type — מאפסים רק את העמודה השנייה בזוגות */ .wc-block-components-address-form > .wc-block-components-address-form__last_name, .wc-block-components-address-form > [class*="bahurbooks-entrance"], .wc-block-components-address-form > .wc-block-components-address-form__postcode, .wc-block-components-address-form > .wc-block-components-address-form__phone { margin-top: 0 !important; } .wc-block-components-address-form > .wc-block-components-address-form__first_name, .wc-block-components-address-form > .wc-block-components-address-form__last_name, .wc-block-components-address-form > [class*="bahurbooks-apartment"], .wc-block-components-address-form > [class*="bahurbooks-entrance"], .wc-block-components-address-form > .wc-block-components-address-form__city, .wc-block-components-address-form > .wc-block-components-address-form__postcode { flex: 0 0 calc(50% - 8px); } /* WC Blocks: ב-is-mobile/is-small/is-medium שם פרטי ברוחב מלא — דורסים כדי לשמור זוג באותה שורה */ .is-mobile .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__first_name, .is-mobile .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__first_name, .is-mobile .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__last_name, .is-mobile .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__last_name, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__first_name, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__first_name, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__first_name, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__first_name, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__last_name, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__last_name, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__last_name, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__last_name { flex: 0 0 calc(50% - 8px) !important; margin-top: 0 !important; } /* סדר: שם → רחוב → דירה+כניסה → עיר+מיקוד → ארץ → מחוז → השאר */ .wc-block-components-address-form > .wc-block-components-address-form__first_name { order: 1; } .wc-block-components-address-form > .wc-block-components-address-form__last_name { order: 2; } .wc-block-components-address-form > .wc-block-components-address-form__address_1 { order: 3; } .wc-block-components-address-form > [class*="bahurbooks-apartment"] { order: 4; } .wc-block-components-address-form > [class*="bahurbooks-entrance"] { order: 5; } .wc-block-components-address-form > .wc-block-components-address-form__city { order: 6; } .wc-block-components-address-form > .wc-block-components-address-form__postcode { order: 7; } .wc-block-components-address-form > .wc-block-components-address-form__country { order: 8; margin-top: 11px !important; } .wc-block-components-address-form > .wc-block-components-address-form__state { order: 9; } .wc-block-components-address-form > [class*="bahurbooks-business-id"] { order: 10; } .wc-block-components-address-form > .wc-block-components-address-form__phone { order: 11; }