/* Custom colors for BriefOutline branding (static parts) */
.bg-briefoutline-green {
    background-color: #38a169;
}
.bg-briefoutline-green:hover {
    background-color: #2f855a;
}

/* Styles for main topic tag background, also influenced by customizer in functions.php */
.post-card .main-topic-tag {
    background-color: #e0e7ff;
    color: #4338ca;
}
.category-tag.image-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
}

/* Specific style for search input in header to control width */
.header-search-input {
    width: 12rem; /* Default width for desktop search */
}
@media (min-width: 1024px) { /* lg breakpoint */
    .header-search-input {
        width: 16rem; /* Wider on larger screens */
    }
}
@media (max-width: 767px) { /* md breakpoint and below */
    .mobile-search-input {
        width: 100%; /* Full width on mobile */
    }
}

/* Ad placeholder styling */
.ad-placeholder {
    background-color: #e2e8f0; /* light blue-gray */
    border: 2px dashed #94a3b8; /* slate-400 */
    color: #475569; /* slate-700 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem; /* text-sm */
    font-weight: 600; /* font-semibold */
    text-align: center;
    padding: 1rem;
    min-height: 100px; /* Minimum height for visibility */
}

/* Styling for the custom logo */
.custom-logo {
    max-height: 50px; /* Ensure logo fits within header height (increased from 40px as per your functions.php) */
    width: auto; /* Maintain aspect ratio */
}
.custom-logo-link {
    display: inline-block; /* Ensure it behaves like a block for spacing */
    line-height: 1; /* Remove extra space below image */
}

/* --- Custom CSS for Post Content (Prose-like styling) --- */
/* Apply to content within the .entry-content div on single posts */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-weight: 800; /* Extrabold */
    color: #1a202c; /* Dark text */
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.2;
}
.entry-content p {
    margin-bottom: 1em; /* THIS IS THE CRITICAL RULE FOR PARAGRAPH SPACING */
    line-height: 1.6;
}
.entry-content ul,
.entry-content ol {
    margin-left: 1.5em; /* Indent lists */
    margin-bottom: 1em;
    padding-left: 0; /* Reset default padding */
}
.entry-content ul li {
    list-style-type: disc; /* Bullet points for unordered lists */
    margin-bottom: 0.5em;
}
.entry-content ol li {
    list-style-type: decimal; /* Numbers for ordered lists */
    margin-bottom: 0.5em;
}
/* Ensure WordPress block list items also get styled */
.entry-content .wp-block-list {
    list-style-type: none; /* Remove default block list style */
    margin-left: 0; /* Remove default block list margin */
    padding-left: 0;
}
.entry-content .wp-block-list li {
    list-style-type: disc; /* Re-apply disc for block lists */
    margin-left: 1.5em; /* Apply indentation for block lists */
}
.entry-content .wp-block-list.is-style-circle li {
     list-style-type: circle;
}
.entry-content .wp-block-list.is-style-square li {
     list-style-type: square;
}
.entry-content .wp-block-list.is-style-checkmark li {
     /* You'd need a custom SVG or image for checkmark, or use a font icon */
     list-style-type: none; /* Remove default */
     position: relative;
     padding-left: 1.5em;
}
.entry-content .wp-block-list.is-style-checkmark li::before {
    content: "✔"; /* Unicode checkmark */
    position: absolute;
    left: 0;
    color: #38a169; /* Green checkmark */
    font-weight: bold;
}
.entry-content blockquote { /* Changed from .wp-block-quote to blockquote for broader compatibility */
    border-left: 4px solid #4338ca;
    padding-left: 1.25em;
    margin: 1.5em 0;
    color: #4b5563;
    font-style: italic;
}
.entry-content a {
    color: #4338ca;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}
.entry-content a:hover {
    color: #2e249e;
}

/* --- Pagination Styling (CLEANED UP) --- */
/* We are now relying solely on the Tailwind classes already present on the inner <span>
   WordPress generates. The .page-numbers class itself will not have explicit styling here
   to avoid conflicts. */

/* Ensure the ul.page-numbers list itself is not adding extra bullets or padding */
.pagination ul.page-numbers {
    list-style: none; /* Remove bullets */
    margin: 0;
    padding: 0;
    display: flex; /* Ensure flexbox for the list items if not already handled by nav */
    justify-content: center; /* Center the pagination links */
    align-items: center;
    gap: 0.5rem; /* Space between items (equivalent to Tailwind space-x-2) */
}

/* Ensure list items are inline and don't add extra space */
.pagination ul.page-numbers li {
    margin: 0;
    padding: 0;
    display: inline-block; /* Make list items behave like blocks but stay in line */
}

/* Minimal styling for the outer .page-numbers link/span if needed, but primarily relying on inner span's Tailwind */
.pagination .page-numbers {
    text-decoration: none; /* Ensure no default underline */
    /* Remove any background, border, padding, color that conflicts with inner span */
}

/* Special case for the current page number's outer span, if it still has default WP styling */
.pagination .page-numbers.current {
    /* Ensure no conflicting styling on the outer span for the current page */
    background: none;
    border: none;
    padding: 0;
    color: inherit;
}
