/* Custom page CSS (new widget only) */



#lhc_container_v2 {
    --lhc-pp-primary: #2563eb;
    --lhc-pp-primary-700: #1d4ed8;
    --lhc-pp-blue-50: #eff6ff;
    --lhc-pp-blue-100: #dbeafe;
    --lhc-pp-border: #d7e2f0;
    --lhc-pp-surface: #ffffff;
    --lhc-pp-text: #1f2937;

    --lhc-widget-gap: 8px;
    --lhc-widget-width: 320px;
    --lhc-widget-height: 480px;
    --lhc-widget-radius: 24px;

    --lhc-status-size: 88px;
    --lhc-status-gap: 24px;

    --lhc-needhelp-width: 320px;
    --lhc-needhelp-height: 132px;
}

/* Main chat iframe */
#lhc_widget_v2 {
    width: var(--lhc-widget-width) !important;
    min-width: var(--lhc-widget-width) !important;
    max-width: var(--lhc-widget-width) !important;

    height: var(--lhc-widget-height) !important;
    min-height: var(--lhc-widget-height) !important;
    max-height: var(--lhc-widget-height) !important;

    right: var(--lhc-widget-gap) !important;
    left: auto !important;
    bottom: var(--lhc-widget-gap) !important;

    border-radius: var(--lhc-widget-radius) !important;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22), 0 8px 24px rgba(37, 99, 235, 0.12) !important;
    overflow: hidden !important;
    background: transparent !important;
}

/* Need help campaign/card iframe */
#lhc_needhelp_widget_v2 {
    width: var(--lhc-needhelp-width) !important;
    min-width: var(--lhc-needhelp-width) !important;
    max-width: var(--lhc-needhelp-width) !important;

    height: var(--lhc-needhelp-height) !important;
    min-height: var(--lhc-needhelp-height) !important;
    max-height: var(--lhc-needhelp-height) !important;

    right: 24px !important;
    left: auto !important;
    bottom: 48px !important;

    border-radius: 20px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Bubble/status iframe */
#lhc_status_widget_v2 {
    width: var(--lhc-status-size) !important;
    min-width: var(--lhc-status-size) !important;
    max-width: var(--lhc-status-size) !important;

    height: var(--lhc-status-size) !important;
    min-height: var(--lhc-status-size) !important;
    max-height: var(--lhc-status-size) !important;

    right: var(--lhc-status-gap) !important;
    left: auto !important;
    bottom: var(--lhc-status-gap) !important;
}


/* Mobile */
@media (max-width: 560px) {
    #lhc_widget_v2 {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: var(--lhc-widget-height) !important;
        min-height: var(--lhc-widget-height) !important;
        max-height: var(--lhc-widget-height) !important;

        left: 15% !important;
        right: 15% !important;
        bottom: 28px !important;

        border-radius: 20px !important;
    }

    #lhc_needhelp_widget_v2 {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: var(--lhc-needhelp-height) !important;
        min-height: var(--lhc-needhelp-height) !important;
        max-height: var(--lhc-needhelp-height) !important;

        left: 15% !important;
        right: 15% !important;
        bottom: 64px !important;

        border-radius: 18px !important;
    }

    #lhc_status_widget_v2 {
        right: 16px !important;
        left: auto !important;
        bottom: 24px !important;
    }
}