/* ==========================================================
   MS3D BOOKING ENHANCER
========================================================== */



/* ==========================================================
   Calendar Prices
========================================================== */

#ui-datepicker-div td{
    position:relative;
}

.ms3d-price{

    margin-top:4px;

    font-size:11px;

    font-weight:600;

    line-height:1.2;

    color:#0b7a37;

    text-align:center;

    pointer-events:none;

}

.ui-datepicker-current-day .ms3d-price{

    color:#ffffff;

}



/* ==========================================================
   Room Summary
========================================================== */

.ms3d-summary{

    margin-top:20px;

    padding:16px 18px;

    border:1px solid #ececec;

    border-radius:12px;

    background:#fafafa;

}

.ms3d-line{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:15px;

    font-size:14px;

    color:#666;

}

.ms3d-total{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:12px;

    padding-top:12px;

    border-top:1px dashed #dcdcdc;

}

.ms3d-total span{

    font-size:15px;

    font-weight:600;

    color:#222;

}

.ms3d-total strong{

    font-size:20px;

    font-weight:700;

    color:#111;

}



/* ==========================================================
   Grand Total
========================================================== */

.ms3d-grand-total{

    margin-top:25px;

    padding:20px;

    border-radius:14px;

    background:#111;

    color:#fff;

}

.ms3d-grand-line{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

}

.ms3d-grand-line span{

    font-size:17px;

    font-weight:600;

}

.ms3d-grand-line strong{

    font-size:28px;

    font-weight:700;

    color:#fff;

}



/* ==========================================================
   Calendar Animation
========================================================== */

.ms3d-price{

    animation:ms3dFade .18s ease;

}

@keyframes ms3dFade{

    from{

        opacity:0;

        transform:translateY(4px);

    }

    to{

        opacity:1;

        transform:none;

    }

}



/* ==========================================================
   Mobile
========================================================== */

@media(max-width:767px){

    .ms3d-summary{

        padding:14px;

    }

    .ms3d-line{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

    }

    .ms3d-total{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

    }

    .ms3d-total strong{

        font-size:18px;

    }

    .ms3d-grand-line{

        flex-direction:column;

        align-items:flex-start;

        gap:8px;

    }

    .ms3d-grand-line strong{

        font-size:24px;

    }

}



/* ==========================================================
   Prevent Theme Overrides
========================================================== */

.ms3d-summary *{

    box-sizing:border-box;

}

.ms3d-grand-total *{

    box-sizing:border-box;

}