/* ce-stats-bar.css — FILE: houzez-child/css/ce-stats-bar.css */

.ce-stats-bar { width:100%; padding:0; }

.ce-stats-bar__inner {
    display: flex;
    align-items: stretch;
    gap: 12px;
    background: #f0f4f8;
    border-radius: 14px;
    padding: 16px;
}

/* Each stat — individual white card */
.ce-stat-item,
a.ce-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    flex: 1;
    padding: 16px 10px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    text-decoration: none !important;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}

a.ce-stat-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.09);
    border-color: #1a6fc4;
}

/* Dividers — hidden (cards replace them) */
.ce-stats-bar__divider { display: none; }

/* Icon circles */
.ce-stat-icon {
    width: 44px; height: 44px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}
.ce-stat-icon--gold   { background:#1a6fc415; color:#1a6fc4; }
.ce-stat-icon--green  { background:#27ae6015; color:#27ae60; }
.ce-stat-icon--blue   { background:#3498db15; color:#3498db; }
.ce-stat-icon--purple { background:#9b59b615; color:#9b59b6; }
.ce-stat-icon--orange { background:#e67e2215; color:#e67e22; }

/* Numbers */
.ce-stat-item__number {
    font-size: 26px; font-weight: 800;
    color: #1a2942; line-height: 1;
    font-family: 'Segoe UI', Arial, sans-serif;
}

/* Label */
.ce-stat-item__label {
    font-size: 10px; font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.8px;
    text-align: center;
}

/* Tablet */
@media (max-width:900px) {
    .ce-stats-bar__inner   { gap: 8px; padding: 12px; }
    .ce-stat-item__number  { font-size: 22px; }
    .ce-stat-icon          { width: 38px; height: 38px; }
    .ce-stat-icon svg      { width: 17px; height: 17px; }
}

/* Mobile — 3×2 grid */
@media (max-width:600px) {
    .ce-stats-bar          { padding: 0; }
    .ce-stats-bar__inner   {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
        padding: 10px;
        background: #f0f4f8;
        border-radius: 12px;
    }
    .ce-stat-item,
    a.ce-stat-item          { padding: 12px 6px; gap: 5px; }
    .ce-stat-icon           { width: 34px; height: 34px; }
    .ce-stat-icon svg       { width: 15px; height: 15px; }
    .ce-stat-item__number   { font-size: 18px; }
    .ce-stat-item__label    { font-size: 9px; letter-spacing: 0.4px; }
    a.ce-stat-item:hover    { transform: none; }
}