/* =====================================================
   SENTOSA POST
   QUICK MENU PREMIUM
   ===================================================== */

.quick-menu{

    margin-top:0;

    margin-bottom:20px;

    margin-left:0;

    margin-right:0;

}

.quick-menu-wrapper{

    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:18px;

    background:#ffffff;

    border-radius:22px;

    padding:20px;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.quick-item{

    flex:1;

    text-decoration:none;

    text-align:center;

    color:#2d3748;

    transition:.35s;

}

.quick-icon{

    width:68px;
    height:68px;

    margin:auto;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:28px;

    box-shadow:0 8px 20px rgba(0,0,0,.15);

    transition:.35s;

}

.quick-text{

    margin-top:12px;

    font-size:14px;

    font-weight:600;

    line-height:1.4;

}

.quick-item:hover{

    transform:translateY(-8px);

}

.quick-item:hover .quick-icon{

    transform:scale(1.12) rotate(-6deg);

}

/* ===== WARNA ===== */

.bg-blue{

    background:linear-gradient(135deg,#0A4D8C,#2196F3);

}

.bg-green{

    background:linear-gradient(135deg,#14A44D,#34D399);

}

.bg-red{

    background:linear-gradient(135deg,#DC2626,#EF4444);

}

.bg-purple{

    background:linear-gradient(135deg,#7C3AED,#A855F7);

}

.bg-orange{

    background:linear-gradient(135deg,#F59E0B,#FBBF24);

}

.bg-cyan{

    background:linear-gradient(135deg,#06B6D4,#22D3EE);

}

.bg-navy{

    background:linear-gradient(135deg,#1E3A8A,#2563EB);

}

.bg-pink{

    background:linear-gradient(135deg,#EC4899,#F43F5E);

}

.bg-gray{

    background:linear-gradient(135deg,#64748B,#94A3B8);

}

/* ===== RESPONSIVE ===== */

@media(max-width:1200px){

.quick-menu-wrapper{

    overflow-x:auto;

    justify-content:flex-start;

}

.quick-item{

    min-width:110px;

}

.quick-menu-wrapper::-webkit-scrollbar{

    height:8px;

}

.quick-menu-wrapper::-webkit-scrollbar-thumb{

    background:#0A4D8C;

    border-radius:20px;

}

}