/* Clients page (page 13, owner 2026-11-15): the whole page in the footer's cream, so the many logos on white
   stand out instead of melting into a white page. #faf6f0 is the footer's tint (rgba(201,169,110,.1) on white). */
body.page-id-13 { --bm-page: #faf6f0; background-color: #faf6f0 !important; }
body.page-id-13 main { background-color: #faf6f0 !important; }

/* Brand pages (children of "מותגים", page 26; owner 2026-11-15): the brand's introduction smaller, quieter and
   in one narrow, tidy column; every word stays. The product grids below keep their own sizes. */
body.parent-pageid-26 main .barami-content {
    font-size: 15px !important;
    line-height: 1.75 !important;
    letter-spacing: 0 !important;
    color: #4b4d52 !important;
}
body.parent-pageid-26 main .barami-content > p {
    max-width: 760px;
    margin: 0 0 12px !important;
}
body.parent-pageid-26 main .barami-content img.barami-brand-logo {
    max-height: 52px !important;
    max-width: 200px !important;
    margin: 0 0 20px !important;
}
body.parent-pageid-26 main .barami-content p.barami-brand-exclusive {
    padding: 10px 14px;
    border-inline-start: 2px solid #9C6C2E;
    background: #f7f4ee;
    color: #1a1a1a;
}
body.parent-pageid-26 main .barami-content > h2 {
    margin-top: 40px !important;
    font-size: 22px !important;
    letter-spacing: .04em !important;
    color: #1a1a1a;
}
body.parent-pageid-26 main .barami-content > h3 {
    font-size: 17px !important;
    letter-spacing: .02em !important;
    color: #1a1a1a;
}

/* Home page (owner, 2026-11-15): the logo and the main menu sit a little closer to the top of the first screen, before
   the page is scrolled (the header keeps its own smaller padding once scrolled). */
#site-header.site-header-dark.py-20 { padding-top: 60px !important; }
@media (min-width: 768px) { #site-header.site-header-dark.py-20 { padding-top: 50px !important; } }

/* Contact page (owner, 2026-11-15): the map as tall as the form and details beside it, so both columns start and
   end on the same lines. */
@media (min-width: 768px) {
    body.page-id-15 main .waze-map-container { display: flex; flex-direction: column; height: 100%; }
    body.page-id-15 main .barami-frame--map { flex: 1 1 auto; min-height: 420px; }
    body.page-id-15 main .barami-frame--map iframe { width: 100% !important; height: 100% !important; }
}

/* Visually hidden, still read by screen readers and search engines (pages that open straight on their content). */
.barami-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* Brand logos are never rounded or clipped (owner, 2026-11-15: the Terzani logo lost its edges). */
main img.barami-brand-logo { border-radius: 0 !important; }

/* About, contact, clients (owner, 2026-11-15): about a centimetre more air between the menu and the content, and on
   About and contact the content a little narrower, so it still fits one screen. */
body:is(.page-id-11, .page-id-13, .page-id-15) .barami-about-top { height: max(0px, calc(var(--header-height, 200px) - 50px)) !important; }
body.page-id-11 .barami-content { max-width: 1080px !important; }
body.page-id-15 main section.max-w-6xl { max-width: 1000px !important; }
@media (min-width: 768px) { body.page-id-15 main .barami-frame--map { min-height: 380px; } }

/* Home (owner, 2026-11-15): a clear pause between the opening film and the showroom section. */
body.home .bm-showroom { padding-top: 48px !important; }
@media (min-width: 1024px) { body.home .bm-showroom { padding-top: 84px !important; } }

/* Contact: the Waze icon beside "ניווט לאולם התצוגה ב-Waze" (owner, 2026-11-15). */
.waze-link a { display: inline-flex; align-items: center; gap: 10px; }
.waze-link .bm-waze-icon { flex: none; width: 28px; height: 28px; }