/* ==========================================================
   GWW BUSINESS CONTACT PROFESSIONAL SPACING PARITY V1.23.3.81.2

   The Business card already carries the Professional structural
   class aliases from 3.79. This layer supplies only the missing
   spacing/rhythm needed to match the Professional Contact card.

   No tier colors, backgrounds, shadows, hero geometry or other
   Business sections are redesigned here.
   ========================================================== */

/* ---------- CARD ---------- */

.gww-profile-tier--business
.gww-business-contact-card.gww-sidebar-card {
    box-sizing:border-box !important;
}

.gww-profile-tier--business
.gww-business-contact-card.gww-sidebar-card > h2 {
    margin-top:0 !important;
    margin-bottom:28px !important;
}

/* ---------- CONTACT INFORMATION ROWS ---------- */

.gww-profile-tier--business
.gww-business-contact-card
.gww-business-contact-line.gww-contact-item {
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    column-gap:14px !important;
    align-items:start !important;

    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;

    margin:0 !important;
    padding:18px 0 20px !important;

    position:relative !important;
    float:none !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
}

/* Keep the icon in its own real first column. */
.gww-profile-tier--business
.gww-business-contact-card
.gww-business-contact-line.gww-contact-item
> .gww-contact-icon {
    grid-column:1 !important;
    grid-row:1 !important;

    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;

    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:auto !important;

    margin:2px 0 0 !important;
    padding:0 !important;

    position:relative !important;
    float:none !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
}

/* Content column created/normalized by the 3.81 JS. */
.gww-profile-tier--business
.gww-business-contact-card
.gww81-contact-copy {
    grid-column:2 !important;
    grid-row:1 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    text-align:left !important;
}

/* Match Professional's visible PHONE / WEBSITE / ADDRESS labels. */
.gww-profile-tier--business
.gww-business-contact-card
.gww81-contact-label {
    display:block !important;
    width:auto !important;

    margin:0 0 11px !important;
    padding:0 !important;

    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.065em !important;
    text-transform:uppercase !important;

    color:inherit !important;
    opacity:.58 !important;
}

/* Values line up under their labels instead of centering in the row. */
.gww-profile-tier--business
.gww-business-contact-card
.gww81-contact-copy > a,
.gww-profile-tier--business
.gww-business-contact-card
.gww81-contact-copy > p,
.gww-profile-tier--business
.gww-business-contact-card
.gww81-contact-copy > address,
.gww-profile-tier--business
.gww-business-contact-card
.gww81-contact-copy > span:not(.gww81-contact-label),
.gww-profile-tier--business
.gww-business-contact-card
.gww81-contact-copy > strong {
    max-width:100% !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    text-align:left !important;
    line-height:1.55 !important;
}

/* Phone number should not float/center independently. */
.gww-profile-tier--business
.gww-business-contact-card
.gww-business-contact-line
a[href^="tel:"] {
    align-self:flex-start !important;
    width:auto !important;
    margin:0 !important;
    text-align:left !important;
}

/* ---------- WEBSITE LABEL ROW + CTA ---------- */

/*
 * Professional intentionally keeps a WEBSITE label row above the
 * separate full-width View Website CTA. The globe is therefore not
 * an orphan icon; 3.81 restores the missing WEBSITE label beside it.
 */
.gww-profile-tier--business
.gww-business-contact-card
.gww81-website-label-row {
    padding-bottom:16px !important;
}

/* The real View Website button stays full-width and gets Professional rhythm. */
.gww-profile-tier--business
.gww-business-contact-card
.gww-public-view-website {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;

    margin-top:0 !important;
    margin-bottom:18px !important;
}

/* Professional screenshot uses text-only View Website CTA. */
.gww-profile-tier--business
.gww-business-contact-card
.gww-public-view-website > i.fa-globe {
    display:none !important;
}

/* ---------- ADDRESS / ACTION RHYTHM ---------- */

.gww-profile-tier--business
.gww-business-contact-card
.gww81-address-row {
    padding-top:18px !important;
    padding-bottom:20px !important;
}

/* Full-width actions match the Professional stack. */
.gww-profile-tier--business
.gww-business-contact-card
> .gww-primary-btn,
.gww-profile-tier--business
.gww-business-contact-card
> .gww-business-primary-btn {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin:12px 0 0 !important;
}

.gww-profile-tier--business
.gww-business-contact-card
> .gww-secondary-btn,
.gww-profile-tier--business
.gww-business-contact-card
> .gww-business-secondary-btn {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin:12px 0 0 !important;
}

/* ---------- DESKTOP SIDEBAR RHYTHM ---------- */

/*
 * Keep the existing page system, but do not allow the Business sidebar
 * to collapse narrower than the intended contact-card reading width.
 * This mirrors the Professional contact-card proportion without
 * changing the main content hierarchy.
 */
@media (min-width:981px) {
    .gww-profile-tier--business
    .gww-business-sidebar {
        min-width:0 !important;
    }

    .gww-profile-tier--business
    .gww-business-contact-card.gww-sidebar-card {
        width:100% !important;
        max-width:none !important;
    }
}

/* ---------- MOBILE ---------- */

@media (max-width:980px) {
    .gww-profile-tier--business
    .gww-business-contact-card.gww-sidebar-card > h2 {
        margin-bottom:24px !important;
    }

    .gww-profile-tier--business
    .gww-business-contact-card
    .gww-business-contact-line.gww-contact-item {
        grid-template-columns:30px minmax(0,1fr) !important;
        column-gap:12px !important;
        padding:17px 0 19px !important;
    }

    .gww-profile-tier--business
    .gww-business-contact-card
    .gww81-contact-label {
        margin-bottom:9px !important;
    }
}