/*
Theme Name: Recipes for Everyone
Theme URI: https://example.com
Author: Woodyi
Description: A recipe blog theme converted from React/Tailwind.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: recipes-theme
*/

/* * This theme uses Tailwind CSS via CDN for simplicity, 
 * matching the provided React setup.
 */
/* --- FORCE MENU FIX --- */

/* 1. Remove standard bullets from the Header ONLY */
header ul, 
header li, 
header nav ul, 
header nav li {
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Remove "Pseudo" bullets (dots added by code) */
header nav li::before,
header nav li::after,
header ul li::before,
header ul li::after {
    content: none !important;
    display: none !important;
}

/* 3. Center the text and make it bigger */
header nav ul {
    display: flex !important;
    gap: 40px !important;      /* Space between items */
    justify-content: center !important;
    margin: 0 auto !important;
}

header nav a {
    font-size: 22px !important; /* Bigger Text */
    font-weight: 700 !important;
    text-decoration: none !important;
    color: #333;
}

/* 4. Fix alignment */
header nav {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* FORCE LISTS TO SHOW */

/* 1. Unordered Lists (Bullets) */
.prose ul, 
.entry-content ul,
ul.wp-block-list {
    list-style-type: disc !important; /* Forces the dot */
    margin-left: 1.5rem !important;   /* Pushes list away from left edge */
    padding-left: 1rem !important;    /* Adds space for the bullet itself */
    margin-bottom: 1.5rem;
}

/* 2. Ordered Lists (Numbers) */
.prose ol, 
.entry-content ol,
ol.wp-block-list {
    list-style-type: decimal !important; /* Forces 1, 2, 3 */
    margin-left: 1.5rem !important;
    padding-left: 1rem !important;
    margin-bottom: 1.5rem;
}

/* 3. List Items (Spacing between lines) */
.prose li, 
.entry-content li, 
.wp-block-list li {
    margin-bottom: 0.5rem;
    padding-left: 0.5rem; /* Space between bullet and text */
}

/* 4. Fix Nested Lists (lists inside lists) */
.prose ul ul, .prose ol ol,
.entry-content ul ul, .entry-content ol ol {
    margin-top: 0.5rem;
    list-style-type: circle !important; /* Different bullet for nested */
}