/* מומו הפרה 2026 — shared site-wide header + footer, used by every corner. */

@font-face {
    font-family: 'EFTOffice';
    src: url('https://www.moomoo.co.il/assets/eft_office_black-webfont/eft_office_black-webfont.woff');
}

html, body { margin: 0; padding: 0; }

.site-header { background: #fff; }
.site-header-inner { max-width: 1100px; margin: 0 auto; padding: 10px 16px 0; }

.site-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
    padding-bottom: 8px;
}
.site-logo-link { display: inline-block; line-height: 0; }
.site-logo-link img { display: block; width: auto; height: auto; max-width: 100%; } /* real size, never shrunk */

.site-auth { font-size: 14px; }
.site-auth a { color: #8e44ad; text-decoration: none; font-weight: bold; }
.site-auth a:hover { text-decoration: underline; }
.site-auth .site-auth-sep { color: #ccc; margin: 0 6px; }
.site-auth .site-auth-hello { color: #8e44ad; font-weight: bold; margin-left: 8px; }

.site-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    direction: rtl;
    justify-content: flex-start;
    padding: 6px 0 10px;
}
.site-menu-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 92px;
    padding: 4px 2px;
    text-decoration: none;
    border-radius: 6px;
}
.site-menu-btn img { width: 72px; height: 72px; object-fit: contain; display: block; } /* real size, matches every corner's own .cat-btn icon size */
.site-menu-btn span {
    display: block;
    margin-top: 4px;
    font-family: 'EFTOffice', Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #333;
    text-align: center;
    line-height: 1.2;
    padding: 1px 4px;
    border-radius: 3px;
}
.site-menu-btn:hover span { color: #ff6600; }

.site-separator {
    height: 2px;
    background: #8e44ad;
    max-width: 1100px;
    margin: 0 auto;
}

/* Mobile header — fixed top bar, logo centered, hamburger on the right, opens a text drawer. */
.site-header-mobile {
    display: none;
    position: fixed;
    top: 0; right: 0; left: 0;
    height: 67px; /* was 100px, -33% (2026-09-01) */
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    z-index: 999;
    align-items: center;
    justify-content: center;
}
.site-header-mobile .site-logo-link img { max-height: 53px; width: auto; } /* was 70px, -25% (2026-09-01); still needs a cap to fit the bar */
.site-hamburger-btn {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px; /* was 56px, -20% (2026-09-01) */
    height: 45px;
    border: none;
    background: #8e44ad;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.site-hamburger-btn span { display: block; width: 24px; height: 3px; background: #fff; border-radius: 2px; }

.site-mobile-drawer {
    display: none;
    position: fixed;
    top: 67px; right: 0; left: 0; bottom: 0;
    background: #fff;
    z-index: 998;
    overflow-y: auto;
    direction: rtl;
    padding: 10px 0;
}
.site-mobile-drawer.open { display: block; }
.site-mobile-drawer a {
    display: block;
    padding: 14px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #eee;
}
.site-mobile-drawer a:hover, .site-mobile-drawer a:active { background: #fff4e8; color: #ff6600; }
.site-mobile-drawer .site-mobile-auth { color: #8e44ad; }

@media (max-width: 700px) {
    .site-header-desktop { display: none; }
    .site-header-mobile { display: flex; }
    body.has-site-mobile-header { padding-top: 67px; } /* only the fixed mobile bar needs this offset, matches the -33% bar height above */
}
@media (min-width: 701px) {
    .site-mobile-drawer { display: none !important; }
}

/* Footer — identical on every page across the whole site. */
.site-footer {
    background: #fff;
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding: 20px 16px 24px;
    text-align: center;
    direction: rtl;
}
.site-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 0; margin-bottom: 10px; }
.site-footer-links a {
    color: #555;
    text-decoration: none;
    font-size: 14px;
    padding: 0 12px;
    border-left: 1px solid #ccc;
}
.site-footer-links a:last-child { border-left: none; }
.site-footer-links a:hover { color: #ff6600; }
.site-footer-copyright { font-size: 13px; color: #999; }