/*
 * GWW_PROFILE_RESPONSIVE_PARITY_V15A_20260914
 *
 * 1. Keeps professional sidebar contact CTA inside card.
 * 2. Gives Basic / Modern / Advanced the same portrait ratio.
 * 3. Tier-specific borders/colors remain untouched.
 */

.gww-profile-tier--professional .gww-sidebar,
.gww-profile-tier--professional .gww-sidebar-card {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SIDEBAR CONTACT MEMBER CTA
   ========================================================= */

.gww-profile-tier--professional
.gww-sidebar-card
a.gww338-side-cta.gww336-contact-cta {

    display: flex !important;

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

    height: auto !important;
    min-height: 44px !important;

    box-sizing: border-box !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding: 10px 9px !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    line-height: 1.22 !important;

    float: none !important;
}


/* =========================================================
   PROFILE PHOTO PARITY
   ========================================================= */

/*
 * All professional tiers use the original portrait proportion:
 * 230 wide x 260 high.
 *
 * We intentionally do NOT overwrite:
 * - border color
 * - border thickness
 * - border radius
 * - shadows
 * - tier theme
 */
.gww-profile-tier--professional .gww-photo-card {

    aspect-ratio: 230 / 260 !important;

    min-width: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/*
 * Same image composition in all three tiers.
 */
.gww-profile-tier--professional
.gww-photo-card > img {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    object-fit: cover !important;

    margin: 0 !important;
}


/* Intermediate / tablet / narrow desktop */
@media (min-width:768px) and (max-width:1199.98px) {

    .gww-profile-tier--professional
    .gww-sidebar-card
    a.gww338-side-cta.gww336-contact-cta {

        font-size: 12px !important;

        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}


/* Phone / stacked layout */
@media (max-width:767.98px) {

    .gww-profile-tier--professional
    .gww-sidebar-card
    a.gww338-side-cta.gww336-contact-cta {

        font-size: 14px !important;

        padding: 11px 12px !important;
    }
}