/*
6789	Dashboarrd CSS - Nuclear fix
*/

/* ================================================
   DASHBOARD - CSS NUCLEAR FIX (Override TOTAL)
   Prioritate maximă - suprascrie ORICE
   ================================================ */

/* ====== ACORDEON PADDING OVERRIDE ====== */
.elementor-widget-nested-accordion .elementor-accordion,
.elementor-widget-nested-accordion .elementor-accordion .elementor-tab-content,
#db2-sections .elementor-accordion .elementor-tab-content,
.db2-container .elementor-accordion .elementor-tab-content,
.cuco-acc .elementor-tab-content {
    padding: 20px !important;
}

/* ====== MOBILE - SPECIFICITATE MAXIMĂ ====== */
@media (max-width: 768px) {

    /* Container global - elimină overflow ascuns */
    body .db2-container,
    body #cucoDash,
    body .elementor-widget-nested-accordion {
        overflow-x: visible !important;
        max-width: 100vw !important;
    }

    /* Acordeon content - padding uniform */
    body .elementor-accordion .elementor-tab-content,
    body .db2-mission-expand-content,
    body #db2-sections .elementor-accordion .elementor-tab-content {
        padding: 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Mission header - forțat centrat */
    body .db2-mission-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 20px !important;
        width: 100% !important;
    }

    body .db2-mission-left {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    body .db2-mission-info {
        text-align: center !important;
        width: 100% !important;
    }

    body .db2-mission-right {
        width: 100% !important;
        justify-content: center !important;
    }

    /* Concursuri carousel - centrat */
    body .odr-lottery-card,
    body [class*="contest"],
    body .card.contest {
        text-align: center !important;
    }

    body .stepper-row,
    body .dash-stepper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* Email/Phone grids - vertical centrat */
    body .db2-email-grid,
    body .db2-phone-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        width: 100% !important;
    }

    body .db2-email-field-short,
    body .db2-phone-field-short {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        margin: 0 20px !important;
    }

    body .db2-email-field-short input,
    body .db2-phone-field-short input {
        width: 100% !important;
        text-align: center !important;
    }

    body .db2-email-text-center,
    body .db2-phone-text-center {
        text-align: center !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px !important;
    }

    body .db2-email-grid .db2-btn,
    body .db2-phone-grid .db2-btn {
        width: calc(100% - 40px) !important;
        margin: 0 20px !important;
    }

    /* Date personale - width uniform */
    body .db2-personal-full-row,
    body .db2-address-full-row {
        width: calc(100% - 40px) !important;
        margin: 0 20px 16px 20px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    body .db2-form-field,
    body .db2-form-group {
        width: 100% !important;
        max-width: 100% !important;
    }

    body .db2-form-input,
    body .db2-form-select {
        width: 100% !important;
    }

    body .db2-personal-warning {
        width: calc(100% - 40px) !important;
        margin: 0 20px 20px 20px !important;
    }

    body .db2-section-subtitle {
        width: calc(100% - 40px) !important;
        margin: 24px 20px 16px 20px !important;
        text-align: center !important;
    }

    body .db2-button-container {
        width: calc(100% - 40px) !important;
        margin: 20px 20px !important;
        justify-content: center !important;
    }

    /* Marketing */
    body .db2-marketing-container {
        width: calc(100% - 40px) !important;
        margin: 0 20px !important;
    }

    body .db2-marketing-right {
        justify-content: center !important;
    }

    /* KPI - cifre aliniate */
    body .db2-kpi {
        width: calc(100% - 40px) !important;
        margin: 0 20px 24px 20px !important;
        grid-template-columns: 1fr 1fr !important;
    }

    body .db2-kpi-val {
        display: flex !important;
        align-items: baseline !important;
        justify-content: center !important;
    }

    /* Wallet */
    body .db2-section-title {
        text-align: center !important;
        width: calc(100% - 40px) !important;
        margin: 0 20px 16px 20px !important;
    }

    body .db2-transaction-log {
        width: calc(100% - 40px) !important;
        margin: 0 20px !important;
    }
}