/* Contact page (owner, 2026-11-15): boxed fields with an icon each instead of bare underlines, and a narrower page
   with a smaller map. */
body.page-id-15 main section.max-w-6xl { max-width: 940px !important; }

body.page-id-15 .barami-contact-details :is(input[type="text"], input[type="tel"], input[type="email"], textarea) {
    width: 100%;
    background-color: #fbf8f3 !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 20px 20px !important;
    border: 1px solid rgba(156, 108, 46, .16) !important;
    border-radius: 12px !important;
    padding: 13px 46px 13px 16px !important;
    font-size: 15px !important;
    letter-spacing: .02em !important;
    color: #1a1a1a;
    box-shadow: none !important;
    transition: border-color .2s ease, background-color .2s ease;
}
body.page-id-15 .barami-contact-details :is(input, textarea)::placeholder { color: rgba(26, 26, 26, .55); letter-spacing: .04em; }
body.page-id-15 .barami-contact-details :is(input[type="text"], input[type="tel"], input[type="email"], textarea):focus {
    outline: none;
    border-color: #9C6C2E !important;
    background-color: #fff !important;
}
body.page-id-15 .barami-contact-details .wpcf7-form-control-wrap { display: block; margin-bottom: 14px; }
body.page-id-15 .barami-contact-details .wpcf7-form p { margin: 0 0 4px; }

/* The icons (line drawings in the site's brown). */
body.page-id-15 .barami-contact-details input[name="your-name"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e4a1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") !important;
}
body.page-id-15 .barami-contact-details input[name="your-subject"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e4a1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E") !important;
}
body.page-id-15 .barami-contact-details input[name="tel-25"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e4a1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") !important;
}
body.page-id-15 .barami-contact-details input[name="your-email"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e4a1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E") !important;
}

/* A smaller map: its own height, not stretched to the form beside it. */
@media (min-width: 768px) {
    body.page-id-15 main .waze-map-container { height: auto !important; }
    body.page-id-15 main .barami-frame--map { flex: none !important; height: 360px; min-height: 0 !important; }
}
body.page-id-15 main .barami-frame--map iframe { width: 100% !important; height: 100% !important; min-height: 300px; display: block; }

/* Round 2 (owner, 2026-11-15): one balanced, symmetric screen. On a computer: the form on the right, the map on the
   left at the form's height, and under both, side by side, the showroom and the logistics centre, each under its own
   column. A little smaller overall. */
@media (min-width: 768px) {
    body.page-id-15 main section.max-w-6xl { max-width: 900px !important; padding-top: 48px !important; padding-bottom: 72px !important; }
    body.page-id-15 main section.max-w-6xl > .grid { column-gap: 56px !important; row-gap: 36px !important; align-items: start; }
    body.page-id-15 main .barami-contact-details { display: contents !important; }
    body.page-id-15 main .barami-contact-details > .contact-box { grid-column: 1; grid-row: 1; }
    body.page-id-15 main .waze-map-container { grid-column: 2; grid-row: 1; }
    body.page-id-15 main .barami-contact-details > .row {
        grid-column: 1 / -1;
        grid-row: 2;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        column-gap: 56px;
        margin: 0 !important;
        padding-top: 28px;
        border-top: 1px solid rgba(156, 108, 46, .18);
    }
    body.page-id-15 main .barami-contact-details > .row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 13px;
        line-height: 1.75;
    }
    body.page-id-15 main .waze-link { margin-top: 14px !important; }
    body.page-id-15 .barami-contact-details :is(input[type="text"], input[type="tel"], input[type="email"], textarea) { padding-top: 11px !important; padding-bottom: 11px !important; }
    body.page-id-15 .barami-contact-details .wpcf7-form-control-wrap { margin-bottom: 12px; }
}

/* Round 3 (owner, 2026-11-15): the showroom and the logistics centre as two equal cards, same height, the text
   centred in each, so neither side looks taller. */
body.page-id-15 main .barami-contact-details > .row { border-top: 0 !important; padding-top: 4px !important; align-items: stretch; }
body.page-id-15 main .barami-contact-details > .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: #fbf8f3;
    border: 1px solid rgba(156, 108, 46, .16) !important;
    border-radius: 16px;
    padding: 22px 18px !important;
}
body.page-id-15 main .barami-contact-details > .row > [class*="col-"] a { align-self: center; }
@media (max-width: 767px) {
    body.page-id-15 main .barami-contact-details > .row { display: grid !important; grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
    body.page-id-15 main .barami-contact-details > .row > [class*="col-"] { width: auto !important; max-width: none !important; margin: 0 !important; font-size: 13px; line-height: 1.75; }
}
body.page-id-15 main .barami-contact-details > .row > [class*="col-"] > p.bm-contact-card { margin: 0 !important; line-height: 1.85; }

/* Round 4 (owner, 2026-11-15): the whole block a little smaller, so it fits without scrolling. */
@media (min-width: 768px) {
    body.page-id-15 main section.max-w-6xl { max-width: 860px !important; padding-top: 36px !important; padding-bottom: 48px !important; }
    body.page-id-15 main section.max-w-6xl > .grid { column-gap: 48px !important; row-gap: 24px !important; }
    body.page-id-15 main .barami-contact-details > .row { column-gap: 48px !important; padding-top: 0 !important; }
    body.page-id-15 main .barami-contact-details > .row > [class*="col-"] { padding: 14px 16px !important; border-radius: 14px; }
    body.page-id-15 main .barami-contact-details > .row > [class*="col-"] > p.bm-contact-card { font-size: 12.5px; line-height: 1.65; }
    body.page-id-15 .barami-contact-details :is(input[type="text"], input[type="tel"], input[type="email"], textarea) { padding-top: 9px !important; padding-bottom: 9px !important; font-size: 14px !important; }
    body.page-id-15 .barami-contact-details .wpcf7-form-control-wrap { margin-bottom: 10px; }
    body.page-id-15 main .waze-link { margin-top: 10px !important; }
}

/* Round 5 (owner, 2026-11-15): the block exactly as wide as the main menu above it (from "בר-עמי תאורה" to "EN",
   866 px on every computer screen), so both edges line up with the menu. 866 + the section's 2 x 48 px padding. */
@media (min-width: 1024px) {
    body.page-id-15 main section.max-w-6xl { max-width: 962px !important; }
}