/* Public kitchen pages (ORCO Phase 0) — static layout helpers so templates
   don't need inline styles. Dynamic accent colors remain inline by necessity. */

.pk-banner { width: 100%; max-height: 280px; overflow: hidden; }
.pk-banner img { width: 100%; max-height: 280px; object-fit: cover; display: block; }

.pk-logo { width: 56px; height: 56px; border-radius: 12px; object-fit: cover; }
.pk-logo-sm { width: 32px; height: 32px; border-radius: 8px; object-fit: cover; }

.pk-hero-img { width: 100%; max-height: 400px; object-fit: cover; border-radius: 12px; }

.pk-desc { max-width: 640px; }
.pk-search { max-width: 520px; }

.pk-wrap { max-width: 1040px; }
.pk-wrap-sm { max-width: 960px; }

.pk-notes { white-space: pre-wrap; }

/* Pro-recipe locked teaser: blurred placeholder content + unlock overlay */
.pk-lock-wrap { position: relative; }
.pk-lock-blur { filter: blur(5px); opacity: .6; pointer-events: none; user-select: none; }
.pk-lock-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; }
.pk-unlock-card { background: #fff; border: 1px solid #ece5d6; border-radius: 18px; padding: 32px 28px; width: 100%; max-width: 440px; box-shadow: 0 12px 40px rgba(0, 51, 38, .14); }
.pk-unlock-alt { border: none; background: none; color: #00473e; font-weight: 600; font-size: .9rem; text-decoration: underline; cursor: pointer; padding: 4px; }
.pk-unlock-alt:hover { color: #00362f; }

/* Skeleton placeholders (no real recipe content) */
.pk-skel-list { list-style: none; padding: 0; margin: 0; }
.pk-skel-list li { padding: 11px 0; border-bottom: 1px solid #f0ece2; }
.pk-skel { display: inline-block; height: 12px; border-radius: 6px; background: #d9d3c6; }
.pk-skel-step { display: flex; gap: 12px; margin-bottom: 22px; }
.pk-skel-num { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: #cfe3cf; }
.pk-skel-lines { flex: 1; display: flex; flex-direction: column; gap: 9px; padding-top: 4px; }
.pk-skel-lines .pk-skel { display: block; }

/* Edit-in-public-view owner toolbar + newsletter forms (Phase 1) */
.pk-owner-bar { background: #e6efe0; border-bottom: 1px solid #c7e0c4; }
.pk-form-narrow { max-width: 480px; }

/* Follow / Subscribe button (user-account follow) */
.pk-follow { display:inline-flex; align-items:center; gap:7px; border:1px solid #00473e; background:#00473e; color:#fff; font-weight:700; font-size:.9rem; padding:8px 18px; border-radius:999px; cursor:pointer; }
.pk-follow:hover { background:#00362f; border-color:#00362f; }
.pk-follow.following { background:#fff; color:#00473e; }