/* Language switch (top bar) --------------------------------------------- */
.mil-lang-switch{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;margin-right:10px;padding:0 10px;border:1px solid rgba(30,30,50,.15);border-radius:22px;font:600 12px/1 "Roboto",sans-serif;letter-spacing:.08em;color:#1E1E32;text-decoration:none;transition:background .2s,color .2s}
.mil-lang-switch:hover{background:#1E1E32;color:#fff}
.mil-buttons-tp-frame.mil-active .mil-lang-switch{border-color:rgba(255,255,255,.35);color:#fff}

/* The flag sits beside the code, never instead of it: a flag names a country, not a language.
   It is DRAWN, not typed. These were emoji, and Windows does not render flag emoji at all --
   Segoe UI Emoji draws the two regional-indicator letters as small caps, so beside the code
   the pill read "gbEN", "plPL", "trTR": the code twice, once tiny. No font stack fixes that. */
.mil-lang-flag{display:inline-flex;align-items:center;flex:0 0 auto}
.mil-lang-flag svg{display:block;width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(30,30,50,.12)}
.mil-lang-code{letter-spacing:.08em}

/* A third language means TWO switch links where the design only ever had one, and the pill
   they share also holds the CTA and two round buttons. The CTA was being clipped, so the
   switch gives back the width it does not need: no min-width now that it always has content,
   and half the gutter. */
.mil-lang-switch{min-width:0;gap:5px;margin-right:6px;padding:0 11px}
@media(max-width:992px){
  .mil-lang-switch{height:38px;padding:0 9px;font-size:11px;gap:4px;margin-right:5px}
  .mil-lang-flag svg{width:15px;height:10px}
}

/* Footer row, built for English word lengths -------------------------------------------
   `li{margin-right:60px}` on a non-wrapping flex row is fine for SERVICES / PORTFOLIO /
   ABOUT and breaks for PRODUCENCI Z TURCJI / BAZA WIEDZY / PRZEDSIĘWZIĘCIA: the long items
   wrapped mid-phrase while their neighbours stayed on one line, and BLOG ran into the social
   icons. Labels now never break; the ROW wraps instead, which is the thing that should give. */
.mil-footer-menu-frame{flex-wrap:wrap;gap:16px 32px;height:auto;min-height:120px;padding:26px 0}
.mil-footer-menu-frame .mil-footer-menu{flex:0 1 auto;flex-wrap:wrap;gap:14px 30px}
.mil-footer-menu-frame .mil-footer-menu li{margin-right:0}
.mil-footer-menu-frame .mil-footer-menu li a{white-space:nowrap}
/* `flex:0 1 auto`, not `1 1 auto`: a growing menu eats the whole row and pushes the social
   icons onto a line of their own even when they would have fitted. And `margin-left:auto`
   keeps them at the RIGHT edge on the line they do land on -- without it, a wrapped list is
   alone on its line and space-between has nothing to push it against, so it goes left. */
.mil-footer-menu-frame .mil-social{flex:0 0 auto;margin-left:auto}
/* Cookie banner ---------------------------------------------------------- */
.mil-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:9000;max-width:560px;margin:0 auto;padding:18px 20px;background:#1E1E32;color:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.25);font-family:"Roboto",sans-serif}
.mil-cookie[hidden]{display:none!important}
.mil-cookie-text{margin:0 0 12px;font-size:14px;line-height:1.5;color:#fff}
.mil-cookie-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mil-cookie-btn{cursor:pointer;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;padding:9px 16px;border-radius:24px;font:600 13px/1 "Roboto",sans-serif}
.mil-cookie-accept{background:#E52E51;border-color:#E52E51}
.mil-cookie-more{margin-left:auto;color:#D8D8D8;font-size:13px;text-decoration:underline}
/* Footer legal block ----------------------------------------------------- */
.mil-footer-legal + .mil-footer-legal{margin-top:2px}
/* Turkish Partners card on /ventures (partners.css is not loaded there) --- */
.mil-pt-venture-card{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;background:#1E1E32;color:#fff;border-radius:24px;padding:40px}
.mil-pt-venture-card h3{color:#fff;margin:0 0 8px;font-size:26px}.mil-pt-venture-card p{color:rgba(255,255,255,.8);margin:0;max-width:560px}

/* Market-entry stat tiles, in a language whose numbers are words -------------------------
   `450M` is four characters. `450 milyon` is ten and `1,6 trilyon $` thirteen, and they
   contain a SPACE -- so in a 170px tile they wrap at that space no matter how small the type
   gets. Shrinking the font was the obvious fix and it was the wrong one: measured on the live
   page, three Turkish values still broke onto a second line at 34px, and `line-height:1`
   puts that second line on top of the label.

   What actually works is a wider tile: 200px instead of 170. With that, and a slightly
   smaller number, every Polish and Turkish value sits on one line at every width from 420 to
   1440 -- measured, not assumed. The English design is untouched at 44px in a 170px tile,
   because a component built for four-character numbers should give where it meets the
   languages that do not have them, not everywhere.

   Scoped on <html lang>, which page_shell() already sets per page. */
html[lang="pl"] .mil-ep-stats,
html[lang="tr"] .mil-ep-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
html[lang="pl"] .mil-ep-stat-num,
html[lang="tr"] .mil-ep-stat-num{font-size:clamp(24px,2.9vw,34px);line-height:1.06}