/*# sourceMappingURL=custom.min.css.map */

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-ExtraBold.woff2') format('woff2'), url('/fonts/prompt/Prompt-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-Black.woff2') format('woff2'), url('/fonts/prompt/Prompt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-BoldItalic.woff2') format('woff2'), url('/fonts/prompt/Prompt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-BlackItalic.woff2') format('woff2'), url('/fonts/prompt/Prompt-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-Bold.woff2') format('woff2'), url('/fonts/prompt/Prompt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-ExtraBoldItalic.woff2') format('woff2'), url('/fonts/prompt/Prompt-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-ExtraLight.woff2') format('woff2'), url('/fonts/prompt/Prompt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-ExtraLightItalic.woff2') format('woff2'), url('/fonts/prompt/Prompt-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-Light.woff2') format('woff2'), url('/fonts/prompt/Prompt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-Medium.woff2') format('woff2'), url('/fonts/prompt/Prompt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-LightItalic.woff2') format('woff2'), url('/fonts/prompt/Prompt-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-Italic.woff2') format('woff2'), url('/fonts/prompt/Prompt-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-SemiBoldItalic.woff2') format('woff2'), url('/fonts/prompt/Prompt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-Thin.woff2') format('woff2'), url('/fonts/prompt/Prompt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-ThinItalic.woff2') format('woff2'), url('/fonts/prompt/Prompt-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-MediumItalic.woff2') format('woff2'), url('/fonts/prompt/Prompt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-SemiBold.woff2') format('woff2'), url('/fonts/prompt/Prompt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/fonts/prompt/Prompt-Regular.woff2') format('woff2'), url('/fonts/prompt/Prompt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* ใช้ตัวแปร CSS ที่มีอยู่ และเพิ่มสีน้ำตาล */
.color-blue {
    color: var(--vz-cyan);
}
/* ฟ้า: #299cdb */
.color-golden {
    color: var(--vz-yellow);
}
/* เหลืองทอง: #f7b84b */
.color-navy {
    color: var(--vz-blue);
}
/* น้ำเงิน: #3577f1 */
.color-purple {
    color: var(--vz-purple);
}
/* ม่วง: #6559cc */
.color-green {
    color: var(--vz-green);
}
/* เขียว: #0ab39c */
.color-red {
    color: var(--vz-red);
}
/* แดง: #f06548 */
.color-pink {
    color: var(--vz-pink);
}
/* ชมพู: #f672a7 */
.color-gray {
    color: var(--vz-gray);
}
/* เทา: #878a99 */
.color-brown {
    color: #8b4513;
}
/* น้ำตาล: เพิ่มใหม่ */
.color-black {
    color: var(--vz-dark);
}
/* ดำ: #212529 */
#page-topbar {
    background: linear-gradient(to bottom, #050547, #18125b);
}

.navbar-menu {
    background: linear-gradient(to bottom, #050547, #18125b);
    border-right: 1px solid #050547;
}
:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-brand-box {
    background-color: #050547;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
    font-family: "Prompt", sans-serif;
}

:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
    font-family: "Prompt", sans-serif;
}

.leaflet-map.leaflet-container {
    z-index: 0;
    font-family: "Prompt", sans-serif;
}

.fc .fc-multimonth-multicol .fc-daygrid-more-link {
    font-family: "Prompt", sans-serif;
}

.ff-secondary {
    font-family: "Prompt", sans-serif;
}

.chat-list > li a {
    font-family: "Prompt", sans-serif;
}

.contact-list li {
    font-family: "Prompt", sans-serif;
}

.navbar-landing .navbar-nav .nav-item .nav-link {
    font-family: "Prompt", sans-serif;
}

.navbar-menu .navbar-nav .nav-link {
    font-family: "Prompt", sans-serif;
}


.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
}

.marquee-text {
    padding-left: 100%;
    animation: marquee 30s linear infinite;
}
    .marquee-text:hover {
        animation-play-state: paused; /* หยุดเมื่อ hover */
    }
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@media (min-width: 768px) {
    .topbar-user {
        background: linear-gradient(to bottom, #050547, #18125b);
    }
}
.page-content {
    padding: calc(90px + 1.5rem) calc(1.5rem * .5) 60px calc(1.5rem * .5);
}

/* Override: make label + inputs use 1rem font-size app-wide */
label,
.col-form-label,
.form-check-label,
.form-control {
    font-size: 0.90rem;
    color: #4d4e54 !important;
}

label,
.col-form-label,
.form-check-label,
.form-control {
    font-size: 0.90rem;
    color: #4d4e54 !important;
}

#btnViewCart,
.btn-add-to-cart span {
    color: white !important;
}
/* Small adjustment to keep form-control line-height consistent */
.form-control {
    line-height: 1.5;
}

/* Slightly smaller button text for compact UI */
.btn {
    font-size: 0.90rem;
}