/* ============================================================
   GWW SUMMARY / PRESS LAYOUT FINISH V1.23.3.34
   Professional + Business
   ============================================================ */

/* ------------------------------------------------------------
   BASIC / INTERMEDIATE SUMMARY
   After JS moves Summary out of Contact, make it a real row.
   ------------------------------------------------------------ */

@supports selector(body:has(.gww-profile-tier.gww-tier-basic)) {

    body:has(.gww-profile-tier--professional.gww-tier-basic)
    .gww-modern333-summary,
    body:has(.gww-profile-tier--professional.gww-tier-intermediate)
    .gww-modern333-summary,
    body:has(.gww-profile-tier--business.gww-tier-basic)
    .gww-modern333-summary,
    body:has(.gww-profile-tier--business.gww-tier-intermediate)
    .gww-modern333-summary {
        display:block !important;
        grid-column:1 / -1 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:18px 0 !important;
    }

    body:has(.gww-profile-tier.gww-tier-basic)
    [data-gww-summary-position="before-contact-v1-23-3-34"] {
        background:#fff !important;
        color:#17304f !important;
    }

    body:has(.gww-profile-tier.gww-tier-intermediate)
    [data-gww-summary-position="before-contact-v1-23-3-34"] {
        background:
            linear-gradient(
                180deg,
                #ffffff,
                #f7fbff
            ) !important;
        color:#14335d !important;
        border-top:3px solid #4f78ce !important;
    }
}

/* ------------------------------------------------------------
   BUSINESS BASIC / INTERMEDIATE PRESS
   Real two-column media/body layout.
   ------------------------------------------------------------ */

@supports selector(body:has(.gww-profile-tier--business.gww-tier-basic)) {

    body:has(.gww-profile-tier--business.gww-tier-basic)
    .gww-modern333-press,
    body:has(.gww-profile-tier--business.gww-tier-intermediate)
    .gww-modern333-press {
        grid-column:1 / -1 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        overflow:hidden !important;
    }

    body:has(.gww-profile-tier--business.gww-tier-basic)
    .gww-modern334-press-layout,
    body:has(.gww-profile-tier--business.gww-tier-intermediate)
    .gww-modern334-press-layout {
        display:grid !important;
        grid-template-columns:140px minmax(0,1fr) !important;
        gap:18px !important;
        align-items:start !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin-top:12px !important;
    }

    body:has(.gww-profile-tier--business.gww-tier-basic)
    .gww-modern334-press-body,
    body:has(.gww-profile-tier--business.gww-tier-intermediate)
    .gww-modern334-press-body {
        min-width:0 !important;
        width:100% !important;
        max-width:none !important;
    }

    body:has(.gww-profile-tier--business.gww-tier-basic)
    .gww-modern334-press-body *,
    body:has(.gww-profile-tier--business.gww-tier-intermediate)
    .gww-modern334-press-body * {
        width:auto !important;
        max-width:100% !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
    }

    body:has(.gww-profile-tier--business.gww-tier-basic)
    .gww-modern333-press-media,
    body:has(.gww-profile-tier--business.gww-tier-intermediate)
    .gww-modern333-press-media {
        float:none !important;
        width:140px !important;
        min-width:140px !important;
        max-width:140px !important;
        margin:0 !important;
    }

    body:has(.gww-profile-tier--business.gww-tier-basic)
    .gww-modern333-press-media img,
    body:has(.gww-profile-tier--business.gww-tier-intermediate)
    .gww-modern333-press-media img {
        width:140px !important;
        max-width:140px !important;
        height:auto !important;
        display:block !important;
    }

    body:has(.gww-profile-tier--business.gww-tier-basic)
    .gww-modern333-readmore,
    body:has(.gww-profile-tier--business.gww-tier-intermediate)
    .gww-modern333-readmore {
        display:inline-flex !important;
        width:auto !important;
        max-width:max-content !important;
        clear:none !important;
        margin-top:12px !important;
    }
}

/* ------------------------------------------------------------
   BUSINESS BASIC GALLERY THUMBNAILS
   ------------------------------------------------------------ */

@supports selector(body:has(.gww-profile-tier--business.gww-tier-basic)) {
    body:has(.gww-profile-tier--business.gww-tier-basic)
    :is(
        .gww-business-gallery-thumb,
        .gww-business-photo-gallery,
        .gww-photo-gallery,
        .gww-gallery
    ) img {
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }
}

/* ------------------------------------------------------------
   ADVANCED BUSINESS PRESS CTA
   Keep smoked navy/gold treatment from 3.33.
   Only align the CTA with the text column.
   ------------------------------------------------------------ */

@supports selector(body:has(#gww-advanced-business-root)) {

    body:has(#gww-advanced-business-root)
    .gww-adv212-press
    .gww-business-press-item {
        display:grid !important;
        grid-template-columns:140px minmax(0,1fr) !important;
        column-gap:18px !important;
        row-gap:10px !important;
        align-items:start !important;
    }

    body:has(#gww-advanced-business-root)
    .gww-adv231-business-press-readmore {
        grid-column:2 !important;
        justify-self:start !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:auto !important;
        min-width:190px !important;
        max-width:max-content !important;
        white-space:nowrap !important;
        margin-top:10px !important;
    }
}

@media(max-width:720px) {

    .gww-modern334-press-layout {
        grid-template-columns:1fr !important;
    }

    .gww-modern333-press-media {
        width:min(180px,100%) !important;
        min-width:0 !important;
        max-width:180px !important;
    }

    @supports selector(body:has(#gww-advanced-business-root)) {
        body:has(#gww-advanced-business-root)
        .gww-adv212-press
        .gww-business-press-item {
            grid-template-columns:1fr !important;
        }

        body:has(#gww-advanced-business-root)
        .gww-adv231-business-press-readmore {
            grid-column:1 !important;
        }
    }
}