/* ==========================================================================
   7. STATS-COUNTERS.CSS - NHỮNG CON SỐ TỰ HÀO CỦA HÀNH TRÌNH (ivf-stats-2026)
   Dự án: Nâng cấp Website Hệ thống IVF Phương Châu 2026
   Áp dụng 100% bằng CSS cho cả khối Page Builder v1.0/v1.1 (.ivf-stats) và v2.0 (.ivf-stats-2026)
   ========================================================================== */

/* 7.1 TOÀN BỘ WRAPPER KHỐI CON SỐ */
.gdlr-core-pbf-wrapper.ivf-stats-2026,
#ivf-stats-2026.gdlr-core-pbf-wrapper,
.gdlr-core-pbf-wrapper.ivf-stats,
.ivf-stats,
.ivf-stats-2026,
#ivf-stats-2026,
.ivf-clean-counter-section {
    background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 50%, #31103F 100%) !important;
    background-color: #0F172A !important;
    padding: 80px 0 85px 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: visible !important;
    color: #ffffff !important;
}

.ivf-stats-2026 > .gdlr-core-pbf-background-wrap,
#ivf-stats-2026 > .gdlr-core-pbf-background-wrap,
.ivf-stats > .gdlr-core-pbf-background-wrap {
    display: none !important;
}

.ivf-stats-2026 .gdlr-core-pbf-wrapper-container,
#ivf-stats-2026 .gdlr-core-pbf-wrapper-container,
.ivf-stats .gdlr-core-pbf-wrapper-container,
.ivf-clean-counter-container {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 20px !important;
    box-shadow: none !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: visible !important;
}

.ivf-stats-2026 .gdlr-core-pbf-column {
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

.ivf-stats-2026 .gdlr-core-pbf-column-content-margin,
.ivf-stats-2026 .gdlr-core-pbf-column-content,
.ivf-stats-2026 .gdlr-core-text-box-item,
.ivf-stats-2026 .gdlr-core-text-box-item-content {
    padding: 0 !important;
    margin: 0 !important;
}

.ivf-stats > .gdlr-core-pbf-background-wrap {
    display: none !important;
}

.ivf-stats .gdlr-core-pbf-wrapper-container,
.ivf-clean-counter-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* 7.2 TIÊU ĐỀ KHỐI (HEADER) */
.ivf-stats-header-col,
.ivf-clean-counter-header,
.ivf-stats-2026 .ivf-stats-stunning-header {
    text-align: center !important;
    max-width: 820px !important;
    margin: 0 auto 52px auto !important;
    width: 100% !important;
    float: none !important;
}

.ivf-stats-2026 .ivf-stats-stunning-header .gdlr-core-stunning-text-item-caption,
.ivf-clean-counter-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(244, 194, 226, 0.15) !important;
    color: #F3C6E3 !important;
    padding: 6px 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
    border: 1px solid rgba(244, 194, 226, 0.2) !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}

.ivf-stats-2026 .ivf-stats-stunning-header .gdlr-core-stunning-text-item-caption::before {
    content: '' !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23F3C6E3' stroke-width='2.5'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpolyline points='8.21 13.89 7 23 12 20 17 23 15.79 13.88'/%3E%3C/svg%3E") !important;
}

.ivf-stats-header-col .gdlr-core-title-item-title,
.ivf-clean-counter-title,
.ivf-stats-2026 .ivf-stats-stunning-header .gdlr-core-stunning-text-item-title {
    font-family: 'Quicksand', sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 14px 0 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.3 !important;
}

.ivf-stats-header-col .gdlr-core-title-item-caption,
.ivf-clean-counter-subtitle,
.ivf-stats-2026 .ivf-stats-stunning-header .gdlr-core-stunning-text-item-caption-bottom,
.ivf-stats-2026 .ivf-stats-stunning-header .gdlr-core-stunning-text-item-content,
.ivf-stats-2026 .ivf-stats-stunning-header .gdlr-core-stunning-text-item-content p {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    line-height: 1.6 !important;
    margin: 0 auto !important;
    max-width: 780px !important;
    font-weight: 500 !important;
    font-style: normal !important;
}

/* 7.3 HỆ THỐNG LƯỚI & THẺ CON SỐ NỔI (FLOATING STAT CARDS) */
.ivf-stats .gdlr-core-pbf-wrapper-container,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 24px !important;
}

.ivf-clean-counter-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
    width: 100% !important;
}

.ivf-stats .gdlr-core-column-15,
.ivf-stats-2026 .gdlr-core-column-15 {
    width: calc(25% - 18px) !important;
    flex: 0 0 calc(25% - 18px) !important;
    max-width: calc(25% - 18px) !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ivf-stats .gdlr-core-pbf-column-content-margin,
.ivf-stats-2026 .gdlr-core-pbf-column-content-margin {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.ivf-stats .gdlr-core-pbf-column-content,
.ivf-stats-2026 .gdlr-core-pbf-column-content,
.ivf-stats .gdlr-core-pbf-element,
.ivf-stats-2026 .gdlr-core-pbf-element {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

.ivf-stats .gdlr-core-counter-item,
.ivf-stats-2026 .gdlr-core-counter-item,
.ivf-clean-stat-card {
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 20px !important;
    padding: 36px 20px 32px 20px !important;
    text-align: center !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    position: relative !important;
}

.ivf-stats .gdlr-core-counter-item:hover,
.ivf-stats-2026 .gdlr-core-counter-item:hover,
.ivf-clean-stat-card:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-5px) !important;
    border-color: rgba(244, 194, 226, 0.35) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25) !important;
}

/* Định dạng Icon Box 60x60 và Màu Sắc Chuẩn 2026 */
.ivf-stats-2026 .gdlr-core-counter-item-top-icon,
.ivf-stats-2026 .gdlr-core-counter-item-top-text,
.ivf-stats .gdlr-core-counter-item-top-icon,
.ivf-stats .gdlr-core-counter-item-top-text,
.ivf-clean-icon-wrap {
    width: 60px !important;
    height: 60px !important;
    border-radius: 16px !important;
    background: rgba(244, 194, 226, 0.1) !important;
    border: 1px solid rgba(244, 194, 226, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px auto !important;
    color: #F3C6E3 !important;
    box-sizing: border-box !important;
    transition: background 0.3s ease !important;
    position: relative !important;
}

.ivf-stats-2026 .gdlr-core-counter-item:hover .gdlr-core-counter-item-top-icon,
.ivf-stats-2026 .gdlr-core-counter-item:hover .gdlr-core-counter-item-top-text,
.ivf-stats .gdlr-core-counter-item:hover .gdlr-core-counter-item-top-icon,
.ivf-stats .gdlr-core-counter-item:hover .gdlr-core-counter-item-top-text {
    background: rgba(244, 194, 226, 0.16) !important;
}

.ivf-stats-2026 .gdlr-core-counter-item-top-icon i,
.ivf-stats-2026 .gdlr-core-counter-item-top-text i,
.ivf-stats .gdlr-core-counter-item-top-icon i,
.ivf-stats .gdlr-core-counter-item-top-text i {
    display: none !important;
}

.ivf-stats-2026 .gdlr-core-counter-item-top-icon::before,
.ivf-stats-2026 .gdlr-core-counter-item-top-text::before,
.ivf-stats .gdlr-core-counter-item-top-icon::before,
.ivf-stats .gdlr-core-counter-item-top-text::before {
    content: '' !important;
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Card 1: Users / Doctors icon */
.ivf-stats-2026 .ivf-stat-card-teal .gdlr-core-counter-item-top-icon::before,
.ivf-stats-2026 .ivf-stat-card-teal .gdlr-core-counter-item-top-text::before,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(2) .gdlr-core-counter-item-top-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23F3C6E3' stroke-width='2.2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important;
}

/* Card 2: Heart pulse icon */
.ivf-stats-2026 .ivf-stat-card-blue .gdlr-core-counter-item-top-icon::before,
.ivf-stats-2026 .ivf-stat-card-blue .gdlr-core-counter-item-top-text::before,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(3) .gdlr-core-counter-item-top-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23F3C6E3' stroke-width='2.2'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") !important;
}

/* Card 3: Trophy cup icon */
.ivf-stats-2026 .ivf-stat-card-gold .gdlr-core-counter-item-top-icon::before,
.ivf-stats-2026 .ivf-stat-card-gold .gdlr-core-counter-item-top-text::before,
.ivf-stats-2026 .is-hero .gdlr-core-counter-item-top-icon::before,
.ivf-stats-2026 .is-hero .gdlr-core-counter-item-top-text::before,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(4) .gdlr-core-counter-item-top-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23F3C6E3' stroke-width='2.2'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/%3E%3Cpath d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M10 14.66V17c0 .55-.45 1-1 1H7v4h10v-4h-2c-.55 0-1-.45-1-1v-2.34'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E") !important;
}

/* Card 4: Em bé chào đời Heart SVG */
.ivf-stats-2026 .ivf-stat-card-magenta .gdlr-core-counter-item-top-icon::before,
.ivf-stats-2026 .ivf-stat-card-magenta .gdlr-core-counter-item-top-text::before,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(5) .gdlr-core-counter-item-top-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23F3C6E3' stroke-width='2.2'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
}

/* Đảm bảo Card 2 (120.000+) tuyệt đối KHÔNG mang style Hero */
.ivf-stats-2026 .ivf-stat-card-blue,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(3) .gdlr-core-counter-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}
.ivf-stats-2026 .ivf-stat-card-blue::before,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(3) .gdlr-core-counter-item::before {
    display: none !important;
    content: none !important;
}

/* Thẻ Hero Chuẩn RTAC Úc (CHỈ ÁP DỤNG DUY NHẤT CHO Cột 3: Tỉ lệ 79%) */
.ivf-stats-2026 .gdlr-core-counter-item.is-hero,
.ivf-stats-2026 .gdlr-core-counter-item.ivf-stat-card-gold,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(4) .gdlr-core-counter-item,
.ivf-clean-stat-card.is-hero {
    background: rgba(164, 70, 131, 0.22) !important;
    border: 1px solid rgba(244, 194, 226, 0.45) !important;
    box-shadow: 0 12px 30px rgba(164, 70, 131, 0.25) !important;
    position: relative !important;
}

.ivf-stats-2026 .gdlr-core-counter-item.is-hero::before,
.ivf-stats-2026 .gdlr-core-counter-item.ivf-stat-card-gold::before,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(4) .gdlr-core-counter-item::before {
    content: '★ Chuẩn RTAC Úc' !important;
    position: absolute !important;
    top: -13px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: linear-gradient(135deg, #A44683 0%, #8A265E 100%) !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 4px 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    white-space: nowrap !important;
    z-index: 3 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.4 !important;
}

.ivf-stats-2026 .gdlr-core-counter-item.is-hero .gdlr-core-counter-item-top-icon,
.ivf-stats-2026 .gdlr-core-counter-item.is-hero .gdlr-core-counter-item-top-text,
.ivf-stats-2026 .gdlr-core-counter-item.ivf-stat-card-gold .gdlr-core-counter-item-top-icon,
.ivf-stats-2026 .gdlr-core-counter-item.ivf-stat-card-gold .gdlr-core-counter-item-top-text,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(4) .gdlr-core-counter-item .gdlr-core-counter-item-top-icon {
    background: rgba(244, 194, 226, 0.14) !important;
    border-color: rgba(244, 194, 226, 0.25) !important;
}

.ivf-stats-2026 .gdlr-core-counter-item.is-hero:hover,
.ivf-stats-2026 .gdlr-core-counter-item.ivf-stat-card-gold:hover,
.ivf-stats-2026 .gdlr-core-pbf-wrapper-container > .gdlr-core-column-15:nth-child(4) .gdlr-core-counter-item:hover,
.ivf-clean-stat-card.is-hero:hover {
    background: rgba(164, 70, 131, 0.32) !important;
    border-color: rgba(244, 194, 226, 0.7) !important;
}

.ivf-clean-hero-badge {
    position: absolute !important;
    top: -13px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: linear-gradient(135deg, #A44683 0%, #8A265E 100%) !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 4px 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    white-space: nowrap !important;
    z-index: 3 !important;
    margin: 0 !important;
    letter-spacing: 0.3px !important;
}


.ivf-clean-stat-card > p {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 7.4 SỐ ĐẾM (NUMBERS) */
.ivf-stats .gdlr-core-counter-item-number,
.ivf-stats-2026 .gdlr-core-counter-item-number,
.gdlr-core-counter-item-number {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    margin-bottom: 8px !important;
}

.ivf-stats .gdlr-core-counter-item-count,
.ivf-stats-2026 .gdlr-core-counter-item-count,
.gdlr-core-counter-item-count,
.ivf-counter-val,
.ivf-clean-number {
    font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.1 !important;
    letter-spacing: -1px !important;
    display: inline-block !important;
}

.ivf-stats .gdlr-core-counter-item-suffix,
.ivf-stats-2026 .gdlr-core-counter-item-suffix,
.gdlr-core-counter-item-suffix,
.ivf-clean-suffix {
    font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #F3C6E3 !important;
    margin-left: 2px !important;
    display: inline-block !important;
}

.ivf-stats .gdlr-core-counter-item-bottom-text,
.ivf-stats-2026 .gdlr-core-counter-item-bottom-text,
.gdlr-core-counter-item-bottom-text,
.ivf-clean-stat-title,
.ivf-clean-stat-card.is-hero .ivf-clean-stat-title {
    font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    margin: 8px 0 0 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.ivf-stats-2026 .ivf-stat-desc,
.ivf-stats .ivf-stat-desc,
.ivf-clean-stat-desc,
.ivf-clean-stat-card .ivf-clean-stat-desc {
    display: block !important;
    font-size: 13.5px !important;
    color: rgba(255, 255, 255, 0.72) !important;
    line-height: 1.55 !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-family: 'Quicksand', sans-serif !important;
    font-style: normal !important;
    text-align: center !important;
}

.ivf-clean-stat-card.is-hero .ivf-stat-desc,
.is-hero .ivf-stat-desc,
.ivf-stat-card-gold .ivf-stat-desc {
    color: rgba(255, 255, 255, 0.88) !important;
}

/* 7.5 TỐI ƯU GIAO DIỆN TABLET VÀ MOBILE:
   Đã được quy hoạch và tập trung 100% tại css/responsive.css để dễ kiểm soát và tối ưu toàn diện */