/*
Theme Name: GeneratePress Child
Template: generatepress
Description: Child theme for Steve's Travel Journal
Version: 1.0
*/


/* ─── Brand colours ─── */
:root {
    --color-bg:        #f8efe1;
    --color-primary:   #11253c;
    --color-accent:    #d03b2b;
}

/* ─── Map POI popup thumbnail ─── */
.poi-thumb {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 6px;
    border-radius: 3px;
}

/* Hide thumbnail in the sidebar mini-map popup — too large for the narrow column */
.inside-right-sidebar .poi-thumb {
    display: none;
}

/* ─── Visited Areas widget ─── */
.visited-areas {
    list-style: none;
    margin: 0;
    padding: 0;
}
.visited-areas li {
    padding: 0.2rem 0;
}
.visited-areas .visited-count {
    opacity: 0.55;
    font-size: 0.85em;
}

/* ─── Trip Information block ─── */
.trip-info {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.25rem 1rem;
    font-size: 0.875rem;
    border-top: 1px solid #ddd;
    padding-top: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.trip-info dt {
    font-weight: 600;
    white-space: nowrap;
}
.trip-info dd {
    margin: 0;
}

/* ─── Header spacing ─── */
.inside-header {
    padding-top: 35px;
    padding-bottom: 2px;
}

/* ─── Remove GP's intentional rgba overlay on the mobile burger button area ─── */
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
    background-color: transparent !important;
}

/* ─── Footer ─── */
.site-info {
    display: none;
}

/* ─── Post date & author meta ─── */
.wp-block-post-date,
.wp-block-post-date a {
    color: var(--color-accent);
    font-size: 0.8em;
}

/* Single post — entry-meta is already 85% so don't add another scale */
.posted-on,
.posted-on a,
.entry-date,
.byline,
.byline a,
.author-name {
    color: var(--color-accent);
    font-size: 1em;
}

/* ─── MapPress POI list sidebar ─── */
.mapp-sidebar {
    background-color: var(--color-bg);
}
.mapp-layout *,
.mapp-layout p {
    font-family: inherit;
}

/* ─── Home page featured image spacing ─── */
.home .wp-block-post-featured-image {
    margin-bottom: 1.5rem;
}

/* ─── Square buttons on About page ─── */
.page-id-[ABOUT_ID] .wp-block-button__link,
.page-id-[ABOUT_ID] .button,
.page-id-[ABOUT_ID] a.button {
    border-radius: 0;
}