/* Recipe Page Styles */

/* Ingredient line styling */
.ingredient-line { 
    position: relative; 
}

.ingredient-line .ingredient-check { 
    position: absolute; 
    left: -9999px; 
}

.ingredient-line .check-icon {     
    display: inline-block;
    line-height: 1;
    opacity: 0.1;
    transition: opacity 140ms ease-in-out; 
}

.ingredient-line .ingredient-check:checked + .check-icon { 
    opacity: 1; 
}

/* Add shopping list button inactive state */
#add-shopping-list.add-inactive { 
    background: #fff !important; 
    color: #374151 !important; 
    border: 1px solid #d1d5db !important; 
    box-shadow: none !important; 
}

/* Wake Lock toggle switch styles */
.switch { 
    position: relative; 
    display: inline-block; 
    width: 46px; 
    height: 28px; 
}

.switch input { 
    display: none; 
}

.track { 
    position: absolute; 
    inset: 0; 
    border-radius: 9999px; 
    border: 2px solid #d1d5db; 
    background: #fff; 
}

.knob { 
    position: absolute; 
    width: 20px; 
    height: 20px; 
    background: #374151; 
    border-radius: 9999px; 
    top: 50%; 
    left: 4px; 
    transform: translateY(-50%); 
    transition: left .18s ease, background .18s ease; 
}

.switch input:checked + .track .knob { 
    left: 22px; 
    background: #ffffff; 
}

.switch input:checked + .track { 
    background: #111827; 
    border-color: #111827; 
}