/* ARUNA — Audit Page Components
   Styles for page-audit.php: the photo/form split, and the audit-specific
   gold submit button (overrides the shared CF7 button for this page only
   — see forms.css for the shared button and the site-wide CF7
   success-message styling). All values reference tokens.css. No
   hardcoded hex values.

   The photo is a modest, screen-fit box (not a full-height hero panel),
   so this section is centered and contained like every other section on
   the site, rather than bleeding edge-to-edge. */

/* Page title: the standard h1 size (same as the other pages), except on
   very small screens (about 330px and narrower), where it shrinks just
   enough for the longest unbreakable word ("комуникационен") to fit inside
   the container's side padding (4rem). The doubled class beats
   h1.section__heading. */
.section__heading.audit-title {
    font-size: min(clamp(30px, 5vw, 52px), calc((100vw - 4rem) / 9.6));
    overflow-wrap: break-word;
}

.audit-layout__grid {
    display: grid;
    grid-template-columns: auto 1fr;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-md);
}

.audit-layout__grid--no-photo {
    grid-template-columns: 1fr;
}

.audit-layout__photo {
    width: auto;
    height: min(85vh, 900px);
    aspect-ratio: 4 / 5;
    overflow: hidden;
    position: sticky;
    top: var(--space-md);
    align-self: start;
    justify-self: start;
}

.audit-layout__photo-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.audit-layout__form {
    padding: 0 var(--space-md);
}

@media (max-width: 768px) {
    .audit-layout__grid {
        grid-template-columns: 1fr;
    }

    /* The photo is hidden here, so the form needs no gutter of its own:
       the grid's own padding already matches the other pages (329px of
       content at 393px). min-width: 0 stops a long button label (e.g. the
       Bulgarian "ИЗПРАТЕТЕ ЗАПИТВАНЕТО") from widening the column. */
    .audit-layout__form {
        padding: 0;
        min-width: 0;
    }

    .audit-layout__photo {
        display: none;
    }
}

/* ─── Gold submit button (this page only, not the shared CF7 button) ── */
.audit-form .wpcf7-form input[type="submit"] {
    width: 100%;
    background-color: var(--color-accent);
    color: var(--color-primary);
    border-color: var(--color-accent);
}

.audit-form .wpcf7-form input[type="submit"]:hover {
    background-color: transparent;
    color: var(--color-accent);
}