/* Tastes Like Chicken! A2.8 — scheduled whimsical add-on stylesheet */
body { padding-bottom: 82px; }
.ck-float-nav {
  position: fixed; bottom: max(12px, env(safe-area-inset-bottom)); left: 50%;
  transform: translateX(-50%); z-index: 2000;
  display: flex; align-items: center; justify-content: center;
  gap: 5px; max-width: calc(100vw - 20px); padding: 7px;
  background: rgba(255,253,247,.97); border: 1px solid #d8c8b0;
  border-radius: 18px; box-shadow: 0 5px 25px rgba(34,24,22,.23);
  font: 700 12px/1.2 Arial,sans-serif;
}
.ck-float-nav a, .ck-float-nav button {
  flex: 0 0 auto; color: #5c266e; background: #fff;
  border: 1px solid #e1d5c7; border-radius: 11px;
  padding: 11px 10px; white-space: nowrap;
  text-decoration: none; cursor: pointer; font: inherit;
}
.ck-float-nav a:hover, .ck-float-nav button:hover { background: #f2e7f3; }
.ck-float-nav a:focus-visible, .ck-float-nav button:focus-visible { outline: 3px solid #a769ad; outline-offset: 2px; }
.ck-flying-chicken, .ck-balloon { position: fixed; pointer-events: none; z-index: 1100; height: auto; }
.ck-flying-chicken { width: 125px; top: 20%; right: -160px; animation: ck-fly 9s linear forwards; }
.ck-balloon { width: 100px; bottom: -140px; left: 75%; animation: ck-rise 8s ease-out forwards; }
@keyframes ck-fly { from { transform: translateX(0) scale(.5); opacity: .9; } to { transform: translateX(calc(-100vw - 350px)) scale(1.3); opacity: 0; } }
@keyframes ck-rise { from { transform: translateY(0); opacity: 0; } 10% { opacity: .95; } to { transform: translateY(calc(-100vh - 250px)); opacity: 0; } }
@media (max-width: 560px) {
  .ck-float-nav { width: calc(100vw - 14px); gap: 3px; padding: 5px; }
  .ck-float-nav a, .ck-float-nav button { flex: 1 1 auto; text-align: center; font-size: 10px; padding: 10px 4px; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { .ck-flying-chicken, .ck-balloon { display: none !important; animation: none !important; } }
@media print { body { padding-bottom: 0 !important; } .ck-float-nav, .ck-flying-chicken, .ck-balloon { display: none !important; } }

/* A2.5 — original cover chicken in more places */
.book-header h1 { position: relative; }
.ck-cover-chicken { width: clamp(48px, 8vw, 80px); max-height: 84px; object-fit: contain; vertical-align: middle; margin-left: 9px; }
.ck-chicken-signoff { text-align: center; margin-bottom: 6px; }
.ck-footer-chicken { width: 82px; max-height: 80px; object-fit: contain; }
.ck-recipe-chicken { text-align: center; margin: 0 auto 8px; }
.ck-perched-chicken { width: 72px; height: auto; }
.chapter summary .ck-chapter-chicken { flex: 0 0 auto; width: 32px; height: 32px; object-fit: contain; margin-left: 2px; }
.ck-running-chicken { position: fixed; width: 88px; height: auto; left: -110px; bottom: max(102px, calc(env(safe-area-inset-bottom) + 90px)); z-index: 1050; pointer-events: none; opacity: 0; animation: ck-chicken-run 9s linear forwards; }
@keyframes ck-chicken-run { 0% {transform: translateX(0) scaleX(1); opacity: 0;} 6% {opacity: .9;} 90% {opacity: .9;} 100% {transform: translateX(calc(100vw + 150px)) scaleX(1); opacity: 0;} }
@media (max-width: 560px) { .chapter summary .ck-chapter-chicken { width: 23px; height: 23px; } .ck-running-chicken { width: 62px; } }
@media (prefers-reduced-motion: reduce) { .ck-running-chicken { display: none !important; animation: none !important; } }
@media print { .ck-cover-chicken, .ck-footer-chicken, .ck-perched-chicken, .ck-chapter-chicken, .ck-running-chicken { display: none !important; } }

/* A2.6 — Safari-visible runner and fully opaque airplane/balloon. */
.ck-running-chicken {
  animation: none;
  opacity: 1;
  visibility: hidden;
  width: 112px;
  z-index: 1500;
}
.ck-running-chicken.ck-running-active {
  visibility: visible;
  animation: ck-run-visible 10s linear forwards;
}
@keyframes ck-run-visible {
  from { transform: translate3d(0,0,0); opacity: 1; }
  to { transform: translate3d(calc(100vw + 230px),0,0); opacity: 1; }
}
.ck-flying-chicken, .ck-balloon { opacity: 1; filter: none; }
.ck-flying-chicken { animation: ck-fly-solid 10s linear forwards; width: 165px; }
.ck-balloon { animation: ck-rise-solid 11s linear forwards; width: 130px; }
@keyframes ck-fly-solid {
  from { transform: translateX(0) scale(.7); opacity: 1; }
  to { transform: translateX(calc(-100vw - 350px)) scale(1.4); opacity: 1; }
}
@keyframes ck-rise-solid {
  from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(calc(-100vh - 310px)); opacity: 1; }
}
@media (max-width:560px) { .ck-running-chicken { width: 85px; } .ck-flying-chicken { width: 135px; } .ck-balloon { width: 110px; } }
@media (prefers-reduced-motion: reduce) {
  .ck-running-chicken.ck-running-active, .ck-flying-chicken, .ck-balloon { display:none!important; animation:none!important; }
}
@media print { .ck-running-chicken.ck-running-active { display:none!important; } }

/* A2.7: no small cartoon-break thumbnail. Large rotating cartoon is unchanged. */
.ck-recipe-chicken, .ck-perched-chicken { display:none!important; }

/* A2.9.1 — enforce decorative chicken image sizing */

/* Small chicken beside cookbook title */
.book-header h1 img.ck-cover-chicken {
  display: inline-block !important;
  width: 72px !important;
  max-width: 72px !important;
  height: auto !important;
  max-height: 76px !important;
  object-fit: contain;
  vertical-align: middle;
  margin-left: 10px;
}

/* Small chicken above footer */
.book-footer .ck-chicken-signoff img.ck-footer-chicken {
  display: inline-block !important;
  width: 82px !important;
  max-width: 82px !important;
  height: auto !important;
  max-height: 80px !important;
  object-fit: contain;
}

/* Keep chapter decorations small */
details.chapter > summary img.ck-chapter-chicken {
  width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  object-fit: contain;
}

/* Preserve smaller chapter icons on phones */
@media (max-width: 560px) {
  details.chapter > summary img.ck-chapter-chicken {
    width: 23px !important;
    max-width: 23px !important;
    height: 23px !important;
  }
}

/* A2.10 — Live search and clear X */

.ck-search-input-wrap {
  position: relative;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}

.ck-search-input-wrap input {
  width: 100%;
  box-sizing: border-box;
  padding-right: 44px !important;
}

/* Hide the browser's native clear icon */
.ck-search-input-wrap input::-webkit-search-cancel-button {
  display: none;
}

.ck-search-clear {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #eee4ed;
  color: #672578;
  font: 700 24px/1 Arial, sans-serif;
  cursor: pointer;
}

.ck-search-clear[hidden] {
  display: none !important;
}

.ck-search-clear:focus-visible {
  outline: 2px solid #672578;
  outline-offset: 2px;
}

html.ck-live-search .search-row > button[type="submit"],
html.ck-live-search .search-row > a.clear {
  display: none;
}

.ck-search-status {
  display: block;
  font-size: 12px;
  color: #672578;
}

.ck-search-status:empty {
  display: none;
}
/* A2.10.1 — Larger search clear X */

.ck-search-clear {
    width: 42px !important;
    height: 42px !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    right: 4px;
}



