/**
 * Product CTA layout and inquiry modal.
 *
 * Deliberately contains NO button colours. The buttons wear the theme's own classes —
 * .uk-button-magicq / -quickq / -mediamaster from css/custom.css, or .uk-button-primary and
 * .uk-button-secondary from the theme — so the CTA follows the product line the visitor is on and
 * keeps following it if those colours are ever retuned. Restating them here would fork the design
 * system and drift the moment custom.css changes.
 */

.chamsys-inquiry-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0 0;
}

/* On narrow screens the pair stacks and fills rather than shrinking to unreadable pills. */
@media (max-width: 639px) {
    .chamsys-inquiry-cta {
        flex-direction: column;
        gap: 10px;
    }

    .chamsys-inquiry-cta .uk-button {
        width: 100%;
    }
}

/*
 * Modal
 */

.chamsys-inquiry-modal__dialog {
    max-width: 720px;
    padding: 40px;
}

.chamsys-inquiry-modal__title {
    margin: 0;
}

/* The product name under the heading — states what the enquiry is about. */
.chamsys-inquiry-modal__product {
    margin: 6px 0 28px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.75;
}

/* Gravity Forms' own spacing reads cramped at this dialog width. */
.chamsys-inquiry-modal .gform_wrapper .gfield {
    margin-bottom: 20px;
}

.chamsys-inquiry-modal .gform_wrapper .gform_footer {
    margin-top: 8px;
    padding-bottom: 0;
}

@media (max-width: 639px) {
    .chamsys-inquiry-modal__dialog {
        padding: 28px 20px;
    }
}