/*
Theme Name: Robin Child
Template: robin
Description: Child theme for Robin. Adds a full-width featured image on single posts, a narrower centered text column beside the sidebar, and a set of small styling tweaks (widget titles, logo fit, spacing, dropdown parents).
Version: 1.2.0
Text Domain: robin-child
*/

/* =====================================================================
   1. Widget titles: left-aligned, smaller, no red line, no flanking icons
   ===================================================================== */
.widget-item h2,
.widget-item-footer h2 {
    text-align: left;
    margin-bottom: 12px;
}

.widget-item h2 {
    font-size: 22px;
}

.widget-item-footer h2 {
    font-size: 20px;
}

.widget-item h2 .widget-h2-inner,
.widget-item-footer h2 .widget-h2-inner {
    max-width: none;
}

.widget-item .robin-sep,
.widget-item-footer .robin-sep,
.widget-item h2 .robin-icon-asterisk,
.widget-item-footer h2 .robin-icon-asterisk {
    display: none;
}

/* =====================================================================
   2. Header logo image: scale to the width of the boxed header
   ===================================================================== */
.site-logo-container {
    display: block;
}

.site-logo-container img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none !important; /* overrides the Customizer "max logo height" cap */
}

/* =====================================================================
   3. Space between the content column and the sidebar
   ===================================================================== */
@media all and (min-width: 680px) {
    .site-content-sidebar,
    .site-content-sidebar-cc2 {
        padding-right: 0;
    }
}

/* Home / archive listings: entries are wider (theme default is 110px each side) */
@media all and (min-width: 1080px) {
    .article-content-outer-sidebar {
        margin: 40px 10px 40px 20px; /* top right bottom left */
    }
}

/* =====================================================================
   4. Dropdown menu: a "#" parent item does nothing on click
   (the submenu still opens on hover)
   ===================================================================== */
.site-nav2 li.menu-item-has-children > a[href="#"] {
    pointer-events: none;
    cursor: default;
}

/* =====================================================================
   5. Single posts: full-width featured image, then text column + sidebar
   ===================================================================== */

/* The image printed by single.php above both columns */
.robin-child-hero {
    margin: 0;
}

/* single.php closes the theme's content wrapper before the image and reopens it
   after, which leaves an empty wrapper just before the image. Hide it. */
.article-wrapper-outer:has(+ .robin-child-hero) {
    display: none;
}

.robin-child-hero img {
    display: block;
    width: 100%;
    height: auto;
}

/* Optional: crop very tall images to a fixed shape. Remove the comment markers to use.
.robin-child-hero img {
    aspect-ratio: 16 / 7;
    object-fit: cover;
}
*/

/* The theme's own copy of the image (inside the post) is blanked out in
   functions.php; hide the empty wrapper it leaves behind. */
.single .article-outer .fea-img-container:empty {
    display: none;
}

/* Text column beside the sidebar. Left space and the gap to the sidebar come out
   about equal. Raise the left value for more empty space on the left, or lower
   the numbers to make the text column wider. */
/* Space between the full-width image and the top of the sidebar (matches the
   40px above the text column). Raise or lower to taste. */
@media all and (min-width: 680px) {
    .single .sidebar {
        margin-top: 40px;
    }
}

@media all and (min-width: 1080px) {
    .single .article-content-outer-sidebar {
        margin: 40px 70px 40px 90px; /* top right bottom left */
    }

    .single .author-box-sidebar {
        padding: 40px 70px 40px 90px;
    }

    .single .comments-outer-sidebar {
        padding: 0 70px 40px 90px;
    }
}