/*
 * NAPPSA Homepage 2026 Enhancements
 * Added: 2026-06
 * Covers: stats bar, news cards, Why Join benefit grid, outline button
 */

/* --- Stats bar row: dark navy fill --- */
.vc_custom_statsbar2026 > .ts-row-wrapper-bg-layer {
    background-color: #031b4e !important;
}

/* --- News & Events anchor cards: hover lift --- */
a[style*="border-left:4px solid #3368c6"],
a[style*="border-left: 4px solid #3368c6"] {
    transition: box-shadow .2s ease, transform .2s ease;
}
a[style*="border-left:4px solid #3368c6"]:hover,
a[style*="border-left: 4px solid #3368c6"]:hover {
    box-shadow: 0 6px 20px rgba(3,27,78,.13);
    transform: translateY(-2px);
    text-decoration: none;
}

/* --- Why Join benefit cards: hover lift --- */
div[style*="box-shadow:0 2px 8px"],
div[style*="box-shadow: 0 2px 8px"] {
    transition: box-shadow .2s ease, transform .2s ease;
}
div[style*="box-shadow:0 2px 8px"]:hover,
div[style*="box-shadow: 0 2px 8px"]:hover {
    box-shadow: 0 8px 24px rgba(3,27,78,.15) !important;
    transform: translateY(-3px);
}

/* --- Outline button (.ts-btn-outline) --- */
.ts-btn-outline {
    display: inline-block;
    padding: .7em 1.5em;
    font-size: 1em;
    font-family: inherit;
    font-weight: 700;
    text-decoration: none;
    border-radius: 3px;
    border: 2px solid #031b4e;
    color: #031b4e;
    background: transparent;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}
.ts-btn-outline:hover {
    background: #031b4e;
    color: #fff;
    text-decoration: none;
}

/* ============================================================
   Global section spacing — tighter row padding sitewide
   2026-06
   ============================================================ */

/* Default WPBakery rows that have no custom padding class */
.vc_row:not([class*="vc_custom_"]) {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* Also cap any vc_custom rows that still exceed 40px
   (belt-and-suspenders for rows edited inline) */
.vc_custom_legacywall2026 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* ============================================================
   Keynote Speaker Carousel — compact, uniform sizing
   2026-06
   ============================================================ */

/* Section row: pull in the top/bottom space */
.themestek-boxes-testimonial .themestek-boxes-row-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* WPBakery grey row wrapping the carousel — reduce default row padding */
.vc_row:has(.themestek-boxes-testimonial) {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

/* Constrain the carousel section's vertical footprint */
.themestek-boxes-testimonial .themestek-boxes-inner {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

/* Each slide card: tighten padding */
.themestek-boxes-testimonial .ts-box-col-wrapper {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Image wrapper: fixed square, clipped */
.themestek-boxes-testimonial .themestek-item-thumbnail {
    display: block;
    width: 160px !important;
    height: 160px !important;
    margin: 0 auto 12px !important;
    border-radius: 50%;
    overflow: hidden;
}

.themestek-boxes-testimonial .themestek-item-thumbnail-inner {
    display: block;
    width: 100%;
    height: 100%;
}

/* All speaker images: uniform square crop */
.themestek-boxes-testimonial .themestek-item-thumbnail-inner img.wp-post-image {
    width: 160px !important;
    height: 160px !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 50%;
    display: block;
}