/**
 * File: /assets/css/modal-fixes.css
 * Version: 1.0.4
 * Path: /home/cookmoi/public_html/development.cookmoi.com/assets/css/modal-fixes.css
 * Created: 2026-01-17
 * Purpose: Fix modal positioning - scoped by ID to prevent conflicts
 */

/* ============================================
   FIX: #chooseCookbook modal positioning
   ============================================ */

/* Full screen modal container */
#chooseCookbook {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
}

/* Center the dialog */
#chooseCookbook .modal-dialog {
    margin: 1.75rem auto !important;
    max-height: calc(100vh - 3.5rem) !important;
    height: auto !important;
}

/* FIX: Remove pink/yellow from aside, make it light grey */
#chooseCookbook #create-feed-reel {
    background-color: #e9e9e9 !important;
    padding: 15px !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
}

/* Ensure modal body is white */
#chooseCookbook .modal-body {
    background-color: #ffffff !important;
}

#chooseCookbook .modal-content {
    background-color: #ffffff !important;
}