/* Office details — i2t3 component styles
 * A heading + a list of contact rows (icon, label, value/link). No script.
 */

.i2t3-officedetails__title { margin-bottom: .25rem; }
.i2t3-officedetails__subtitle { margin-bottom: 1.25rem; }
.i2t3-officedetails__list { margin: 0; padding: 0; list-style: none; }
.i2t3-officedetails__item {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: .6rem 0;
}
.i2t3-officedetails__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    color: var(--i2t3-primary, #0d6efd);
    background: color-mix(in srgb, var(--i2t3-primary, #0d6efd) 12%, transparent);
}
.i2t3-officedetails__body { display: flex; flex-direction: column; }
.i2t3-officedetails__label { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: var(--i2t3-text-muted, #6c757d); }
.i2t3-officedetails__value { font-weight: 500; }

/* filled icons */
.i2t3-officedetails--filled .i2t3-officedetails__icon { background: var(--i2t3-primary, #0d6efd); color: #fff; }
/* coloured header */
.i2t3-officedetails--colored-header .i2t3-officedetails__title { color: var(--i2t3-primary, #0d6efd); }