/* Celebrissio around the Flutter app, loaded after pattern/pasek_master.css and Jacek's
   strona/celebrissio_strona_v1.4.css (both as delivered), overriding them only where the
   page hosts the app:
   - Manrope, Ubuntu and Space Mono come from this host, not Google Fonts (fontsource 5.3.0
     woff2, latin and latin-ext, Manrope also cyrillic for UK and RU; licences in kroje/);
   - the app fills the space between the pasek and footer 2 and scrolls inside it, so the
     footer stays in view on every screen and is kept compact. */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(kroje/manrope-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(kroje/manrope-latin-wght-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(kroje/manrope-cyrillic-wght-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* The EU mark's text (Annex IX, 1.3). */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(kroje/ubuntu-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(kroje/ubuntu-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Group headings in the menu and the settings window (weight 600, drawn with 700). */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(kroje/space-mono-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(kroje/space-mono-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }

/* The app sits between the pasek and the footer and never covers either. */
html, body { height: 100%; }
body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}
.pm-bar { flex: none; }
#aplikacja {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
#aplikacja:focus { outline: none; }

/* On touch a tapped item keeps :hover, which would leave its tip over the app. */
@media (hover: none) {
  .pm-ib[data-tip]:hover:not(:focus-visible)::after { display: none; }
}

/* The EU window: the master sizes it min(720px, 100%) and adds its 48 px of padding, so on a
   phone it is wider than the screen and the window scrolls sideways. The same 768 px on a
   computer, the padding counted inside. */
.pm-eudlg { box-sizing: border-box; width: min(768px, 100%); }

/* ---------- footer 2: links and the seller line, compact ---------- */

.pm-footer {
  flex: none;
  padding: 8px 24px 10px;
}
.pm-footer .pm-flinks { margin: 0 auto; gap: 2px 18px; }
.pm-footer .cb-seller { margin-top: 4px; }
.pm-footer .cb-seller.cb-wskazany {
  border-radius: 6px;
  outline: 2px solid var(--pm-focus);
  outline-offset: 2px;
}
@media (max-width: 600px) {
  .pm-footer { padding: 6px 12px 8px; }
  .pm-footer .pm-flinks { gap: 0 12px; font-size: 12px; }
  .pm-footer .cb-seller { margin-top: 2px; font-size: 10.5px; line-height: 1.4; }
}