/*
 * kkbc-banner-1.css - cookie banner height on a phone (finding S6), and the typing cursor under reduced motion (S7).
 * 2026-10-13. Loaded after css/kkbc-layout-1.css (priority 21). No !important: the old rules have none.
 * The wording of the banner is not changed here (it belongs to the Analytics Measurement Plan).
 *
 * S6 measured on the live site at 390 x 844: the banner covers 44.7% (English), 52.5% (German), 42.1% (Hebrew).
 * Aim: about a third of the screen at most. Below 768px only: text 13px, line height 1.35, less padding, buttons 44px.
 * The two buttons are already side by side in one row today (css/kkbc-consent-4.css:8 flex row, :10 flex 1 1 0).
 * Markup: footer.php, <div id="kkbc-consent" class="kkbc-consent"> with <article> (<h6>, <p> with one <a>) and <aside>
 * with two <button class="kkbc-consent-btn">.
 *
 * If this file is missing, inc/kkbc-banner.php logs it and the banner keeps the sizes of css/kkbc-consent-4.css.
 * Each rule below has the same specificity as the old rule it beats; this file loads later, so it wins.
 */
@media (max-width: 767.98px) {
  /* Beats css/kkbc-consent-4.css:21 (padding 20px): less space round the box; 12px at the sides gives longer lines. */
  .kkbc-consent {
    padding: 10px 12px;
  }
  /* Beats css/kkbc-consent-4.css:5 (h6: 20px, margin-bottom 10px), the title in <article>. */
  .kkbc-consent article h6 {
    font-size: 15px;
    line-height: 1.35;
    margin: 0 0 6px 0;
  }
  /* Beats css/kkbc-consent-4.css:6 (p: 16px, line height 22px), the banner text in <article>. */
  .kkbc-consent article p {
    font-size: 13px;
    line-height: 1.35;
  }
  /* Beats css/kkbc-consent-4.css:23 (aside: margin-top 15px, gap 8px), the box of the two buttons. */
  .kkbc-consent aside {
    margin-top: 8px;
  }
  /* Beats css/kkbc-consent-4.css:24 (buttons: padding 10px 6px, 15px) and :10 (min-height 44px stays: a touch target).
     The old padding made each button 46.5px high; with 6px the height is the 44px minimum. */
  .kkbc-consent .kkbc-consent-btn {
    padding: 6px;
    font-size: 14px;
  }
}

/* ---- S7: typing cursor and reduced motion ------------------------------------------------------
   css/kkbc-layout-1.css:44-58 already holds a working blink: a real @keyframes (kkbc-cursor-blink), set on the
   :after element that is drawn (it has the background), so that part is not repeated. It does not respect
   prefers-reduced-motion, so here the blink stops and the cursor stays on. Same selector as
   css/kkbc-layout-1.css:49 (the h1 .typingText.Cursor:after rule, from footer.php:395); this file loads later. */
@media (prefers-reduced-motion: reduce) {
  .TypingArea .TypingBox .TypingHead h1 .typingText.Cursor:after {
    animation: none;
  }
}