/*
Theme Name: Wander with DebRitu
Theme URI: https://wanderwithdebritu.com
Author: DebRitu
Description: High-performance, highly readable and informative WordPress theme for travel vloggers. Features a customizer-managed video hero section, beautiful blog design, and page templates for About and Contact.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wander-debritu
*/

/* Custom base styles for WordPress elements */
.aligncenter {
    display: block;
    margin: 1.5rem auto;
}
.alignleft {
    float: left;
    margin: 0 1.5rem 1.5rem 0;
}
.alignright {
    float: right;
    margin: 0 0 1.5rem 1.5rem;
}
.wp-caption {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    max-width: 100%;
    padding: 0.5rem;
    text-align: center;
    border-radius: 0.75rem;
}
.wp-caption-text {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0.5rem 0 0;
}

/* Custom Styles for Post Headings (H1, H2, H3) inside blog posts */
.prose h1, .entry-content h1, .post-content h1, article h1,
.prose h2, .entry-content h2, .post-content h2, article h2,
.prose h3, .entry-content h3, .post-content h3, article h3,
.wp-block-heading {
    font-family: 'Inter', sans-serif !important;
    letter-spacing: -0.025em !important;
}

/* Post H1 styles (if any exist inside the content body) */
.prose h1, .entry-content h1, .post-content h1, article h1, h1.wp-block-heading {
    font-size: 2.25rem !important; /* 36px */
    font-weight: 900 !important;
    line-height: 1.2 !important;
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
    color: #1e3a8a !important; /* Deep Navy Blue */
    border-left: 5px solid #3b82f6 !important; /* Accent blue vertical bar */
    padding-left: 1rem !important;
    display: block !important;
}

/* Post H2 styles */
.prose h2, .entry-content h2, .post-content h2, article h2, h2.wp-block-heading {
    font-size: 1.75rem !important; /* 28px */
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.25rem !important;
    color: #1d4ed8 !important; /* Vibrant Royal Blue */
    border-bottom: 2px solid #e2e8f0 !important; /* Subtle underline separator */
    padding-bottom: 0.5rem !important;
    display: block !important;
}

/* Post H3 styles */
.prose h3, .entry-content h3, .post-content h3, article h3, h3.wp-block-heading {
    font-size: 1.375rem !important; /* 22px */
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    color: #0f172a !important; /* Deep Slate */
    position: relative !important;
    padding-left: 1.25rem !important;
    display: block !important;
}

/* Post H3 bullet indicator */
.prose h3::before, .entry-content h3::before, .post-content h3::before, article h3::before, h3.wp-block-heading::before {
    content: "•" !important;
    color: #3b82f6 !important; /* Blue dot accent */
    position: absolute !important;
    left: 0 !important;
    font-size: 1.75rem !important;
    line-height: 1 !important;
    top: -2px !important;
}