/* =============================================================
   Contact Us page — office location rows equal-height fix
   Target: the wp-block-group.py-5 that immediately follows
   .contact-section (unique to the Contact Us page layout).
   ============================================================= */

/* Equal-height columns in every office row */
.contact-section ~ .wp-block-group > .wp-block-columns {
    align-items: stretch;
}

/* Card column: stretch the pb-1 border wrapper and inner card */
.contact-section ~ .wp-block-group > .wp-block-columns > .wp-block-column:first-child {
    display: flex;
    flex-direction: column;
}
.contact-section ~ .wp-block-group > .wp-block-columns > .wp-block-column:first-child > .wp-block-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.contact-section ~ .wp-block-group > .wp-block-columns > .wp-block-column:first-child > .wp-block-group > .wp-block-group {
    flex: 1;
}

/* Image column: absolutely positioned so portrait image doesn't drive row height.
   The column stretches to the card height (align-items: stretch on parent),
   then the image fills that exact space with object-fit: cover. */
.contact-section ~ .wp-block-group > .wp-block-columns > .wp-block-column:last-child {
    position: relative;
    overflow: hidden;
}
.contact-section ~ .wp-block-group > .wp-block-columns > .wp-block-column:last-child > .wp-block-image {
    position: absolute;
    inset: 0;
    margin: 0;
}
.contact-section ~ .wp-block-group > .wp-block-columns > .wp-block-column:last-child > .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}
.contact-gap-30 {
    gap: 30px;
    display: flex;
}
.contact-gap-20 {
    gap: 20px;
    display: flex;
}
.contact-flex-col {
    flex-direction: column;
}
.contact-bdg-image > img {
    object-position: 0% 40%;
}

/* Checkbox checked state — appearance:none removes native UI so we draw our own */
.contact-checkbox:checked {
    background-color: #8155ff;
    border-color: #8155ff;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 8l3.5 3.5L13 5'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-checkbox:focus {
    outline: 2px solid rgba(129, 85, 255, 0.5);
    outline-offset: 2px;
}