/* Kupenov & Burova — custom brand overrides (loaded after the Webflow CSS) */ /* Header logo swap (Kupenov & Burova). The template's .logo had no size, so the SVG rendered at its intrinsic 123x40. We match that footprint: 48px tall keeps the same ~123px width while giving the richer artwork (monogram + Lady Justice) room to read on the white sticky navbar. */ .kupenov-logo { height: 48px; width: auto; max-width: none; display: block; } @media screen and (max-width: 767px) { .kupenov-logo { height: 42px; } } @media screen and (max-width: 479px) { .kupenov-logo { height: 38px; } } /* ────────────────────────────────────────────────────────────────── Header contact cluster (.nav-right) — equal-width, precisely aligned. Both boxes share ONE geometry (measured with the live DM Sans font): text column 156px + gap 12px + icon 28px = 196px content + 20px divider padding = 216px per box (mathematically equal) Numbers + email are 14px; the widest rendered line ("GR +30 699 528 6570") is 149px, so the 156px column holds every line without wrap. Divider between the two boxes is a 1px box-shadow (adds no width, so the two boxes stay exactly equal) sitting 20px from each box's text. ────────────────────────────────────────────────────────────────── */ .nav-right { column-gap: 0; grid-column-gap: 0; } .phone-content-split { /* phone box (first) */ gap: 12px; align-items: center; padding: 14px 20px 14px 0; border-right: 0; box-shadow: 1px 0 0 #e6ecf0; /* divider — no layout width */ } .email-content-split { /* email box (last, mirrors phone) */ padding: 14px 0 14px 20px; box-shadow: none; } .phone-content-left { /* identical text column in both boxes */ width: 156px; flex-shrink: 0; } .phone-content-left .phone-text { white-space: nowrap; } .phone-text { font-size: 14px; } /* smaller numbers + email, consistent */ .phone-content-split .phone-link { line-height: 1.3; } .phone-content-split .phone-link + .phone-link { margin-top: 3px; } .phone-cc { /* BG / GR country tags */ display: inline-block; margin-right: 7px; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; color: #83809e; } /* Narrow headers can't hold two boxes. The nav grew from 6 items to 7 (+2 dropdowns), and at 1024px the ORIGINAL 6-item nav already overflowed its container by 2px — so the email box drops out early to buy back its width for the menu. Phone box keeps its own divider only while it actually has a neighbour to be divided from. The cut moved from 1279 to 1439 when the language switcher landed. Measured at 1280: brand 180 + nav 594 + phone 188 + email 188 + switcher 112 = 1262 in a 1235 container, i.e. 27px of overflow and a clipped EL. Dropping the email box frees 188 and leaves 161px of slack. The address is still in the footer and on /contact; a language switcher that runs off the edge is the worse failure. */ /* Cut moved again, 1439 -> 1599: at 1440 the email box returns and the GREEK nav — the widest of the three — put the switcher 22px past the viewport. Measured across en/bg/el at 992/1024/1200/1280/1440/1600. */ @media screen and (max-width: 1599px) { .email-content-split { display: none; } .phone-content-split { box-shadow: none; padding-right: 0; } } /* ────────────────────────────────────────────────────────────────── HEADER NAVIGATION — real Kupenov & Burova IA Markup is generated by build/build.py from build/ia.json; never hand-edit the