/**
 * AME – Calendly Module styles
 *
 * Inline iFrame: auto-sized by the `calendly.page_height` postMessage event
 * handled in calendly.js.  The min-height below is the initial placeholder
 * height shown while Calendly's iframe boots; JS replaces it with the exact
 * height the widget reports.
 *
 * Button / page-popup modes add no layout of their own; they rely entirely
 * on Divi's built-in button and Calendly's overlay styles respectively.
 */

/* ============================================================
   Inline iFrame wrapper
   ============================================================ */

.ame-calendly-inline-wrapper {
    display: block;
    width: 100%;
    /* Sensible placeholder until Calendly fires its page_height event. */
    min-height: 650px;
}

/* Override Calendly's fixed defaults so the widget fills the wrapper. */
.ame-calendly-inline-wrapper .calendly-inline-widget {
    width: 100% !important;
    min-width: unset !important;
    /* Height is driven by the wrapper; the JS sets an explicit px value. */
    height: 100% !important;
}

/* The iframe Calendly injects must fill its parent container. */
.ame-calendly-inline-wrapper .calendly-inline-widget iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/* ============================================================
   Button wrapper
   Keeps the Divi-rendered button inline so it does not stretch
   to the full column width unless the theme's button CSS says so.
   ============================================================ */

.ame-calendly-button-wrapper {
    display: inline-block;
}

/* Divi adds an arrow icon via ::after on button hover; suppress it. */
.ame-calendly-popup-btn::after,
.ame-calendly-popup-btn:hover::after {
    display: none !important;
}