/* Single Recipe Redesigned Styles */
:root {
  --background: 120 15% 98%;
  --foreground: 140 25% 15%;
  --card: 0 0% 100%;
  --card-foreground: 140 25% 15%;
  --primary: 140 45% 35%;
  --primary-foreground: 0 0% 98%;
  --primary-glow: 140 60% 45%;
  --secondary: 25 85% 92%;
  --secondary-foreground: 140 25% 15%;
  --muted: 120 10% 95%;
  --muted-foreground: 140 15% 45%;
  --accent: 25 95% 65%;
  --accent-foreground: 0 0% 98%;
  --border: 120 15% 88%;
  --gradient-hero: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow)));
  --shadow-card: 0 4px 20px -2px hsl(var(--primary) / 0.1);
  --shadow-hero: 0 20px 40px -10px hsl(var(--primary) / 0.2);
  --transition-smooth: all 0.3s cubic-bezier(.4,0,.2,1);
}

.single-recipe-layout{background:hsl(var(--background));color:hsl(var(--foreground));font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}
.single-recipe-layout .container{max-width:1280px;margin:0 auto;padding:0 1.5rem}

.single-recipe-layout .back-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;margin:1.5rem 0;transition:var(--transition-smooth)}
.single-recipe-layout .back-link:hover{color:hsl(var(--primary))}

.single-recipe-layout .hero-section{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start;padding:0 0 2rem;min-height:auto;overflow:visible}
@media (min-width:1024px){.single-recipe-layout .hero-section{grid-template-columns:1fr 1fr}}
.single-recipe-layout .image-container{position:relative}
.single-recipe-layout .hero-image{width:100%;aspect-ratio:4/3;border-radius:1.5rem;object-fit:cover;box-shadow:var(--shadow-hero)}
.single-recipe-layout .favorite-btn{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:hsl(var(--background)/.9);backdrop-filter:blur(8px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.single-recipe-layout .favorite-btn:hover{background:hsl(var(--background));transform:scale(1.1)}
.single-recipe-layout .favorite-btn.active{color:#ef4444}

/* Hero rating overlay */
.single-recipe-layout .rating-overlay{position:absolute;left:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.45rem;background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(255,255,255,.65));backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);padding:1rem 1.15rem 1.05rem;border-radius:1.35rem;box-shadow:0 10px 28px -8px rgba(0,0,0,.22),0 4px 14px -3px rgba(0,0,0,.12);min-width:170px;border:1px solid rgba(255,255,255,.55);animation:fadeIn .7s cubic-bezier(.16,.8,.3,1) .1s both}
.single-recipe-layout .rating-overlay .rating-link{display:flex;flex-direction:column;gap:.45rem;text-decoration:none;color:inherit}
.single-recipe-layout .rating-overlay .rating-link:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px;border-radius:1rem}
.single-recipe-layout .rating-overlay .rating-core{display:flex;align-items:center;gap:.75rem}
.single-recipe-layout .rating-stars{display:flex;align-items:center;gap:.25rem;letter-spacing:0;line-height:1}
.single-recipe-layout .rating-stars .star{width:2.15rem;height:2.15rem;display:inline-block;position:relative;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));background:#cfd4d1;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);-webkit-clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:transform .55s cubic-bezier(.34,1.56,.64,1),background .35s ease;font-size:0;line-height:0;color:transparent}
.single-recipe-layout .rating-stars .star.full{background:hsl(var(--primary))}
.single-recipe-layout .rating-stars .star.half{background:linear-gradient(90deg,hsl(var(--primary)) 50%,#cfd4d1 50%)}
@media (max-width:600px){
  .single-recipe-layout .rating-stars .star{width:1.8rem;height:1.8rem}
}
.single-recipe-layout .rating-meta{display:none}
.single-recipe-layout .rating-subline{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.95;display:flex;align-items:center;gap:.45rem;line-height:1.1}
.single-recipe-layout .rating-subline .rating-value{background:none;-webkit-background-clip:initial;background-clip:initial;color:hsl(var(--foreground));font-size:.75rem;font-weight:700;letter-spacing:.08em}
.single-recipe-layout .rating-overlay:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.2));mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.single-recipe-layout .rating-overlay:hover{transform:translateY(-3px);box-shadow:0 12px 32px -8px rgba(0,0,0,.22),0 4px 12px -2px rgba(0,0,0,.12)}
.single-recipe-layout .rating-overlay .star{transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease}
/* Removed star lift on hover to keep stars static */
/*.single-recipe-layout .rating-overlay:hover .star.full{transform:translateY(-3px)}*/
.single-recipe-layout .rating-overlay .rating-value{background:linear-gradient(90deg,#0f1115,#3b4048);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:.5px}
@media (max-width:640px){
  .single-recipe-layout .rating-overlay{left:.75rem;right:.75rem;bottom:.75rem;min-width:0;width:auto;display:inline-flex;padding:.7rem 1rem;border-radius:1rem}
  .single-recipe-layout .rating-meta .rating-value{font-size:1.15rem}
}

.single-recipe-layout .recipe-info{display:flex;flex-direction:column;gap:.55rem}/* reduced gap for tighter layout */
.single-recipe-layout .recipe-title{font-size:40px;font-weight:700;line-height:1.15;margin:0 0 .65rem}/* updated fixed size */
@media (min-width:1024px){.single-recipe-layout .recipe-title{font-size:40px}}
.single-recipe-layout .recipe-description{position:relative;font-size:14px;line-height:1.7;max-width:64ch;word-break:break-word;white-space:pre-wrap}
.single-recipe-layout .recipe-description.collapsed{max-height:5rem;overflow:hidden}
#recipeDescription{
    margin-bottom:-10px;
}
.single-recipe-layout .recipe-description.collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4rem;background:linear-gradient(to bottom,rgba(255,255,255,0),hsl(var(--background)));pointer-events:none}
.single-recipe-layout .recipe-description.expanded{max-height:none}
.single-recipe-layout .description-toggle[aria-expanded="true"] #descriptionToggleIcon{transform:rotate(180deg)}
.single-recipe-layout .description-toggle{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--primary));background:none;border:none;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}
.single-recipe-layout .description-toggle:hover{opacity:.8}
.single-recipe-layout .hidden-description{display:none;margin-top:1rem;line-height:1.7}
.single-recipe-layout .description-toggle{
    padding-left:0px;
    padding-right:0px;
    margin-bottom:0px;
}
.single-recipe-layout .action-btn{
    margin-bottom:5px;
    margin-top:5px;
}
.single-recipe-layout .metadata-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:0px;}
@media (min-width:768px){.single-recipe-layout .metadata-grid{grid-template-columns:repeat(3,1fr)}}
.single-recipe-layout .metadata-card{display:flex;align-items:center;gap:.75rem;background:hsl(var(--card));padding:1rem;border-radius:1rem;box-shadow:var(--shadow-card)}
.single-recipe-layout .metadata-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}
.single-recipe-layout .metadata-icon.time{background:hsl(var(--primary)/.1);color:hsl(var(--primary))}
.single-recipe-layout .metadata-icon.difficulty{background:hsl(var(--primary-glow)/.1);color:hsl(var(--primary-glow))}
.single-recipe-layout .metadata-icon.cuisine{background:hsl(var(--secondary)/.3);color:hsl(var(--secondary-foreground))}
.single-recipe-layout .metadata-value{font-weight:600;color:hsl(var(--foreground))}
.single-recipe-layout .metadata-label{font-size:.875rem}

.single-recipe-layout .action-buttons{display:flex;gap:.5rem;margin-bottom:0px;flex-wrap:wrap}/* reduced gap & vertical margin */
.single-recipe-layout .action-btn{flex:1;padding:.5rem 1.05rem;background:hsl(var(--muted));border:none;border-radius:.85rem;display:flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:var(--transition-smooth);font-size:.95rem}/* ~30% height reduction */
.single-recipe-layout .action-btn:hover{background:hsl(var(--muted)/.8);color:hsl(var(--foreground))}

.single-recipe-layout .tags{display:flex;flex-wrap:wrap;gap:.75rem}
.single-recipe-layout .tag{padding:3px 1rem;background:linear-gradient(to right,hsl(var(--primary)/.1),hsl(var(--primary)/.05));color:hsl(var(--primary));border-radius:2rem;font-size:.875rem;font-weight:500;border:1px solid hsl(var(--primary)/.2);text-decoration:none;display:inline-block;transition:var(--transition-smooth)}
.single-recipe-layout a.tag:hover,.single-recipe-layout a.tag:focus{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 0 0 3px hsl(var(--primary)/.25);outline:none}

.single-recipe-layout .content-section{padding:2rem 0}
.single-recipe-layout .content-grid{display:grid;gap:3rem}
@media (min-width:1024px){.single-recipe-layout .content-grid{grid-template-columns:2fr 1fr}}
.single-recipe-layout .card{background:hsl(var(--card));border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-card);height:fit-content}
@media (min-width:1024px){.single-recipe-layout .card{padding:3rem}}
.single-recipe-layout .card-title{font-size:1.875rem;font-weight:700;margin:0 0 3rem;color:hsl(var(--foreground))}
@media (min-width:1024px){.single-recipe-layout .card-title{font-size:2.25rem}}

.single-recipe-layout .step{display:flex;gap:1.5rem;margin-bottom:2rem;position:relative}
.single-recipe-layout .step-number{width:2.5rem;height:2.5rem;background:var(--gradient-hero);color:hsl(var(--primary-foreground));border-radius:1rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0;box-shadow:none}

/* --- Timeline layout enforcement (simplified selectors) --- */
.single-recipe-layout .step{background:none!important;padding:0!important;box-shadow:none!important;border:none!important;display:flex!important;align-items:flex-start!important;flex-direction:row!important;gap:1.25rem!important;margin:0 0 2rem!important}
.single-recipe-layout .step:last-child{margin-bottom:0!important}
.single-recipe-layout .step-number{position:relative!important;left:0!important;right:auto!important;margin:0 1.25rem 0 0!important;box-shadow:none!important;flex-shrink:0!important}
.single-recipe-layout .step-content{background:none!important;box-shadow:none!important;padding:0!important;text-align:left!important;max-width:760px}
.single-recipe-layout .step-content h3,.single-recipe-layout .step-content h4{text-align:left!important;margin:0 0 .5rem!important}
.single-recipe-layout .step-content p{text-align:left!important;margin:0!important}
.single-recipe-layout .step:hover{background:none!important}
.single-recipe-layout .step-line{left:1.25rem!important;}
@media (max-width:640px){
  .single-recipe-layout .step{gap:1rem}
  .single-recipe-layout .step-number{width:2.25rem;height:2.25rem;font-size:1rem}
}
.single-recipe-layout .step-content h3,.single-recipe-layout .step-content h4{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:hsl(var(--foreground));transition:var(--transition-smooth)}
.single-recipe-layout .step:hover .step-content h3,.single-recipe-layout .step:hover .step-content h4{color:hsl(var(--primary))}
.single-recipe-layout .step-content p{font-size:1.125rem;line-height:1.7;margin:0}
.single-recipe-layout .step-line{position:absolute;left:1.25rem;top:3rem;bottom:0;width:1px;background:linear-gradient(to bottom,hsl(var(--primary)/.3),transparent)}
.single-recipe-layout .step:last-child .step-line{display:none}

.single-recipe-layout .sidebar{display:flex;flex-direction:column;gap:2rem}
.single-recipe-layout .ingredients-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}
.single-recipe-layout .ingredients-title{font-size:1.5rem;font-weight:700;margin:0;color:hsl(var(--foreground))}
.single-recipe-layout .servings-control{display:flex;align-items:center;gap:.75rem}
.single-recipe-layout .servings-icon{width:2.5rem;height:2.5rem;background:hsl(var(--accent)/.1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:hsl(var(--accent))}
.single-recipe-layout .servings-buttons{display:flex;align-items:center;gap:.5rem}
.single-recipe-layout .servings-btn{width:2rem;height:2rem;background:hsl(var(--muted));border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);color:hsl(var(--primary))}
.single-recipe-layout .servings-btn svg{stroke:currentColor}
.single-recipe-layout .servings-btn:hover{color:hsl(var(--foreground))}
.single-recipe-layout .servings-btn svg{width:16px;height:16px;stroke:currentColor}
.single-recipe-layout .servings-btn:hover{background:hsl(var(--primary)/.1)}
.single-recipe-layout .servings-btn:disabled{opacity:.5;cursor:not-allowed}
.single-recipe-layout .servings-display{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));min-width:4rem;text-align:center}

.single-recipe-layout .ingredient{display:flex;align-items:center;gap:1rem;padding:.75rem 0;cursor:pointer;transition:var(--transition-smooth)}
.single-recipe-layout .ingredient:hover .ingredient-text{color:hsl(var(--primary))}
.single-recipe-layout .ingredient-checkbox{width:1.5rem;height:1.5rem;border:2px solid hsl(var(--primary));border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);cursor:pointer}
.single-recipe-layout .ingredient-checkbox:hover{background:hsl(var(--primary)/.05)}
.single-recipe-layout .ingredient-checkbox.checked{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}
.single-recipe-layout .ingredient-text{flex:1;font-size:1.125rem;color:hsl(var(--foreground));transition:var(--transition-smooth)}
.single-recipe-layout .ingredient-text.checked{text-decoration:line-through}

.single-recipe-layout #shoppingList{margin-top:.25rem}
.single-recipe-layout .shopping-category{background:hsl(var(--muted)/.35);border-radius:.85rem;padding:1rem 1.1rem 1rem;margin:0 0 1rem;position:relative;box-shadow:0 2px 6px -2px hsl(var(--primary)/.08)}
.single-recipe-layout .shopping-category:last-child{margin-bottom:.5rem}
.single-recipe-layout .category-title{color:hsl(var(--primary));font-weight:600;margin:0 0 .5rem;display:flex;align-items:center;gap:.45rem;font-size:1rem;line-height:1.2}
.single-recipe-layout .category-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.single-recipe-layout .category-item{display:flex;align-items:flex-start;gap:.45rem;font-size:.82rem;line-height:1.35;margin:0;position:relative;padding:0}
.single-recipe-layout .category-bullet{width:.3rem;height:.3rem;margin-top:.45rem;background:hsl(var(--primary));border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px hsl(var(--primary)/.15)}
.single-recipe-layout .shopping-category:hover{background:hsl(var(--muted)/.45)}
.single-recipe-layout .shopping-category:before{content:"";position:absolute;inset:0;border:1px solid hsl(var(--primary)/.07);border-radius:inherit;pointer-events:none}
@media (min-width:1024px){
  .single-recipe-layout .shopping-category{padding:.9rem 1rem .95rem}
  .single-recipe-layout .category-items{gap:.35rem}
}

.single-recipe-layout .export-btn{width:100%;margin-top:2rem;padding:1rem 1.5rem;background:var(--gradient-hero);color:hsl(var(--primary-foreground));border:none;border-radius:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-card)}
.single-recipe-layout .export-btn:hover{box-shadow:var(--shadow-hero);transform:translateY(-2px)}

.single-recipe-layout .nutrition-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;text-align:left;padding:0;cursor:pointer}
.single-recipe-layout .nutrition-toggle h3{font-size:1.5rem;font-weight:700;margin:0;color:hsl(var(--foreground))}
.single-recipe-layout .nutrition-icon{transition:var(--transition-smooth);display:flex}
.single-recipe-layout .nutrition-icon.rotated{transform:rotate(180deg)}
.single-recipe-layout .nutrition-content{display:none;margin-top:1.5rem}
.single-recipe-layout .nutrition-content.visible{display:block;animation:fadeIn .6s ease-out}
.single-recipe-layout .nutrition-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid hsl(var(--border))}
.single-recipe-layout .nutrition-item:last-child{border-bottom:none}
.single-recipe-layout .nutrition-label{font-size:.875rem}
.single-recipe-layout .nutrition-value{text-align:right}
.single-recipe-layout .nutrition-value-main{font-weight:600;color:hsl(var(--foreground));font-size:1rem}
.single-recipe-layout .nutrition-value-sub{font-size:.7rem}

@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeIn .6s ease-out}

/* Related Recipes */
.single-recipe-layout .related-recipes{padding:3rem 0;background:hsl(var(--muted)/.3)}
.single-recipe-layout .section-title{font-size:2.25rem;font-weight:700;text-align:center;margin:0 0 3rem;color:hsl(var(--foreground))}
.related-recipes .section-title, .recipe-comments-wrapper .section-title{font-size:2.25rem;font-weight:700;text-align:center;margin:0 0 3rem;color:hsl(var(--foreground));line-height:1.15}
.single-recipe-layout .recipe-comments .section-title,
.single-recipe-layout .related-recipes .section-title,
.related-recipes .section-title,
.recipe-comments-wrapper .section-title{display:block;text-align:center;margin-left:auto;margin-right:auto}
.single-recipe-layout .recipes-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.single-recipe-layout .recipe-card{background:hsl(var(--card));border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-card);transition:var(--transition-smooth);cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.single-recipe-layout .recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hero)}
.single-recipe-layout .recipe-card-image{width:100%;height:200px;object-fit:cover}
.single-recipe-layout .recipe-card-content{padding:1.5rem}
.single-recipe-layout .recipe-card-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:hsl(var(--foreground))}
.single-recipe-layout .recipe-card-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem}

/* Comments */
.single-recipe-layout .comments-section{padding:3rem 0}
.single-recipe-layout .comments-grid{display:grid;gap:3rem}
@media (min-width:1024px){.single-recipe-layout .comments-grid{grid-template-columns:2fr 1fr}}
.single-recipe-layout .comment-form{background:hsl(var(--card));border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-card);height:fit-content}
.single-recipe-layout .form-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:hsl(var(--foreground))}
.single-recipe-layout .rating-input{margin-bottom:1.5rem}
.single-recipe-layout .rating-label{display:block;margin:0 0 .75rem;font-weight:500;color:hsl(var(--foreground))}
.single-recipe-layout .stars{display:flex;gap:.25rem;margin-bottom:.5rem}
.single-recipe-layout .star{width:2rem;height:2rem}
.single-recipe-layout .star.active,.single-recipe-layout .star:hover{color:#f59e0b}
.single-recipe-layout .rating-text{font-size:.875rem}
.single-recipe-layout .form-group{margin-bottom:1.5rem}
.single-recipe-layout .form-input,.single-recipe-layout .form-textarea{width:100%;padding:.75rem 1rem;border:2px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--background));color:hsl(var(--foreground));font-size:1rem;transition:var(--transition-smooth)}
.single-recipe-layout .form-input:focus,.single-recipe-layout .form-textarea:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.1)}
.single-recipe-layout .form-textarea{resize:vertical;min-height:120px}
.single-recipe-layout .submit-btn{width:100%;padding:.875rem 1.5rem;background:var(--gradient-hero);color:hsl(var(--primary-foreground));border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}
.single-recipe-layout .submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hero)}
.single-recipe-layout .comments-list{display:flex;flex-direction:column;gap:1.5rem}
.single-recipe-layout .comment{background:hsl(var(--card));border-radius:1.5rem;padding:1.5rem;box-shadow:var(--shadow-card)}
.single-recipe-layout .comment-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 1rem}
.single-recipe-layout .comment-author{display:flex;align-items:center;gap:.75rem}
.single-recipe-layout .comment-avatar{width:2.5rem;height:2.5rem;background:var(--gradient-hero);border-radius:50%;display:flex;align-items:center;justify-content:center;color:hsl(var(--primary-foreground));font-weight:600}
.single-recipe-layout .comment-name{font-weight:600;color:hsl(var(--foreground))}
.single-recipe-layout .comment-date{font-size:.875rem}
.single-recipe-layout .comment-rating{display:flex;gap:.25rem}
.single-recipe-layout .comment-rating .star{width:1.5rem;height:1.5rem;display:inline-block;background:#cfd4d1;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);-webkit-clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.05));transition:background .3s ease;font-size:0;line-height:0;color:transparent}
.single-recipe-layout .comment-rating .star.full{background:hsl(var(--primary))}

/* Comment rating stars when comments section is rendered outside .single-recipe-layout */
.recipe-comments-wrapper .comment-rating{display:flex;gap:.25rem}
.recipe-comments-wrapper .comment-rating .star{width:1.5rem;height:1.5rem;display:inline-block;background:#cfd4d1;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);-webkit-clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}
.recipe-comments-wrapper .comment-rating .star.full{background:hsl(var(--primary))}

@supports not (clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)){
  .single-recipe-layout .rating-stars .star,
  .single-recipe-layout .comment-rating .star{clip-path:none;-webkit-clip-path:none;font-size:1.25rem;line-height:1;color:#cfd4d1;background:none}
  .single-recipe-layout .rating-stars .star.full,
  .single-recipe-layout .comment-rating .star.full{color:hsl(var(--primary))}
  .single-recipe-layout .rating-stars .star.half{background:none;color:hsl(var(--primary));}
}
.single-recipe-layout .comment-text{line-height:1.6;margin:0}
.single-recipe-layout .comment-actions{display:flex;gap:1rem;margin-top:1rem}
.single-recipe-layout .comment-action{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font-size:.875rem;transition:var(--transition-smooth);padding:0}
.single-recipe-layout .comment-action:hover{color:hsl(var(--primary))}

/* Print adjustments */
@media print {
  .single-recipe-layout .favorite-btn,
  .single-recipe-layout .action-buttons,
  .single-recipe-layout .export-btn,
  .single-recipe-layout .servings-buttons,
  .single-recipe-layout .back-link,
  .single-recipe-layout .description-toggle,
  #nutritionToggle{display:none!important}
  body{background:#fff}
}