/**
 * Callyndar — Frontend Styles
 * Applied when the [callyndar] (or legacy [reservation_resto]) shortcode is used.
 *
 * Both class prefixes are emitted (.callyndar-* primary, .reservation-resto-*
 * alias) so any custom theme overrides written against the v1.x classes keep
 * applying after the rebrand.
 */

.callyndar-wrapper,
.reservation-resto-wrapper {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.callyndar-iframe,
.reservation-resto-iframe {
    display: block;
    width: 100%;
    min-height: 800px;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    background: transparent;
}

/* Prevent the host WordPress theme from adding borders/styling to the iframe. */
.callyndar-wrapper iframe,
.callyndar-wrapper iframe:focus,
.reservation-resto-wrapper iframe,
.reservation-resto-wrapper iframe:focus {
    outline: none;
    box-shadow: none;
    border: none !important;
}

/* Error notice (admin-only). */
.callyndar-error,
.reservation-resto-error {
    padding: 16px 20px;
    border: 1px solid #ff4d4f;
    background: #fff2f0;
    color: #cf1322;
    border-radius: 8px;
    font-family: sans-serif;
    font-size: 14px;
}

@media ( max-width: 600px ) {
    .callyndar-iframe,
    .reservation-resto-iframe {
        min-height: 900px;
        border-radius: 0;
    }

    .callyndar-wrapper,
    .reservation-resto-wrapper {
        max-width: 100%;
    }
}