/**
 * AliGali - עורך-מגזין / יוקרה (השראה Coach, משופר ל‑RTL ועברית).
 * טוקנים של המותג בלבד; לוגו וצבע primary לא משתנים.
 */

:root {
    --edi-surface: var(--color-white, #ffffff);
    --edi-bg: var(--color-neutral-50, #faf7f5);
    --edi-text: var(--color-neutral-900, #2c2c2c);
    --edi-muted: var(--color-neutral-600, #706156);
    --edi-subtle: var(--color-neutral-500, #a89484);
    --edi-border: var(--color-neutral-200, #e4dbd4);
    --edi-border-soft: var(--color-neutral-100, #f0eae5);
    --edi-accent: var(--color-primary-500, #b85a3a);
    --edi-accent-hover: var(--color-primary-600, #9e4a2f);
    --edi-radius: 14px;
    --edi-radius-lg: 22px;
    --edi-radius-sm: 10px;
    --edi-shadow: 0 4px 24px rgba(61, 53, 46, 0.08);
    --edi-shadow-hover: 0 24px 56px rgba(61, 53, 46, 0.12);
    --edi-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --edi-dur: 0.45s;
    --edi-pad-card: 1rem 1.15rem 1.2rem;
}

html {
    -webkit-font-smoothing: antialiased;
}

body {
    background: var(--edi-bg) !important;
    color: var(--edi-text);
}

/* - -  קצב עמוד - -  */
main.container#main-content,
main#home-main {
    padding-bottom: 0.5rem;
}

/* - -  כותרת עליונה - -  */
header[role="banner"] {
    background: var(--edi-surface) !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--edi-border-soft) !important;
    padding: 1.15rem 0 !important;
}

.logo img {
    height: 52px !important;
    max-height: 52px !important;
    width: auto !important;
    object-fit: contain !important;
}

.logo-text-fallback {
    color: var(--edi-text) !important;
    font-weight: 300 !important;
    letter-spacing: 0.02em;
}

.nav a {
    color: var(--edi-muted) !important;
    font-weight: 450 !important;
    font-size: 0.8125rem !important;
    letter-spacing: 0.04em !important;
}

.nav a:hover,
.nav a.active {
    color: var(--edi-accent) !important;
}

.nav a::after {
    background: var(--edi-accent) !important;
    height: 1px !important;
}

/* - -  כותרות סקשן - -  */
.section-title {
    font-weight: 300 !important;
    font-size: clamp(1.35rem, 2.5vw, 1.85rem) !important;
    letter-spacing: 0.03em !important;
    color: var(--edi-text) !important;
    border-bottom: 1px solid var(--edi-border-soft) !important;
    padding-bottom: 0.85rem !important;
    margin-top: 2.25rem !important;
    margin-bottom: 1.35rem !important;
}

.page-title {
    font-weight: 300 !important;
    letter-spacing: 0.02em !important;
    color: var(--edi-text) !important;
}

.product-title {
    font-weight: 300 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.25 !important;
    color: var(--edi-text) !important;
}

.page-desc,
.product-category,
.lead,
.muted {
    color: var(--edi-muted) !important;
}

.product-category {
    font-size: 0.7rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    opacity: 0.92;
}

/* - -  מעטפת כרטיס - -  */
.deal-card,
.hot-card,
.sidebar:not(.collapsed),
.sidebar-content,
.sidebar-section,
.product-gallery,
.product-info,
.empty,
.no-results,
.card,
.highlight-box,
.feature-card,
.cats-row {
    border: 1px solid var(--edi-border-soft) !important;
    box-shadow: var(--edi-shadow) !important;
    border-radius: var(--edi-radius) !important;
    transition: box-shadow var(--edi-dur) var(--edi-ease), transform var(--edi-dur) var(--edi-ease), border-color var(--edi-dur) var(--edi-ease) !important;
    background: var(--edi-surface) !important;
}

.deal-card:hover,
.hot-card:hover {
    box-shadow: var(--edi-shadow-hover) !important;
    transform: translateY(-4px) !important;
    border-color: var(--color-primary-200, #fbd0c0) !important;
}

.item-card {
    border: 1px solid var(--edi-border-soft) !important;
    box-shadow: var(--edi-shadow) !important;
    border-radius: var(--edi-radius) !important;
    background: var(--edi-surface) !important;
    overflow: hidden !important;
    transition: box-shadow var(--edi-dur) var(--edi-ease), transform var(--edi-dur) var(--edi-ease), border-color var(--edi-dur) var(--edi-ease) !important;
}

a.item-card:hover,
.item-card:hover {
    box-shadow: var(--edi-shadow-hover) !important;
    transform: translateY(-4px) !important;
    border-color: var(--color-primary-200, #fbd0c0) !important;
}

.storefront-list a.item-card:hover {
    border-color: var(--color-primary-200, #fbd0c0) !important;
}

/* - -  תוכן כרטיס: דילים / חמים / אחרונים - -  */
.deal-content,
.hot-content,
.item-content,
.card-body {
    padding: var(--edi-pad-card) !important;
}

.deal-image,
.hot-image,
.item-card .item-image:not(.skeleton) {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    min-height: 120px !important;
    object-fit: cover !important;
    border-bottom: 1px solid var(--edi-border-soft) !important;
}

/* כרטיס מוצר בדף הבית — מיקוד על הכרטיס כולו (ללא כפתור משני) */
a.deal-card:focus-visible,
a.hot-card:focus-visible,
a.item-card:focus-visible {
    outline: 2px solid var(--edi-accent) !important;
    outline-offset: 3px !important;
}

.deal-title,
.hot-title,
.item-card .item-title,
.item-title {
    font-weight: 500 !important;
    font-size: 0.9375rem !important;
    line-height: 1.4 !important;
    letter-spacing: 0.015em !important;
    color: var(--edi-text) !important;
    margin: 0 0 0.35rem !important;
}

.hot-title {
    font-size: 0.95rem !important;
}

.deal-meta {
    margin-top: 0.65rem !important;
    padding-top: 0.65rem !important;
    border-top: 1px solid var(--edi-border-soft) !important;
    gap: 0.65rem !important;
}

.deal-price {
    font-weight: 650 !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.02em !important;
    background: var(--color-primary-50, #fef6f3) !important;
    border: 1px solid var(--color-primary-200, #fbd0c0) !important;
    padding: 0.35rem 0.65rem !important;
}

.hot-category,
.item-category {
    font-size: 0.65rem !important;
    letter-spacing: 0.1em !important;
    font-weight: 600 !important;
    color: var(--edi-accent) !important;
    margin-bottom: 0.25rem !important;
    opacity: 0.95;
}

.hot-description,
.item-description,
.item-desc {
    font-size: 0.8125rem !important;
    line-height: 1.55 !important;
    color: var(--edi-muted) !important;
    -webkit-line-clamp: 2 !important;
}

.trust-pill {
    border-color: var(--edi-border-soft) !important;
    background: var(--color-primary-50, #fef6f3) !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.02em !important;
    padding: 0.35rem 0.65rem !important;
}

.hot-clicks {
    backdrop-filter: blur(6px) !important;
    background: rgba(42, 36, 32, 0.52) !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.03em !important;
    border-radius: 999px !important;
    padding: 0.28rem 0.55rem !important;
}

.item-price {
    font-size: 0.95rem !important;
    letter-spacing: 0.02em !important;
    padding: 0.45rem 0.75rem !important;
    border-radius: var(--edi-radius-sm) !important;
}

/* - -  פרימיום - -  */
.premium-hero {
    gap: 2px !important;
    margin-top: 2rem !important;
    margin-bottom: 2.5rem !important;
}

.hero-item,
a.hero-item {
    border-radius: 3px !important;
    box-shadow: var(--edi-shadow) !important;
    transition: box-shadow var(--edi-dur) var(--edi-ease), transform var(--edi-dur) var(--edi-ease) !important;
}

a.hero-item:hover,
.hero-item:hover {
    box-shadow: var(--edi-shadow-hover) !important;
}

/* פרימיום: אין “התנפחות”/שינוי צל בהובר */
.premium-hero a.hero-item:hover,
.premium-hero .hero-item:hover {
    box-shadow: var(--edi-shadow) !important;
}

body.dark-mode .premium-hero a.hero-item:hover,
body.dark-mode .premium-hero .hero-item:hover,
html[data-theme="dark"] .premium-hero a.hero-item:hover,
html[data-theme="dark"] .premium-hero .hero-item:hover {
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.38) !important;
}

.hero-caption {
    padding: 0.75rem 0.9rem !important;
}

.hero-caption h3 {
    font-weight: 450 !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.02em !important;
    line-height: 1.35 !important;
}

.hero-caption p {
    font-size: 0.78rem !important;
    line-height: 1.5 !important;
    color: var(--edi-muted) !important;
    margin-top: 0.25rem !important;
}

/* - -  יציאה לאתר חיצוני (דף מוצר) - -  */
a.product-external-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    background: rgba(184, 90, 58, 0.08) !important;
    color: var(--edi-text) !important;
    border: 1px solid rgba(184, 90, 58, 0.38) !important;
    border-radius: 999px !important;
    font-weight: 650 !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.1em !important;
    padding: 0.62rem 1.4rem 0.62rem 1.5rem !important;
    text-decoration: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    transition:
        border-color 0.28s var(--edi-ease),
        color 0.28s var(--edi-ease),
        background-color 0.28s var(--edi-ease) !important;
}

a.product-external-cta:hover {
    border-color: var(--edi-accent) !important;
    color: var(--edi-accent) !important;
    background-color: rgba(184, 90, 58, 0.12) !important;
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
}

a.product-external-cta:focus-visible {
    outline: 2px solid var(--edi-accent) !important;
    outline-offset: 3px !important;
}

/* - -  דף מוצר - -  */
.product-gallery,
.product-info {
    border-radius: var(--edi-radius-lg) !important;
    padding: 1.25rem !important;
}

.product-meta {
    color: var(--edi-subtle) !important;
    font-size: 0.85rem !important;
}

.share-panel {
    border-radius: var(--edi-radius) !important;
    border-color: var(--edi-border-soft) !important;
    background: var(--color-primary-50, #fff8f4) !important;
}

.product-cta {
    border-top-color: var(--edi-border-soft) !important;
}

/* - -  חיפוש וסרגל - -  */
.search-box,
.search-result-item {
    border-radius: 999px !important;
    border-color: var(--edi-border) !important;
}

.sidebar-title {
    font-weight: 550 !important;
    color: var(--edi-accent) !important;
    border-bottom-color: var(--edi-border-soft) !important;
    letter-spacing: 0.04em !important;
    font-size: 0.95rem !important;
}

.cat-link:hover,
.cat-jump:hover {
    border-color: var(--edi-border-soft) !important;
}

.cats-row {
    padding: 0.65rem 0.85rem !important;
}

.cats-toggle,
.cats-leaf-link {
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
}

.cats-open-link {
    font-size: 0.72rem !important;
    letter-spacing: 0.04em !important;
}

/* - -  מובייל - -  */
.mobile-quick-nav {
    border-top: 1px solid var(--edi-border-soft);
    background: var(--edi-surface) !important;
}

.mobile-sheet {
    border-color: var(--edi-border-soft) !important;
}

/* - -  פוטר - -  */
footer[role="contentinfo"] {
    border-top: 1px solid var(--edi-border-soft) !important;
    margin-top: 4rem !important;
    padding-top: 2.5rem !important;
    background: transparent !important;
}

/* - -  אודות - -  */
.about-hero h1 {
    font-weight: 300 !important;
    letter-spacing: 0.02em !important;
}

.feature-card {
    padding: 1.25rem !important;
}

/* - -  מצב כהה - -  */
body.dark-mode header[role="banner"],
html[data-theme="dark"] header[role="banner"] {
    background: var(--card-bg, #2d2d2d) !important;
    border-bottom-color: var(--border-color, #404040) !important;
}

body.dark-mode .deal-card,
body.dark-mode .hot-card,
body.dark-mode a.item-card,
body.dark-mode .item-card[data-aos],
body.dark-mode .sidebar-content,
body.dark-mode .sidebar-section,
body.dark-mode .product-gallery,
body.dark-mode .product-info,
body.dark-mode .cats-row,
body.dark-mode .card,
body.dark-mode .feature-card,
html[data-theme="dark"] .deal-card,
html[data-theme="dark"] .hot-card,
html[data-theme="dark"] a.item-card,
html[data-theme="dark"] .item-card[data-aos],
html[data-theme="dark"] .sidebar-content,
html[data-theme="dark"] .sidebar-section,
html[data-theme="dark"] .product-gallery,
html[data-theme="dark"] .product-info,
html[data-theme="dark"] .cats-row,
html[data-theme="dark"] .card,
html[data-theme="dark"] .feature-card {
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.38) !important;
    border-color: var(--border-color, #404040) !important;
    background: var(--card-bg, #2d2d2d) !important;
}

body.dark-mode .deal-title,
body.dark-mode .hot-title,
body.dark-mode .item-title,
body.dark-mode .hero-caption h3,
html[data-theme="dark"] .deal-title,
html[data-theme="dark"] .hot-title,
html[data-theme="dark"] .item-title,
html[data-theme="dark"] .hero-caption h3 {
    color: var(--text-color, #f0f0f0) !important;
}

body.dark-mode .hot-description,
body.dark-mode .item-desc,
body.dark-mode .item-description,
body.dark-mode .hero-caption p,
html[data-theme="dark"] .hot-description,
html[data-theme="dark"] .item-desc,
html[data-theme="dark"] .item-description,
html[data-theme="dark"] .hero-caption p {
    color: #c4bbb5 !important;
}

body.dark-mode .hero-item,
body.dark-mode a.hero-item,
html[data-theme="dark"] .hero-item,
html[data-theme="dark"] a.hero-item {
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.38) !important;
}

body.dark-mode .section-title,
body.dark-mode .page-title,
body.dark-mode .product-title,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .product-title {
    color: var(--text-color, #f0f0f0) !important;
    border-bottom-color: var(--border-color, #404040) !important;
}

body.dark-mode .nav a,
html[data-theme="dark"] .nav a {
    color: #c9beb8 !important;
}

body.dark-mode .nav a:hover,
body.dark-mode .nav a.active,
html[data-theme="dark"] .nav a:hover,
html[data-theme="dark"] .nav a.active {
    color: var(--accent-color, #d46b4a) !important;
}

body.dark-mode footer[role="contentinfo"],
html[data-theme="dark"] footer[role="contentinfo"] {
    border-top-color: var(--border-color, #404040) !important;
}

body.dark-mode a.product-external-cta,
html[data-theme="dark"] a.product-external-cta {
    color: #ece6e1 !important;
    border-color: rgba(236, 230, 225, 0.38) !important;
    background: rgba(212, 107, 74, 0.12) !important;
}

body.dark-mode a.product-external-cta:hover,
html[data-theme="dark"] a.product-external-cta:hover {
    border-color: var(--accent-color, #d46b4a) !important;
    color: var(--accent-color, #d46b4a) !important;
    background-color: rgba(212, 107, 74, 0.16) !important;
}

@media (max-width: 768px) {
    .section-title {
        margin-top: 1.75rem !important;
        margin-bottom: 1rem !important;
    }
    .deal-image,
    .hot-image,
    .item-card .item-image:not(.skeleton) {
        min-height: 100px !important;
    }
}