/* ==========================================================================
   Gulf Publications — WordPress-only adjustments
   --------------------------------------------------------------------------
   style.css and responsive.css are the original design files, copied from the
   static build unchanged. Everything WordPress adds on top (the admin bar, the
   block editor canvas, core block alignments, editor placeholders) is handled
   here so those two files stay byte-for-byte identical to the source.
   ========================================================================== */

/* --- fixed navbar clears the admin bar ---------------------------------- */
body.admin-bar {
    padding-top: calc(var(--nav-h) + 19px);
}

body.admin-bar .gp-navbar {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        padding-top: calc(var(--nav-h) + 46px);
    }

    body.admin-bar .gp-navbar {
        top: 46px;
    }
}

/* --- core block alignments inside our full-width sections ---------------- */
.alignwide,
.alignfull {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
}

/* --------------------------------------------------------------------------
   Block editor canvas
   --------------------------------------------------------------------------
   Blocks render their real PHP markup in the editor, so the design styles
   apply there too. These rules undo the front-end-only assumptions (fixed
   navbar offset, viewport-height heroes) that would otherwise make the
   editing canvas unusable.
   -------------------------------------------------------------------------- */
.editor-styles-wrapper {
    padding-top: 0;
    background-color: var(--bg-card);
}

.editor-styles-wrapper .gp-hero,
.editor-styles-wrapper .gp-sd-hero,
.editor-styles-wrapper .gp-review-hero {
    scroll-margin-top: 0;
}

/* stop the editor's own resets from flattening our headings/links — same
   700 / 600 split the frontend uses (see assets/css/typography.css) */
.editor-styles-wrapper h1,
.editor-styles-wrapper h2 {
    font-weight: 700;
    letter-spacing: -0.02em;
}

.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
    font-weight: 600;
    letter-spacing: -0.02em;
}

.editor-styles-wrapper a {
    text-decoration: none;
}

/* an empty repeater/field shows a hint instead of collapsing to nothing */
.gp-editor-placeholder {
    display: block;
    padding: 24px;
    border: 1px dashed rgba(10, 67, 49, 0.35);
    border-radius: var(--radius-md);
    background: rgba(10, 67, 49, 0.04);
    color: var(--text-muted);
    font-size: 0.9rem;
    text-align: center;
}