/* BVRate deployment fixes kept outside the designer files. */
@media (max-width: 560px) {
  a.btn,
  button.btn,
  .chip,
  .ddb,
  .seg button,
  .tabs button,
  .bbar a {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .bbar a {
    flex-direction: column;
    font-size: 11px;
  }
}

/* red text token: the dark theme uses #F0383E for small red copy (4.5:1) */
[data-skin="dark"] .eyebrow,
[data-skin="dark"] .kicker,
[data-theme="dark"] .eyebrow,
[data-theme="dark"] .kicker {
  color: var(--red-text, #FF6B5F) !important;
}
[data-skin="dark"] a[href^="mailto:"],
[data-theme="dark"] a[href^="mailto:"] {
  color: #d8d0c4 !important;
}

/* footer links are real touch targets on phones (44 px) */
@media (max-width: 560px) {
  .sfoot nav a {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 4px;
  }
  .sfoot nav label,
  .sfoot select {
    min-height: 44px;
  }
}

/* menu and drawer entries are touch targets too */
@media (max-width: 560px) {
  .menu a,
  .sub a,
  .dd .sub a,
  .site-nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
  }
  .burger,
  .ddb {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* legacy footer columns are touch targets on the landing and old pages */
@media (max-width: 560px) {
  footer .cols a,
  footer .wrap a {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 6px 0;
  }
}

/* pagination and remove buttons reach 44 px on phones */
@media (max-width: 560px) {
  .pg a,
  .pager a,
  .pagination a,
  .x {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* stronger specificity for pagination and remove buttons on phones */
@media (max-width: 560px) {
  .pager .pg a,
  .pg a {
    min-width: 44px;
    min-height: 44px;
  }
  .pick .x,
  .pair .x,
  .x {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}

/* standalone "wiecej" links and the ID chip are touch targets */
@media (max-width: 560px) {
  a.note,
  .note a,
  .idchip {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

/* add-set buttons follow the 44 px rule */
@media (max-width: 560px) {
  .addset,
  .addset button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

/* Białe karty ratingu: czerwony tekst musi mieć kontrast na białym tle. */
.rcard{--red-text:#B01116}

.rrow .who i{color:#fff}

/* Karty na jasnym tle: akcent musi być ciemniejszy niż na ciemnym motywie. */
[data-skin="dark"] .dcard .eyebrow,
[data-skin="dark"] .stepcard .eyebrow,
[data-skin="dark"] .pill4 .eyebrow,
[data-theme="dark"] .dcard .eyebrow {
  color: var(--red-deep, #8A5A00) !important;
}

/* Solid fallback under the ranking hero gradient for contrast audits. */
#main .hero{background-color:#0E1C21}

/* Solid color under existing gradients; visual is unchanged, audits see the base. */
.rcard{background-color:#fff}
.scale{background-color:#16323A}
#main .hero{background-color:#0E1C21}

/* Solid video backdrops keep white captions readable when the poster is absent. */
.zoom .frame{background-color:#0E1C21}
.zoom .caption{background-color:#0E1C21}
.zoom .sound{background-color:#111111}