/* TodayRecipes v4.2 — targeted UX stability and loading effects */
/* Unified image loading skeleton with graceful blur reveal */
.cd-public img.tr-img-loading{filter:blur(13px);opacity:.65;transform:scale(1.018);transition:filter .5s ease,opacity .5s ease,transform .6s ease;background:linear-gradient(105deg,#e8ece5 8%,#f5f7f1 26%,#e8ece5 43%);background-size:250% 100%;animation:tr-image-shimmer 1.5s ease-in-out infinite}
.cd-public img.tr-img-ready{filter:blur(0);opacity:1;transform:scale(1);transition:filter .5s ease,opacity .5s ease,transform .6s ease}
@keyframes tr-image-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
/* Do not interfere with existing card hover zooms; image reveal only before load. */
.cd-public .cd-recipe-card:hover img.tr-img-ready,.cd-public .cd-video-card:hover img.tr-img-ready{transform:none}
/* Recipe header reading progress — fixed below header, independent of header animation */
.cd-detail-page .tr-reading-progress{position:fixed;top:var(--tr-progress-top,0px);left:0;right:0;height:3px;z-index:10050;pointer-events:none;background:transparent}
.cd-detail-page .tr-reading-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9fbca9,#277451);transform:scaleX(var(--tr-read-percent,0));transform-origin:left;transition:transform .09s linear;box-shadow:0 1px 4px rgba(20,86,55,.1)}
/* Cooking mode top actions — aligned, reliable, readable */
.cd-cooking-mode .cd-cook-page{position:relative}
.cd-cooking-mode .tr-cook-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.cd-cooking-mode .tr-cook-actions .cd-cook-back{display:inline-flex;align-items:center;gap:9px;margin:0!important;min-height:44px;padding:0 17px;border:1px solid #cddbd0;border-radius:999px;background:#fff;color:#224533;font:500 14px/1.3 'Open Sans',sans-serif!important;letter-spacing:0!important;transition:background .2s,border-color .2s,transform .2s}
.cd-cooking-mode .tr-cook-actions .cd-cook-back:hover{background:#eef4ee;border-color:#9ebba6;transform:translateX(-2px)}
.cd-cooking-mode .tr-cook-actions .cd-print-recipe{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;margin:0!important;padding:0 18px!important;min-height:44px!important;width:auto!important;max-width:none!important;position:static!important;border:1px solid #204c38!important;border-radius:999px!important;background:#204c38!important;color:#fff!important;font:500 14px/1.3 'Open Sans',sans-serif!important;letter-spacing:0!important;box-shadow:none!important}
.cd-cooking-mode .tr-cook-actions .cd-print-recipe svg{width:18px!important;height:18px!important;flex:none;stroke:currentColor!important;fill:none!important;stroke-width:1.8}
.cd-cooking-mode .tr-cook-actions .cd-print-recipe .cd-action-label{display:inline!important;font:inherit!important;color:inherit!important}
.cd-cooking-mode .tr-cook-actions .cd-print-recipe:hover{background:#143927!important}
@media(max-width:580px){.cd-cooking-mode .tr-cook-actions{gap:8px}.cd-cooking-mode .tr-cook-actions .cd-cook-back,.cd-cooking-mode .tr-cook-actions .cd-print-recipe{font-size:12px!important;padding:0 12px!important;min-height:42px!important}}
@media(prefers-reduced-motion:reduce){.cd-public img.tr-img-loading,.cd-public img.tr-img-ready{filter:none!important;transform:none!important;animation:none!important;transition:none!important}.cd-detail-page .tr-reading-progress>span{transition:none}}
@media print{.tr-reading-progress,.tr-cook-actions{display:none!important}.cd-cooking-mode .cd-cook-page{padding:0!important}.cd-cooking-mode .cd-cook-header{background:#fff!important;color:#222!important;box-shadow:none!important;border:0!important;padding:0!important}.cd-cooking-mode .cd-cook-header h1{color:#222!important;font-size:24pt!important}.cd-cooking-mode .cd-cook-header .cd-facts span{color:#222!important;background:none!important}.cd-cooking-mode .cd-cook-ingredients,.cd-cooking-mode .cd-cook-steps{box-shadow:none!important;border:0!important;padding:10px 0!important}.cd-cooking-mode .cd-cook-steps li{break-inside:avoid}.cd-public img.tr-img-loading{filter:none!important;opacity:1!important;animation:none!important}}
