/**
 * Celtiis Why Business Widget
 *
 * Icônes injectées via ::after avec data:image/svg+xml (mask-image → couleur
 * contrôlée par --cwb-icon). Gouttes Celtiis injectées via ::before avec
 * data:image/svg+xml direct.
 */

.celtiis-why-business {
    --cwb-bg-start: #002f87;
    --cwb-bg-end: #3a7d3d;
    --cwb-icon: #002f87;
    --cwb-card-bg: #ffffff;
    --cwb-text: #1a1a1a;
    --cwb-muted: rgba(255, 255, 255, 0.82);

    position: relative;
    padding: 50px 0 50px 0;
    background: linear-gradient(135deg, var(--cwb-bg-start) 0%, var(--cwb-bg-start) 55%, var(--cwb-bg-end) 100%);
    overflow: hidden;
    color: #fff;
}

.celtiis-why-business__container {
    position: relative;
    z-index: 1;
}

/* Header */

.celtiis-why-business__header {
    margin-bottom: 44px;
    max-width: 720px;
}

.celtiis-why-business__title {
    margin: 0 0 0;
    font-family: 'Gotham', 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
    letter-spacing: -0.03em;
}

.celtiis-why-business__title-highlight {
    color: #8DC63F;
}

.celtiis-why-business__subtitle {
    margin: 0;
    font-size: 16px;
    color: var(--cwb-muted);
    font-family: 'Gotham';
    line-height: 1.6;
    max-width: 100%;
    font-weight: 400;
}

/* Grille */

.celtiis-why-business__stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

@media (max-width: 1100px) {
    .celtiis-why-business__stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 540px) {
    .celtiis-why-business__stats-grid { grid-template-columns: 1fr; }
}

/* Carte */

.celtiis-why-business__stat-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--cwb-card-bg);
    border-radius: 14px;
    padding: 88px 24px 28px;
    min-height: 220px;
    color: var(--cwb-text);
    overflow: hidden;
    isolation: isolate;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.celtiis-why-business__stat-item:hover {
    transform: scale(1.04) translateY(-3px);
    box-shadow: 0 14px 30px -16px rgba(0, 47, 135, 0.4);
}

.celtiis-why-business__stat-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22359%22%20height%3D%22260%22%20viewBox%3D%220%200%20359%20260%22%20fill%3D%22none%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_4001_7408%29%22%3E%0A%3Cg%20opacity%3D%220.08%22%3E%0A%3Cpath%20d%3D%22M76.7372%20121.094C75.9598%20121.772%2074.9883%20122.188%2073.9609%20122.282C72.9335%20122.376%2071.9026%20122.144%2071.0148%20121.618C70.1271%20121.093%2069.4277%20120.301%2069.0163%20119.354C68.6048%20118.408%2068.5022%20117.357%2068.7231%20116.349C82.3447%2042.0427%20176.72%20-42.7295%20302.38%20-42.7295C435.668%20-42.7295%20464.41%2023.9031%20464.41%2074.8708C464.41%20128.449%20417.37%20152.06%20376.868%20152.06C336.366%20152.06%20263.172%2078.8665%20192.589%2078.8665C132.677%2078.7984%2097.2605%20103.295%2076.7372%20121.094Z%22%20fill%3D%22%236FBE44%22%2F%3E%0A%3Cpath%20d%3D%22M-98.0818%20173.72C-98.8714%20173.03%20-99.8571%20172.606%20-100.9%20172.505C-101.944%20172.405%20-102.992%20172.634%20-103.899%20173.16C-104.805%20173.686%20-105.524%20174.482%20-105.955%20175.438C-106.386%20176.393%20-106.507%20177.46%20-106.3%20178.487C-92.7921%20246.891%20-5.93131%20324.33%20109.558%20324.33C232.856%20324.33%20259.396%20262.669%20259.396%20215.538C259.396%20165.978%20215.875%20144.206%20178.392%20144.206C140.91%20144.206%2073.2332%20211.906%207.96278%20211.906C-46.3649%20211.906%20-78.9433%20190.088%20-98.0818%20173.72Z%22%20fill%3D%22%236FBE44%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_4001_7408%22%3E%0A%3Crect%20width%3D%22358.25%22%20height%3D%22260%22%20rx%3D%228%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
}

/* Icône (top-left) - via mask-image, couleur pilotée par var(--cwb-icon) */
.celtiis-why-business__stat-item::after {
    content: "";
    position: absolute;
    top: 26px;
    left: 24px;
    width: 38px;
    height: 38px;
    background-color: var(--cwb-icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    z-index: 1;
}

/* 8 icônes en data:image/svg+xml (mask) */

.celtiis-why-business__stat-item[data-icon="building"]::after {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 22V4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18'/><path d='M2 22h20'/><path d='M8 7h2'/><path d='M14 7h2'/><path d='M8 11h2'/><path d='M14 11h2'/><path d='M8 15h2'/><path d='M14 15h2'/><path d='M10 22v-4h4v4'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 22V4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18'/><path d='M2 22h20'/><path d='M8 7h2'/><path d='M14 7h2'/><path d='M8 11h2'/><path d='M14 11h2'/><path d='M8 15h2'/><path d='M14 15h2'/><path d='M10 22v-4h4v4'/></svg>");
}

.celtiis-why-business__stat-item[data-icon="map-pin"]::after {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s-8-7.5-8-13a8 8 0 1 1 16 0c0 5.5-8 13-8 13Z'/><circle cx='12' cy='9' r='3'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s-8-7.5-8-13a8 8 0 1 1 16 0c0 5.5-8 13-8 13Z'/><circle cx='12' cy='9' r='3'/></svg>");
}

.celtiis-why-business__stat-item[data-icon="wifi"]::after {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 9a16 16 0 0 1 20 0'/><path d='M5 12.5a11 11 0 0 1 14 0'/><path d='M8.5 16a6 6 0 0 1 7 0'/><circle cx='12' cy='19.5' r='1.2' fill='black' stroke='none'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 9a16 16 0 0 1 20 0'/><path d='M5 12.5a11 11 0 0 1 14 0'/><path d='M8.5 16a6 6 0 0 1 7 0'/><circle cx='12' cy='19.5' r='1.2' fill='black' stroke='none'/></svg>");
}

.celtiis-why-business__stat-item[data-icon="storefront"]::after {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 9 5 4h14l2 5'/><path d='M3 9v2a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0V9'/><path d='M4 11v9h16v-9'/><path d='M10 20v-5h4v5'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 9 5 4h14l2 5'/><path d='M3 9v2a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0V9'/><path d='M4 11v9h16v-9'/><path d='M10 20v-5h4v5'/></svg>");
}

.celtiis-why-business__stat-item[data-icon="credit-card"]::after {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2.5'/><path d='M2 10h20'/><path d='M6 15h4'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2.5'/><path d='M2 10h20'/><path d='M6 15h4'/></svg>");
}

.celtiis-why-business__stat-item[data-icon="database"]::after {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><ellipse cx='12' cy='5' rx='8' ry='3'/><path d='M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5'/><path d='M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><ellipse cx='12' cy='5' rx='8' ry='3'/><path d='M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5'/><path d='M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6'/></svg>");
}

.celtiis-why-business__stat-item[data-icon="user-star"]::after {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='7' r='4'/><path d='M2 21v-1a6 6 0 0 1 6-6h2a6 6 0 0 1 4.2 1.7'/><path d='m17 13 1.3 2.7 3 .4-2.2 2.1.5 3-2.6-1.4-2.6 1.4.5-3-2.2-2.1 3-.4z'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='7' r='4'/><path d='M2 21v-1a6 6 0 0 1 6-6h2a6 6 0 0 1 4.2 1.7'/><path d='m17 13 1.3 2.7 3 .4-2.2 2.1.5 3-2.6-1.4-2.6 1.4.5-3-2.2-2.1 3-.4z'/></svg>");
}

.celtiis-why-business__stat-item[data-icon="headset"]::after {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 14v-2a8 8 0 0 1 16 0v2'/><path d='M2 14h4v6H4a2 2 0 0 1-2-2v-4z'/><path d='M22 14h-4v6h2a2 2 0 0 0 2-2v-4z'/><path d='M18 20a4 4 0 0 1-4 4h-2'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 14v-2a8 8 0 0 1 16 0v2'/><path d='M2 14h4v6H4a2 2 0 0 1-2-2v-4z'/><path d='M22 14h-4v6h2a2 2 0 0 0 2-2v-4z'/><path d='M18 20a4 4 0 0 1-4 4h-2'/></svg>");
}

.celtiis-why-business__stat-item[data-icon="none"]::after {
    display: none;
}

/* Texte */

.celtiis-why-business__stat-value {
    position: relative;
    z-index: 2;
    font-family: 'Gotham', 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    letter-spacing: 0.2px;
}

.celtiis-why-business__stat-label {
    position: relative;
    z-index: 2;
    font-size: 14.5px;
    line-height: 1.5;
    color: #4a5160;
    font-weight: 400;
    white-space: pre-line;
}