:root {
            --bg-color: #f7f3e9;
            --text-color: #3b302c;
            --card-bg-color: #ffffff;
            --cta-color: #b88d6c;
        }

        body {
            font-family: 'Sarabun', sans-serif;
            background-color: var(--bg-color);
            color: var(--text-color);
            transition: background-color 0.5s ease, color 0.5s ease;
        }

        .text-cta {
            color: var(--cta-color);
        }

        .bg-card {
            background-color: var(--card-bg-color);
        }

        .btn-cta {
            background-color: var(--cta-color);
            color: white;
        }

        .btn-cta:hover {
            background-color: #a37b5a;
        }

        /* Mobile specific adjustments */
        @media (max-width: 768px) {
            .flex-row-reverse-mobile {
                flex-direction: column-reverse;
            }

            .flex-col-mobile {
                flex-direction: column;
            }

            .social-buttons {
                display: none;
            }
        }



    


  .cart-btn.has-items{
    background: var(--cta-color, #4F46E5) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(79,70,229,.35);
  }
  .cart-btn.has-items:hover{
    filter: brightness(1.05);
  }
  /* แอนิเมชันเด้งเบาๆ เวลาเพิ่งมีของเข้า */
  .cart-btn.bump{ animation: cart-bump .35s ease-out; }
  @keyframes cart-bump{
    0%   { transform: translateZ(0) scale(1); }
    30%  { transform: translateZ(0) scale(1.06); }
    60%  { transform: translateZ(0) scale(0.98); }
    100% { transform: translateZ(0) scale(1); }
  }
  /* จุดแดงกระพริบเบาๆ */
  #cart-dot.ping::after{
    content:''; position:absolute; inset:-4px;
    border-radius:9999px; background: rgba(239,68,68,.35);
    animation: cart-ping 1.2s ease-out infinite;
  }
  @keyframes cart-ping{
    0%{ transform: scale(.8); opacity:.8; }
    100%{ transform: scale(1.8); opacity:0; }
  }

/* Theme SweetAlert2 */
.swal2-popup{
  border-radius: 18px;
  padding: 24px 24px 20px;
  background:#211915; color:#fff;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 40px rgba(0,0,0,.35);
}
.swal2-title{font-size:1.25rem;font-weight:800;margin-bottom:.25rem;}
.swal2-html-container{font-size:1rem;opacity:.95;}
.swal2-icon.swal2-warning{border-color:#f59e0b;color:#f59e0b;}
.swal2-actions{gap:10px}

/* ปุ่มให้เด่น */
.swal2-styled.swal2-confirm{
  background: linear-gradient(135deg, var(--cta-color,#b5835a), #8a603f);
  color:#fff;border:0;border-radius:999px;padding:.75rem 1.25rem;
  font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.2);
}
.swal2-styled.swal2-cancel{
  background:#3a2b24;color:#fff;border:0;border-radius:999px;padding:.75rem 1.25rem;
}
.swal2-styled:focus{box-shadow:0 0 0 4px rgba(186,150,116,.35)!important;outline:none}






  /* กล่องใหญ่ เด่น ชัด */
  .swal-success-big{
    background:#211915; color:#fff; border-radius:20px;
    padding:26px 28px; box-shadow:0 18px 42px rgba(0,0,0,.35);
  }
  .swal-success-big .swal2-title{font-size:1.6rem;font-weight:900;margin-bottom:.25rem}
  .swal-success-big .swal2-html-container{font-size:1.1rem;opacity:.95}

  /* ปุ่มยืนยันสีเขียวเด่น */
  .swal-btn-cta{
    background:linear-gradient(135deg,#22c55e,#16a34a)!important;
    color:#fff!important; border:0!important; border-radius:999px!important;
    padding:.85rem 1.4rem!important; font-weight:800!important;
    box-shadow:0 10px 22px rgba(0,0,0,.2)!important;
  }
  .swal-btn-cta:hover{ filter:brightness(1.07) }
  .swal-btn-cta:focus{ box-shadow:0 0 0 4px rgba(34,197,94,.35)!important }

  #submit-slip-btn:not(:disabled)::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.4);
    transform: rotate(30deg);
    transition: all 0.7s;
    animation: shine-btn 3s infinite;
}

@keyframes shine-btn {
    0% { left: -60%; }
    20% { left: 120%; }
    100% { left: 120%; }
}

/* ปรับสีตอนกดไม่ได้ให้ดูเป็นสีเทาชัดเจน */
#submit-slip-btn:disabled {
    background: #e2e8f0 !important;
    color: #94a3b8 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}