.wrapper-modern-menu img[data-v-ae52542c]{
width: 60px!important;
}
.appbar-logo-mordern[data-v-62733d75] {
    max-height: 100px !important;
    height: auto !important;
    width: 80px !important; /* สำหรับ mobile */
    padding-top: 10px !important;
}

@media (min-width: 1024px) {
    .appbar-logo-mordern[data-v-62733d75] {
        width: 140px !important; /* สำหรับ desktop */
    }
}

.text-box[data-v-d395311a]{
color:#f78829!important;
}
.text-box[data-v-d395311a] p span{
color:#f2eee9!important;
}
.v-application a {
    color: #ff4b4b!important;
}
.ql-editor {
background: #000000a8!important;
}
.theme--light.v-application {
    color: rgb(255 253 253 / 87%)!important;
}
.dialog-profile{
background: #60564e!important;
}
.dialog-container { background: #ffa956!important;
}
.dialog-sing-in { background: #5c5c62!important;
}
.card-article{
background: #a96734!important;
border-radius: 0px 0px 10px 10px;
}
.v-application .secondary{
    border-color: #a9683c !important;
    background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(133,131,131,1) 100%)!important;
}
.v-application .primary{
    border-color: #a9683c !important;
    background-image: radial-gradient(100% 100% at 50% 0,#fdb777 0,#fd9346 44%,#D56000 100%), linear-gradient(180deg, #fd7f2c, #fd9346)!important;
}
.appbar .v-toolbar__content{
  background: linear-gradient(0deg, rgba(253,183,119,1) 0%, rgba(253,127,44,1) 100%)!important;
}
/* footter BG ล่างสุด*/ 
.footer-container{
  background-color: #ff9249 !important;
}
/* BG WEB*/ 
.page {
 background-color: #f8dac6 !important;
}
/* BG MENU product Mobile*/ 
.menu-item[data-v-23bde6b6]{
 background-image: linear-gradient(0deg, rgba(213,96,0,1) 0%, rgba(249,163,100,1) 53%, rgba(255,216,186,1) 100%)!important;}

/* BG MENU product*/ 
.menu-list .menu-item[data-v-5742cdfc] {
 background-color: radial-gradient(100% 100% at 50% 0,#fda766 0,#fd9346 44%,#D56000 100%) !important;
background-image: radial-gradient(100% 100% at 50% 0,#fda766 0,#fd9346 44%,#D56000 100%) !important;
box-shadow: 0 5px 10px #000000b0!important;
}

/*Active BG MENU product*/ 
.menu-item.active{
background: rgb(213,96,0)important;
background-image: linear-gradient(0deg, rgba(213,96,0,1) 0%, rgba(253,175,119,1) 100%)important;
border: 1px solid #ffffff!important;
}
.menu-item:hover{
background: rgb(213,96,0)important;
background-image: linear-gradient(0deg, rgba(213,96,0,1) 0%, rgba(253,175,119,1) 100%)important;
border: 1px solid #ffffff!important;
}

/*BG side bar*/ 
.sidebar[data-v-45867914] {    
background-image: #ed9362 !important;
}

/*BG MENU HEADER*/ 
.appbar-container .appbar-menu .menu-item[data-v-280a2a88]{
  background: linear-gradient( 180deg, #fd7f2c, #B82E1F), linear-gradient( 180deg, #D56000, #FFAE6F)!important;
   border: 2px solid #cc5200!important;
}

.dialog-sing-in .menu-list .menu-item[data-v-085f0de0]{
background:  linear-gradient(180deg,var(--primary),#e8945a)!important;
}

/*BG Footter Menu*/ 
.bottom-nav{
background: linear-gradient(182deg, #fd9346, #D56000)!important;
color: #ffffff!important;
}