.elementor-1170 .elementor-element.elementor-element-19ce02dc{margin-top:0px;margin-bottom:-110px;padding:6em 1em 6em 1em;}.elementor-1170 .elementor-element.elementor-element-3b8f5b40 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-1170 .elementor-element.elementor-element-614ed7a8 .elementor-button{background-color:var( --e-global-color-3bd5010 );font-family:var( --e-global-typography-cff3ec9-font-family ), Sans-serif;font-size:var( --e-global-typography-cff3ec9-font-size );font-weight:var( --e-global-typography-cff3ec9-font-weight );line-height:var( --e-global-typography-cff3ec9-line-height );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-1170 .elementor-element.elementor-element-614ed7a8{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1170 .elementor-element.elementor-element-614ed7a8 .elementor-button:hover, .elementor-1170 .elementor-element.elementor-element-614ed7a8 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-1170 .elementor-element.elementor-element-614ed7a8 .elementor-button:hover svg, .elementor-1170 .elementor-element.elementor-element-614ed7a8 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-1170 .elementor-element.elementor-element-21f19fe2 .elementor-button{background-color:#FF4006;font-family:var( --e-global-typography-cff3ec9-font-family ), Sans-serif;font-size:var( --e-global-typography-cff3ec9-font-size );font-weight:var( --e-global-typography-cff3ec9-font-weight );line-height:var( --e-global-typography-cff3ec9-line-height );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:0px 0px 0px 0px;}.elementor-1170 .elementor-element.elementor-element-21f19fe2{width:initial;max-width:initial;}.elementor-1170 .elementor-element.elementor-element-542b2fc4{margin:2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-1170 .elementor-element.elementor-element-542b2fc4 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-1170 .elementor-element.elementor-element-34c8bb3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1170 .elementor-element.elementor-element-d438b04{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-1170 .elementor-element.elementor-element-614ed7a8{--container-widget-width:14%;--container-widget-flex-grow:0;width:var( --container-widget-width, 14% );max-width:14%;}.elementor-1170 .elementor-element.elementor-element-614ed7a8 .elementor-button{font-size:var( --e-global-typography-cff3ec9-font-size );line-height:var( --e-global-typography-cff3ec9-line-height );}.elementor-1170 .elementor-element.elementor-element-21f19fe2 .elementor-button{font-size:var( --e-global-typography-cff3ec9-font-size );line-height:var( --e-global-typography-cff3ec9-line-height );}.elementor-1170 .elementor-element.elementor-element-542b2fc4{margin:4% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:left;}}@media(max-width:767px){.elementor-1170 .elementor-element.elementor-element-614ed7a8{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 12%;--container-widget-width:34%;--container-widget-flex-grow:0;width:var( --container-widget-width, 34% );max-width:34%;}.elementor-1170 .elementor-element.elementor-element-614ed7a8 .elementor-button{font-size:var( --e-global-typography-cff3ec9-font-size );line-height:var( --e-global-typography-cff3ec9-line-height );}.elementor-1170 .elementor-element.elementor-element-21f19fe2 .elementor-button{font-size:var( --e-global-typography-cff3ec9-font-size );line-height:var( --e-global-typography-cff3ec9-line-height );}.elementor-1170 .elementor-element.elementor-element-542b2fc4{text-align:center;}.elementor-1170 .elementor-element.elementor-element-542b2fc4 .elementor-heading-title{font-size:19px;}}/* Start custom CSS for shortcode, class: .elementor-element-d438b04 *//* ==================== FONT ==================== */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap');

.comiseo-daterangepicker,
.comiseo-daterangepicker * {
    font-family: 'Syne', sans-serif !important;
}

/* ==================== WRAPPER ==================== */
.comiseo-daterangepicker,
.ui-widget,
.ui-widget-content,
.ui-datepicker,
.ui-datepicker-inline,
.ui-datepicker-group,
.comiseo-daterangepicker-main {
    background: #111 !important;
    color: #FF4006 !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==================== MAIN LAYOUT ==================== */
.comiseo-daterangepicker-main {
    gap: 20px !important;
    padding: 20px !important;
}

/* ==================== PRESETS ==================== */
.comiseo-daterangepicker-presets li {
    background: #1a1a1a !important;
    color: #FF4006 !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    margin-bottom: 8px !important;
    transition: 0.2s ease-in-out !important;
}

.comiseo-daterangepicker-presets li:hover {
    background: #FF4006 !important;
    color: #111 !important;
}

/* ==================== CALENDAR ==================== */
.ui-datepicker-header {
    background: none !important;
    border: none !important;
    color: #FF4006 !important;
    font-weight: 700 !important;
    padding: 8px 0 !important;
    text-align: center !important;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    background: transparent !important;
    color: #FF4006 !important;
    border: none !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    color: #FF6A33 !important;
}

.ui-datepicker-calendar {
    width: 100% !important;
    border-spacing: 6px !important; /* kasih jarak antar tanggal */
    table-layout: fixed !important;
}

.ui-datepicker-calendar th {
    color: #FF4006 !important;
    font-weight: 600 !important;
    padding-bottom: 6px !important;
}

.ui-datepicker-calendar td {
    padding: 0 !important;
}

/* Tanggal default */
.ui-datepicker-calendar td a {
    background: #1a1a1a !important;
    color: #FF4006 !important;
    border-radius: 6px !important;
    display: block !important;
    text-align: center !important;
    padding: 8px 0 !important;
    transition: 0.2s !important;
}

/* Hover tanggal */
.ui-datepicker-calendar td a:hover {
    background: #FF4006 !important;
    color: #111 !important;
}

/* Tanggal aktif (hari ini / selected) */
.ui-state-active,
.ui-datepicker-current-day .ui-state-default {
    background: #FF4006 !important;
    color: #111 !important;
    font-weight: 700 !important;
}

/* Range */
.ui-datepicker-calendar .ui-state-highlight {
    background: #FF4006 !important;
    opacity: 0.4 !important;
    color: #111 !important;
}

/* ==================== BUTTON PANEL ==================== */
.comiseo-daterangepicker-buttonpanel {
    background: #111 !important;
    padding: 12px 15px !important;
    display: flex !important;
    gap: 12px !important; /* jarak antar button */
    justify-content: space-between !important;
    border: none !important;
}

.comiseo-daterangepicker-buttonpanel button {
    flex: 1 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 16px !important; /* padding lebih lega di dalam button */
    font-weight: 700 !important;
    cursor: pointer !important;
}

/* Apply */
button.ui-priority-primary {
    background: #FF4006 !important;
    color: #111 !important;
}
button.ui-priority-primary:hover {
    background: #FF6A33 !important;
}

/* Clear, Cancel */
button.ui-priority-secondary {
    background: #222 !important;
    color: #FF4006 !important;
}
button.ui-priority-secondary:hover {
    background: #333 !important;
}

/* ==================== EXTRA SPACING ==================== */
.ui-datepicker-inline,
.ui-datepicker-group {
    margin: 0 10px !important; /* kasih jarak antar kalender */
}

@media (max-width: 768px) {
    .comiseo-daterangepicker-main {
        flex-direction: column !important; /* stack atas-bawah */
        gap: 15px !important;
        padding: 15px !important;
        overflow-x: hidden !important; /* cegah scroll horizontal */
    }

    /* Presets full width */
    .comiseo-daterangepicker-presets {
        width: 100% !important;
        display: block !important; /* biar <li> kebaca block penuh */
        box-sizing: border-box !important;
    }

    .comiseo-daterangepicker-presets li {
        width: 88% !important;  
        text-align: center !important;
        margin: 0 auto 10px auto !important; /* kasih jarak bawah antar tombol */
        display: block !important;
    }

    /* Kalender simetris kiri-kanan */
    .ui-datepicker-inline,
    .ui-datepicker-group {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 15px auto !important; /* auto kiri-kanan biar balance */
        box-sizing: border-box !important;
    }

    .ui-datepicker-calendar {
        width: 100% !important;
        table-layout: fixed !important; /* paksa kolom rata */
    }

    .ui-datepicker-calendar td a {
    background: #1a1a1a !important;
    color: #FF4006 !important;
    border-radius: 6px !important;
    display: block !important;
    text-align: center !important;
    padding: 8px 0 !important;
    margin: 2px !important; /* tambahin jarak antar tanggal */
    transition: 0.2s !important;
}

}/* End custom CSS */