/* Custom styles supplementing Tailwind */

/* Custom Scrollbar for Ingredient Editor */
#ingredientEditorList::-webkit-scrollbar {
    width: 6px;
}
#ingredientEditorList::-webkit-scrollbar-track {
    background: transparent;
}
#ingredientEditorList::-webkit-scrollbar-thumb {
    background-color: #e5e7eb;
    border-radius: 10px;
}
.dark #ingredientEditorList::-webkit-scrollbar-thumb {
    background-color: #374151;
}

/* Custom Checkbox Toggle */
input:checked ~ .toggle-bg {
    background-color: #4f46e5; /* Primary */
}
input:checked ~ .dot {
    transform: translateX(100%);
}

/* Print Styles */
@media print {
    body {
        background: white !important;
        color: black !important;
        margin: 0;
        padding: 0;
    }
    
    .print-hide {
        display: none !important;
    }
    
    .print-block {
        display: block !important;
    }
    
    .print-box {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .print-list {
        font-size: 14pt;
        line-height: 1.6;
    }

    .print-list li {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
        page-break-inside: avoid;
    }

    .print-title-output {
        font-size: 24pt;
        border-bottom: 2px solid #000;
        padding-bottom: 0.5rem;
    }
}