/* ═══════════════════════════════════════════════════
   AM Weddings — overrides for the catering conversion
   ═══════════════════════════════════════════════════ */

/* Hero CTA block (replaces the template's countdown clock,
   whose .wpo-wedding-date container is display:flex for digits) */
.static-hero .wpo-wedding-date {
    display: block;
    text-align: left;
}

.static-hero .wpo-wedding-date .submit-area {
    display: inline-block;
    width: auto;
}

.static-hero .wpo-wedding-date .theme-btn-s3 {
    width: auto;
    padding: 15px 40px;
    white-space: nowrap;
}

.static-hero .wpo-wedding-date p {
    margin: 22px 0 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 13px;
}

@media (max-width: 991px) {
    /* hero content is centered on smaller screens */
    .static-hero .wpo-wedding-date {
        text-align: center;
    }
}

/* Header phone link */
.wpo-site-header .header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wpo-site-header .header-right a {
    font-size: 14px;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* On tablet/mobile the collapsed grid leaves no room next to the
   centered logo — the number overlaps it, so hide it there.
   Mobile users still get tap-to-call links in the footer & enquiry. */
@media (max-width: 991px) {
    .wpo-site-header .header-right {
        display: none;
    }
}

/* Footer thumbnail grid: our photos are mixed aspect ratios —
   keep the tiles uniform */
.wpo-site-footer .widget.instagram ul.d-flex {
    flex-wrap: wrap;
}

.wpo-site-footer .widget.instagram ul.d-flex li img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}