/**
 * Theme name:  Responsive Child 2026
 * Version:     6.3.0
 * Theme URI:   https://joshp.com
 * Author:      Josh Pfeffer
 * Author URI:  https://joshp.com
 * Description: Responsive is a fast, lightweight, & fully customizable WordPress theme.
 * Template:    responsive
 * Text domain: responsive
 */

/* ==========================================
   1. GLOBAL / BASE STYLES
   ========================================== */

/* Typography */
.site-title {
    font-size: 30px;
}

/* Hide standard page/post titles */
.entry-title {
    display: none !important;
}

.wp-block-latest-posts__post-title {
    display: none !important;
}

/* Hide image captions only on individual post pages */
.single-post .wp-block-image figcaption {
    display: none !important;
}

/* Global Image Styling */
img {
    max-width: 100%;
    height: auto;
    border: 1px solid #cccccc;
}

/* Image Captions (Aligned Right per your code) */
.wp-block-image figcaption {
    color: #555;
    font-size: 13px;
    text-align: right;
    font-style: normal;
}

/* Layout: Hide sidebar site-wide */
#secondary {
    display: none !important;
}

/* Vertical spacing between images */
.entry-content figure.wp-block-image {
    margin-bottom: 50px !important;
}

/* ==========================================
   2. NAVIGATION STYLES
   ========================================== */

.main-navigation a, 
#responsive_menu ul li a {
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ==========================================
   3. SPECIFIC PAGE STYLES (Books)
   ========================================== */

body.book-single #header-menu > li:nth-child(3) > a {
    background-color: #dd3333;
}

/* ==========================================
   4. RESPONSIVE MEDIA QUERIES
   ========================================== */

/* --- DESKTOP: Screens wider than 992px --- */
@media (min-width: 993px) {
    #primary.col-620 {
        width: 70% !important; /* Your preferred desktop width */
        max-width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

/* --- MOBILE & TABLET: Screens 992px and smaller --- */
@media (max-width: 992px) {
    /* Ensure the main container goes full width for larger mobile art viewing */
    #primary.col-620 {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
        float: none !important;
    }

    /* Force images to fill the screen width */
    .wp-block-image img {
        width: 100% !important;
    }

    /* Keep menu font consistent on mobile */
    .main-navigation a {
        font-size: 14px !important;
    }
}