/* ---------------------------------------------------------
   Varoriya Theme Overrides
   โหลดหลัง css.php เพื่อ override theme-red.css
   
   - Default: ไม่มี class ใช้ธีมเดิมทั้งหมด
   - .theme-white: โทนขาว (พื้นเกือบขาว, อักษรเกือบดำ)
   - .theme-cream: (ไว้ทำภายหลัง)
   --------------------------------------------------------- */

/* ========================================
   Theme WHITE (.theme-white)
   ======================================== */
.theme-white .bg--dark label, .theme-white .imagebg:not(.image--light) label {
    color: #434343;
}
/* 1. Section Background: override .bg--dark เป็นพื้นขาว */
.theme-white .bg--dark {
    background-color: #efefec !important;
}

/* 1b. Link Colors inside .bg--dark (override: #fff → เกือบดำ) */
.theme-white .bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
    color: #212529 !important;  /* เกือบดำ */
}
.theme-white .modedescruption {

    border-bottom: 0px solid #222222;    opacity: 0.9 !important;
}



  
.theme-white .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' -25, 'opsz' 20;
}
.theme-white .bg--dark:not(.nav-bar):not(.bar) h1, .theme-white .bg--dark:not(.nav-bar):not(.bar) h2, .theme-white .bg--dark:not(.nav-bar):not(.bar) h3, .theme-white .bg--dark:not(.nav-bar):not(.bar) h4, .theme-white .bg--dark:not(.nav-bar):not(.bar) h5, .theme-white .bg--dark:not(.nav-bar):not(.bar) h6, .theme-white .bg--dark:not(.nav-bar):not(.bar) i, .theme-white .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text), .theme-white .bg--dark:not(.nav-bar):not(.bar) p {
    color: black;
}
.theme-white #imgurl, .theme-white #imgurl2, .theme-white #varoimgurl {     border: 1px solid transparent;}
.theme-white .pdf-upload-box {
border: 1px dashed #cacaca;
    background: #fbf4ea;
}
/* 2. Body และ Container Backgrounds */
.theme-white,
.theme-white .main-container {
    background-color: #efefec;
}
.theme-white .pdf-upload-box:hover {
   background: #ffffff;
    border-color: #FF5722;
}
/* 3. Card/Box Backgrounds */
.theme-white .amodel-link,         /* card บริการ */
.theme-white .batchh,              /* batch box */
.theme-white .batche,              /* batche box */
.theme-white .genprocessed,         /* gen result card */
.theme-white input,
.theme-white select,
.theme-white textarea {
    background-color: #f8f9fa !important;  /* เทาอ่อนมาก */
}

/* Hover background ของ card */
.theme-white .amodel-link:hover {
    background-color: #e7f1ff !important;  /* ฟ้าอ่อน */
}

/* .bigbox shadow for white theme */
.theme-white .bigbox {
    box-shadow: 0px 0px 10px 1px #e1e1e1 !important;
        background: #e1e1e1;
}

/* 4. Border Colors */
.theme-white .amodel-link,
.theme-white .amodelid,
.theme-white .cirm,
.theme-white .cir,
.theme-white input,
.theme-white select,
.theme-white textarea,
.theme-white .genprocessed,
.theme-white .option,
.theme-white #refmode {
    border-color: #d5d6d8 !important;
}

/* 5. Text Colors (หลักสำคัญ) */
.theme-white,
.theme-white p,

.theme-white .modes,
.theme-white .info,
.theme-white .services a:link,
.theme-white .services a:visited,
.theme-white .amodel-item span,
.theme-white .delete,
.theme-white .water,
.theme-white .feed,
.theme-white .noti,
.theme-white .cattitlex {
    color: #333333 !important;
   
}

/* .moti สีพิเศษ: ส้ม */
.theme-white .moti {
    color: #006c62 !important;  /* Bootstrap Orange */
}
.theme-white .moti b {
    color: #006c62 !important;
}

/* Text ที่เข้มกว่า (h1-h6, title, bold text) */
.theme-white h1,
.theme-white h2,
.theme-white h3,
.theme-white h4,
.theme-white h5,
.theme-white h6,
.theme-white .typed-text,
.theme-white .h1,
.theme-white .h2,
.theme-white .h3,
.theme-white .h4,
.theme-white .h5,
.theme-white .h6 {
    color: #212529 !important;  /* เกือบดำ */
}

/* 6. Hover และ Link Colors */
/* แทนที่ aquamarine ด้วย bootstrap primary blue ที่อ่านง่ายบนพื้นขาว */
.theme-white a:hover,
.theme-white .services a:hover,
.theme-white .services a:active,
.theme-white .amodel-item:hover span,
.theme-white .delete:hover,
.theme-white .water:hover,
.theme-white .feedactive,
.theme-white .openoption:hover {
    color: #006c62 !important;  /* Bootstrap Primary Blue */
}

/* Accent: aquamarine/เขียวอ่อน สำหรับพื้นขาว — เปลี่ยนเป็นเขียวเข้มขึ้นเล็กน้อย */
.theme-white .aq,
.theme-white .color--second,
.theme-white #genprompticon,
.theme-white .waterremoved {
    color: #198754 !important;  /* Bootstrap Success Green */
}
.theme-white .bg--dark .boxed:not([class*='bg-']), .imagebg:not(.image--light) .boxed:not([class*='bg-']) {

    color: #000000;
}
/* 7. Input Placeholder */
.theme-white input::placeholder,
.theme-white textarea::placeholder {
    color: #adb5bd !important;
}

.theme-white .bar {
    padding: 0.2em 0 0.9em 0;
}

 

.theme-white #prompt-editor,.theme-white .seedream-prompt-editor,.theme-white #prompt,.theme-white #promptEditor{

background: rgb(251 251 251) !important;
    color: rgb(57 57 57) !important;
    border: 1px solid #f8f6f6 !important;  padding: 18px !important; 

}   
.theme-white .csourceVideo {
max-height: 90vh;
    background: transparent;
}
.theme-white .refbg {
    background: #e2e2e2 !important;
}

.theme-white ::-moz-selection { /* Code for Firefox */
  color: black;
  background: #ccc !important;
}

.theme-white ::selection {
color: black;
  background: #ccc !important;
}


.theme-white .gno:nth-child(odd),.theme-white .gno  {
    color: #17a2b8;
}
.theme-white .pill-group   {
border: 0px solid #3a3a3a;
background: #f5f5f5;
}
.theme-white .incollaboration {
 
    border-bottom: 0px solid #3e3e3e;
}
.theme-white .style-pill ,.theme-white .pill-btn:hover {
    color: #353535;
    background: #e7e7e7;
    border: 1px solid #e7e7e7;
}
.theme-white .pill-btn {
padding: 0px 0px;
    min-width: 41px;
       border: 1px solid transparent;
}

.theme-white .sb-action-btn {
 
    border: 1px solid #dbdbdb;
    background: #ffffff;}

 .theme-white .style-board {
    margin-bottom: 24px;
    background: #f9f9f9;
    border: 1px solid #dee2e6;}
.theme-white .so-pill {
   
border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgb(236 236 236);

    color: #282828;}
.theme-white .catalog-tab.active {
    background: #e1e0dd;
    border-color: transparent; color: #505050;
}
.theme-white .so-pill:hover {
    border-color: var(--so-accent);
    color: #505050;
    background: rgba(0, 191, 165, 0.08);
}

.theme-white .so-pill-group, .theme-white .so-control-group, .theme-white .so-res-pill, .theme-white .so-ratio-pill {
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
}
.theme-white .so-ratio-pill.active {
    background: #ffffff;
    color: #2e2e2e;
    border-color: #ffffff;
    box-shadow: #d8d8d8 0px 0px 10px 0px;
}
.theme-white .so-ratio-pill:hover {
    border-color: var(--so-accent);
    color: #393939;
}
.theme-white .si-card {
    background: #f9f9f9;
    border: 1px solid #d1d1d1;}

.theme-white .si-name {
   
    color: #151515;}

.theme-white .styleon-left {
 
    border-right: 1px solid #ccc;}

theme-white .si-price {
  
    color: #212529;}

.theme-white .catalog-tabs {
   
    border-right: 1px solid #d3d3d3;}

.theme-white .catalog-grid-wrap {
   
    scrollbar-color: #92d9cf transparent;}

.theme-white .si-card:hover {
    border-color: #ececec;
    transform: translateY(-1px);
    box-shadow: 0 1px 3px rgb(0 0 0 / 19%);
}

.theme-white .coinzone {
    color: #1b1b1b !important;
}

.input-select:after {
  
    padding: 6px 13px;}


.theme-white .service {
    
    border: 1px solid #cfcfcf;
    border-top-color: #c9c9c9;
    border-bottom-color: #d9d9d9;}


.theme-white  #remaining-coin-value {
    color: #17a2b8;
}

.theme-white .pill-btn.active {
    background: #ffffff;
    color: #2e2e2e;
    border-color: #ffffff;
    box-shadow: #d8d8d8 0px 0px 10px 0px;
}

.theme-white #mov-assets-upload-zone {
    border: 1px dashed #b8b8b8;
   
    background: #ffffff;
 
}


.theme-white .mov-assets-tab {
   
    background: #ffffff;
    border: 1px solid #adadad;
    color: #737373;}
.theme-white .ifr {
    background: none !important;
    border: none;
}
.theme-white #imgcropurl{ border: none !important}

.theme-white #mov-assets-header {
 
    background: #f7f7f7  !important }

.theme-white  #mov-assets-panel {
    background: #ffffff;
    border: 1px solid #d2d2d2;}
.theme-white .mov-asset-card {
   
    background: #e8e8e8;
    border: 1px solid #e0e0e0;}

  .theme-white   .mov-asset-btn.use-btn {
    background: #ffffff;
    color: #5b5b5b;
}

.theme-white #Gen {
   background:#64c2b8 !important;
    color: #ffffff !important;
    border-color: #d3d3d3 !important;
}
.theme-white .media-drop-zone {border: 1px solid #c0c0c0 !important;background: #f8f8f8 !important;}


/* 8. Section HR/Line */
.theme-white .hrline {
    background-color: #e9ecef !important;
}

.theme-white .hrlabel {
    background-color: #f8f9fa !important;
    color: #495057 !important;
}

/* 9. Background image overlay [data-overlay] */
.theme-white [data-overlay]:before {
    background: #ffffff !important;
}

 .theme-white #fullcontent p strong {
    color: #105841;
}
 .theme-white code {
    color: #007d90;
    font-size: 100%;
    word-break: break-word;
}
.theme-white .so-res-pill.active {



    background: #ffffff;
    color: #2e2e2e;
    border-color: #ffffff;
    box-shadow: #d8d8d8 0px 0px 10px 0px;
  
}

.theme-white #upload-area {    background-color: #fbf4ea;
    border: 1px dashed #747171; }

/* [data-overlay] text — ถ้าเป็น theme-white ให้เป็นสีเข้ม */
.theme-white [data-overlay] h1,
.theme-white [data-overlay] h2,
.theme-white [data-overlay] h3,
.theme-white [data-overlay] h4,
.theme-white [data-overlay] h5,
.theme-white [data-overlay] h6,
.theme-white [data-overlay] p,
.theme-white [data-overlay] a,
.theme-white [data-overlay] span {
    color: #212529 !important;
}

/* Exception: #bgVideoSection — เก็บ overlay มืม และข้อความขาว */
.theme-white #bgVideoSection[data-overlay]:before {
    background: inherit !important;  /* ใช้ overlay เดิม (มืม) */
}
.theme-white #bgVideoSection h1,
.theme-white #bgVideoSection h2,
.theme-white #bgVideoSection h3,
.theme-white #bgVideoSection h4,
.theme-white #bgVideoSection h5,
.theme-white #bgVideoSection h6,
.theme-white #bgVideoSection p,
.theme-white #bgVideoSection a,
.theme-white #bgVideoSection span {
    color: #ffffff !important;  /* ข้อความขาว */
}

/* 10. Inline styles จาก page-theme.php — override ค่า hardcode */
/* .amodel-link background + border */
.theme-white .amodel-link {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

/* .amodel-link:hover */
.theme-white .amodel-link:hover {
    background: #f3ead8 !important;
}

/* input/select/textarea inline styles */
.theme-white input,
.theme-white select,
.theme-white textarea {
    background: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #ced4da !important;
}

/* #uidInput */
.theme-white #uidInput {
    background: #ffffff !important;
    border: 1px solid #ced4da !important;
}

/* .batchh, .batche */
.theme-white .batchh,
.theme-white .batche {
    background: #f8f9fa !important;
}

/* .cirm, .cir border */
.theme-white .cirm,
.theme-white .cir {
    border-color: #e9ecef !important;
}

/* Hover border: .cirm:hover → #198754 (success green) */
.theme-white .cirm:hover {
    border-color: #198754 !important;
}

/* Hover border: .cir:hover → #006c62 (primary blue) */
.theme-white .cir:hover {
    border-color: #006c62 !important;
}

/* .orange class (ส้ม) — ใช้ส้มเดิม แต่อาจจะปรับให้เข้มขึ้นบนพื้นขาว */
.theme-white .orange {
    color: #fd7e14 !important;
}

/* Status badges: .new, .recomm, .update, .warn, .normal */
/* ไว้ใช้สีเดิม เพราะเป็น badge ติดอยู่บนพื้น card อยู่แล้ว */

/* 11. Text colors จาก inline styles */
.theme-white #multimediamenu,
.theme-white #multimediamenu a:link,
.theme-white #multimediamenu a:visited {
    color: #6c757d !important;  /* gray-500 */
}
.theme-white #multimediamenu a:hover {
    color: #006c62 !important;
}

/* #genprompttext */
.theme-white #genprompttext {
    color: #495057 !important;
}

/* .openoption */
.theme-white .openoption {
    color: #212529 !important;
}
.theme-white .openoption:hover {
    color: #006c62 !important;
}

/* .selectedsty, .selectedratio, .selectedmo */
.theme-white .selectedsty,
.theme-white .selectedratio,
.theme-white .selectedmo {
    color: #ffffff !important;  /* text สีขาวบน badge สี */
}

/* .status (uppercase text) */
.theme-white .status {
    color: #6c757d !important;
}

/* .content ul/ol/li text (azure → เปลี่ยนเป็นสีเข้ม) */
.theme-white .content ul,
.theme-white .content ol,
.theme-white .content li {
    color: #313131 !important;
}

/* Accordion content */
.theme-white .accordion__content {
    color: #495057 !important;
}

.theme-white .processed-fail {
    
    border: 4px solid #d3d3d3;}
.theme-white #Expandmy ,.theme-white #Expand{background-color: bisque;
    border-radius: 31px;}

.theme-white .thumbnailu {
    
    border: 2px solid #c6baab;}

.theme-white .rd-corp-stat {
  
    background: rgb(255 251 246 / 85%);
}

.theme-white .vd-health-item {
    background: #ffffff;}

.theme-white .vd-health-val {
   
    color: #464646;}
.theme-white .vd-plan-tile {
    background: #ffffff;}
  .theme-white   .vd-plan-tile-name {
   
    color: #179bb1;}
.theme-white #purchase-box {  background: #ffffff;border: 1px solid #ccc;}
.theme-white .vd-plan-name {color: #4e4e4e;}
.theme-white .vd-plan-header {
    
    background: #ffffff;}
.theme-white .vd-cache-bar {
    
    background: #ffffff;}

.theme-white .vd-qlink {background: #ffffff;}
.theme-white .vd-quick-item {
    background: #fafafa;}
.theme-white .cp-report-pack {
    border: 1px solid #d8d8d8
}
.theme-white .vd-quick-val {
   
    color: #6b6b6b;}

.theme-white .vd-bar-label {

    color: #393939;}

.theme-white .vd-card {
    background: #ffffff;}

.theme-white .cp-report-head {
    background: #f5f5f5;}
.theme-white .cp-report-head:hover {
    background: #dfdfdf;
}
.theme-white .cp-code-table td {
  
    border-bottom: 1px solid #a7a7a7;
    color: #222222;
}
.theme-white .predescription{ color: #333333 !important; }
.predescription{ color: #999999 }
/* ========================================
   Theme WHITE: Navigation / Menu Overrides
   ======================================== */

/* 1. Navigation Bar (.bar.bg--dark) */
.theme-white .bar.bg--dark {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e9ecef !important;
}

/* 2. Logo: ใน theme-white แสดง logo-dark แทน logo-light */
.theme-white .bar.bg--dark .logo-dark {
    display: inline-block !important;
}
.theme-white .bar.bg--dark .logo-light {
    display: none !important;
}

/* 3. Menu Horizontal Text Colors */
.theme-white .bg--dark .menu-horizontal > li > a,
.theme-white .bg--dark .menu-horizontal > li > span {
    color: #212529 !important;  /* เข้มเกือบดำ */
}

.theme-white .bg--dark .menu-horizontal > li > a:hover,
.theme-white .bg--dark .menu-horizontal > li > span:hover {
    color: #006c62 !important;  /* Primary Blue on hover */
}

/* 3b. Menu Horizontal Non-Hover Opacity (0.5 → 0.8) */
.theme-white .menu-horizontal > li:not(:hover) > a,
.theme-white .menu-horizontal > li:not(:hover) > span,
.theme-white .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
    opacity: 0.8 !important;
}

/* 4. Menu Item Colors จาก menu.php inline styles */
.theme-white #servicemenu {
    color: #212529 !important;  /* เข้มเกือบดำ */
}
.theme-white #servicemenu:hover {
    color: #198754 !important;  /* Success Green */
}

/* 5. Side Panels (Varo AI, Verse Chat, Services Menu) */
.theme-white #varo-ai-panel,
.theme-white #verse-chat-panel {
    background-color: #ffffff !important;
    border-left: 1px solid #e9ecef !important;
}

/* Services Menu Dropdown */
.theme-white #varoservicesmenu {
    background-color: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

/* 6. Fixed Header on Scroll (.pos-fixed.bg--dark) */
.theme-white .bar.pos-fixed.bg--dark {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e9ecef !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

/* 7. Coin Count Text */
.theme-white #coin-count {
    color: #212529 !important;
}

/* 8. Profile Photo Border */
.theme-white #profilephoto {
    border-color: #ccc !important;  /* Success Green */
}

/* 9. Text Colors จาก menu.php inline styles */
.theme-white .create a {
    color: #198754 !important;  /* Success Green */
}
.theme-white .create a:hover {
    color: #006c62 !important;  /* Primary Blue */
}

/* 10. Tools Icons Hover */
.theme-white .tools i:hover {
    color: #198754 !important;  /* Success Green */
}
.theme-white .tools i:active {
    color: #fd7e14 !important;  /* Orange */
}
.theme-white .tool {
    color: antiquewhite;
    cursor: pointer;
    background: #a2a2a2;}


.theme-white .shape-note-editor {
 
    background: rgb(251 251 251) !important;
    border: 1px solid #cdcdcd; line-height: 1.4;

    color: #080808;

}
.theme-white .tray-item {
   
    border-radius: 12px;
}

.theme-white .resizer {
  
    background: #ececec;
  
    border: 6px solid #cfcfcf !important;
}

.theme-white #vk-box-section {
    border: 1px solid #d2d2d2;
 
    background: #e9e9e9;

}
.theme-white #vk-box-popover .vk-pop-title {

    color: #000000;
}
.theme-white #vk-box-popover .vk-pop-head {
   
    border-bottom: 1px solid #ccc;}

.theme-white #vk-box-popover {
    
    background: #efefef;
    border: 1px solid #c8c8c8;}
.theme-white .vk-section-title {
  
    color: #202020;

}
.theme-white .tool-btn.active {
    background-color: #3eeccb;

}
/* 11. Upgrade Bar */
.theme-white #upgrade {
    background-color: #198754 !important;  /* Success Green */
    color: #ffffff !important;
}

/* 12. Mobile Bar (.visible-xs) */
.theme-white .bar.bar--sm.visible-xs {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e9ecef !important;
}

/* 13. Hamburger Menu Icon */
.theme-white .hamburger-toggle .icon {
    color: #495057 !important;
}

/* 14. Logout Button (visible-xs) */
.theme-white a.btn.btn--sm.visible-xs {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

/* 15. Language Switcher Text */
.theme-white .langbar li a {
    color: #495057 !important;
}
.theme-white .langbar li a:hover {
    color: #006c62 !important;
}


.theme-white .cirs {

    background-color: #fbf4ea;
}


.theme-white #menu1 {
    background-image: none !important;
}

.theme-white .ppx .table th,.theme-white .ppx  .table td {
 
    color: black;
}
.theme-white #apply {
   background: #f56505 !important;
    width: fit-content;
    margin: auto;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    color: #efefec !important;
}


.theme-white .badge-expired {
    background: #6a6a6a;
    color: #ffdcd1 !important;
}

/* 16. Inbox/Chat Panel Overrides */
/* ถ้ามี text ใน panel ที่ต้องการ override */

/* 17. Modal Payment Background (paypop) */
.theme-white .modal-content.bg--dark {
    background-color: #ffffff !important;
    border-radius: 14px;
}
.theme-white #codepack-box {
    background: #e0e0e0; color: #010101 !important;}
/* 18. Gift Section Background */

.theme-white #gift-section {
    background-color: #f8f9fa !important;
}

.theme-white .voicetxt {
    border-top: 1px solid #d8d8d8;}


.theme-white #codepack-box label {
  


    color: #010101 !important;}
.theme-white #codepack-price-box {
    background: #f8f8f8;}
 .theme-white    .bg--dark:not(.nav-bar):not(.bar) {
    color: #252525;
}
/* 19. Promo Code Input */
.theme-white #promo_code_input {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #ced4da !important;
}
.theme-white #apply_promo_btn {
    background-color: #e9ecef !important;
    color: #495057 !important;
    border-color: #ced4da !important;
}
.theme-white #apply_promo_btn:hover {
    background-color: #198754 !important;
    color: #ffffff !important;
    border-color: #198754 !important;
}

/* 20. Varo Icon Image (if present) */
.theme-white #varoicon {
    filter: none !important;  /* ไม่ต้อง invert image */
}

/* ========================================
   Theme WHITE: Service Menu Toggle Overrides
   (จาก servicemenutoggle.php)
   ======================================== */

/* 1. Services Menu Dropdown Background */
.theme-white .dropdown__content.bg--dark,
.theme-white .dropdown__content--lg.bg--dark {
    background-color: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

/* Inline background: rgb(30 30 30) */
.theme-white div[style*="background: rgb(30 30 30)"] {
    background-color: #ffffff !important;
}

/* 2. Imagebg overlay */
.theme-white .imagebg[data-overlay]:before {
    background-color: #f8f9fa !important;
}

/* 3. Category Title (.cattitle) */
.theme-white .cattitle {
    color:#373737  !important;  /* Success Green แทน aquamarine */
     font-weight: 700;
}

/* 4. Service Title (.sertitle) text color */
.theme-white #sertitle {
    color: #3e4751  !important;
    font-weight: 600  !important;     margin-bottom: 10px !important;
}
/*
.theme-white .bg--dark:not(.nav-bar):not(.bar) h1, .theme-white .bg--dark:not(.nav-bar):not(.bar) h2, .theme-white .bg--dark:not(.nav-bar):not(.bar) h3, .theme-white .bg--dark:not(.nav-bar):not(.bar) h4, .theme-white .bg--dark:not(.nav-bar):not(.bar) h5, .theme-white .bg--dark:not(.nav-bar):not(.bar) h6, .theme-white .bg--dark:not(.nav-bar):not(.bar) i, .theme-white .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text), .theme-white .bg--dark:not(.nav-bar):not(.bar) p {
    color: #353535;
}
*/
.theme-white #duration_slider{
border: 1px solid #cecece !important;
background: #dadada !important;
}


.theme-white .sertitle {
    color: #212529 !important;
    font-weight: 600  !important;
}
.theme-white li strong {
    font-weight: 600;
    color: #0e0e0e;
}
.theme-white h1, .theme-white h2, .theme-white h3, .theme-white h4, .theme-white h5, .theme-white h6, .theme-white .h1, .theme-white .h2, .theme-white .h3, .theme-white .h4, .theme-white .h5, .theme-white .h6 {

    font-weight: 600;

}
.theme-white p strong {
    color: #115e45;
}
.theme-white .squ {
    border: 2px solid #d5d5d5;
    color: #3d3d3d;
    background-color: #ffffff;
}
.theme-white .squ:hover {
    background: rgb(244 244 244);
}


.theme-white .varo-theme-switcher {
 
    background: rgb(198 198 198 / 60%) !important;
}



.theme-white .sec , .theme-white .gid{ color: #373737 !important ;  }

.theme-white .upload-area {

    background-color: #f4f4f4;
}

.theme-white .upload-box:hover, .theme-white .kf-uploadbox:hover { 
    background: #ffffff;
    border-color: #FF5722;
}
.theme-white .upload-box, .theme-white .kf-uploadbox , .theme-white .cv-uploadbox {
        border: 1px dashed #747171;
    background: #fbf4ea;
}
.theme-white #imagearea .upload-area {

    background-color: transparent;
}
.theme-white   .table--alternate-row tbody tr:nth-child(even) {
    background: #f5f5f5; color: #3c3c3c;
}
.theme-white   .table--alternate-row tbody tr:nth-child(odd) {
    background: #e9e9e9; color: #3c3c3c;
}
.theme-white .bg--dark table.border--round {
    border-radius: 6px;
    border: 0px solid #818080;
}
.theme-white .bg--dark table th {
    background: #e0e0e0; color: #3c3c3c;
}


.theme-white #im2v {

 background-color: transparent !important;
}
.theme-white .upass #im2v {

       background:#f4f4f4 !important 
}
.theme-white .realtimevoice {

    color: #3c3c3c;

    background: #f5f5f5;
}

.theme-white .catalog-search input {
    
    text-align: left;
    background: #e4e4e4 !important;
    border: 1px solid #d7d7d7 !important;
    color: #151515 !important;
 
}

.theme-white .catalog-title {

    border-bottom: 1px solid #c9c9c9;
}
.theme-white .si-era-badge {
  
    top: 80px;
    left: 6px;
    background: rgb(252 252 252 / 75%);
    color: #ddd;
    
    padding: 0px 7px;
    border-radius: 7px;
    
}

.theme-white .si-price {
  
    color: #717171;
    margin-top: 0px;
}

.theme-white .delete-button:hover {
    background: #FF9800;
    border: 2px solid #a29898;
}   

.theme-white #genhistory .realtimevoice i {
  
    background: #d8d8d8;
    color: #1e1e1e !important;
}

.theme-white .aud-title {
  
    color: black;
   
}

.theme-white .au-card .n,.theme-white .vru-card .n {
 
    color: #232323;
}

.theme-white .au-card, .theme-white .vru-card {

    background: #f8f8f8;
    border: 1px solid #ffffff;}

  .theme-white .au-tablewrap {
  
    border: 1px solid #d0d0d0;
}


.theme-white #accountleftmenu .menu-vertical a {

    border-bottom: 1px solid #d6cdcd;
}
.theme-white .au-tablewrap td , .theme-white .vru-tablewrap td {
  
    border-bottom: 1px solid #cfcfcf;
    color: #242323;
   
} 


.theme-white .vru-tablewrap {
    
    border: 1px solid #c8c8c8;
}
th {
   
    border-bottom: 1px solid #a6a6a6;
    color: #0c0c0c;
}


.theme-white .au-done {
    background: #76c2a1;}


.theme-white .delete-button {
  
    background: #f6f6f6;
    border: 2px solid #c9c9c9;}

.theme-white .content {
    color: #373737 !important;
}
.theme-white #imgcropurl {

    border: 4px solid #d2d2d2;
    
}
.theme-white .wpc .h2  { display: none !important; }
.theme-white #crop-container {
 
    background: rgb(223 223 223 / 80%);
}

 


.theme-white #croptool {
 
    background: #ececec;
    border-bottom: 1px solid #ecebeb;
}
.theme-white #cancel-button, .theme-white #crop-button, .theme-white #nocrop-button {
  
    color: #606060;
    border: 1px solid #939393;
   
    background: #f1f1f1;
}
.theme-white #recrop-btn { background: #f1f1f1; border: 1px solid #939393; color: #606060; }
/* 5. Service Status Badges */
/* ไว้ใช้สีเดิมเพราะเป็น badge แต่ถ้าต้องการปรับให้เหมาะกับพื้นขาว: */
/*
.theme-white .statusNew {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
}
.theme-white .statusBata {
    background-color: #f8d7da !important;
    color: #842029 !important;
}
.theme-white .statusUpdate {
    background-color: #fff3cd !important;
    color: #664d03 !important;
}
.theme-white .statusRecommand {
    background-color: #cff4fc !important;
    color: #055160 !important;
}
.theme-white .statusFree {
    background-color: #e2e3e5 !important;
    color: #383d41 !important;
}
*/

/* 6. .amodelid span, .sertitle span badge text */
/* ไว้ใช้สีเดิมเพราะเป็น badge อยู่แล้ว */

/* 7. .catmenu border */
.theme-white .catmenu {
    border-bottom: 1px dashed #e9ecef !important;
}

/* 8. .menu-vertical li border (mobile) */
.theme-white .menu-vertical li {
    border-bottom: 1px solid #e9ecef !important;
}

/* 9. .color--white text → เปลี่ยนเป็นสีเข้ม */
.theme-white .color--white {
    color: #212529 !important;
}

/* 10. Model-link hover state */
.theme-white .model-link:hover {
    background-color: #e7f1ff !important;  /* ฟ้าอ่อน */
}

/* 11. .model-item icon colors (ถ้ามี inline style) */
/* ไว้ใช้สีเดิม เพราะเป็น icon color ตามแต่ละ service */

/* 12. .serpan padding ไม่ต้องเปลี่ยน แต่ถ้ามี background: */
.theme-white .serpan {
    background-color: #ffffff !important;
}

/* 13. .masonryx, .masonry__itemx, .masonry__containerx ไม่ต้องเปลี่ยน structural styles */

/* 14. Material Icons (.material-symbols-outlined) */
.theme-white .material-symbols-outlined {
    
    color: #3e4751 !important;
}


@media (max-width: 767px) {
.theme-white .bar:not(.bg--light):not(.bar--transparent) .logo-dark {
    display: block;
}
}
.theme-white .bar .logo { 
    display: none;
}

/* 15. Material Icons (legacy .material-icons) — จาก geninfo.php */
.theme-white .material-icons:not(.favactive,.afavactive,.feedactive,.shareactive,.corpfavactive) {
    color: #727271 !important;
}
.theme-white #month-sidebar a.active {
    background: #f5f5f5;}
/* 16. GenInfo Icons — .color--dark จาก geninfo.php */
.theme-white .color--dark:not(.favactive,.afavactive,.feedactive,.shareactive,.corpfavactive) {
    color: #212529 !important;
}
.theme-white .favactive,.theme-white .afavactive,.theme-white .feedactive,.theme-white .shareactive,.theme-white .corpfavactive{
    color: #FF9800 !important;
}
.theme-white #month-sidebar {
   
    background: #dddddd;}
.theme-white .rightcon { color: #212529 !important; }

.theme-white .reco { color: gold !important;}
.theme-white .boxedleft {
    background: #f4f4f4 !important;
    border-color: #ffffff !important;
}
.theme-white #recbox {
    background: #ffffff;}

/* ========================================
   Theme WHITE: Subscription Page Overrides
   (จาก subscription.php)
   ======================================== */

/* ── Root variable overrides ── */
.theme-white #subscription-page {
  --sub-accent: #198754;
  --sub-accent-hover: #146c43;
  --sub-success: #198754;
  --sub-danger: #dc3545;
  --sub-warn: #fd7e14;
  --sub-card-bg: #f8f9fa;
  --sub-card-border: #e9ecef;
  --sub-text: #333333;
  --sub-text-muted: #6c757d;
}

/* ── Plan Cards ── */
.theme-white .sub-plan-card .plan-name { color: #212529 !important; }
.theme-white .sub-plan-card .plan-price { color: var(--sub-accent) !important; }
.theme-white .sub-plan-card .plan-price small { color: var(--sub-text-muted) !important; }
.theme-white .sub-plan-card .plan-coins { color: var(--sub-success) !important; }
.theme-white .sub-plan-card .plan-desc { color: var(--sub-text-muted) !important; }
.theme-white .sub-plan-badge { background: var(--sub-accent) !important; color: #fff !important; }

/* ── Active Subscription Card ── */
.theme-white .sub-active-card {
  background: linear-gradient(135deg, rgba(25,135,84,.10), rgba(13,110,253,.08)) !important;
  border: 1px solid rgba(25,135,84,.25) !important;
}
.theme-white .sub-active-card h3 { color: #212529 !important; }
.theme-white .sub-active-badge {
  background: rgba(25,135,84,.12) !important;
  color: var(--sub-success) !important;
}
.theme-white .sub-active-badge::before { background: var(--sub-success) !important; }

/* ── Detail Grid ── */
.theme-white .sub-detail-item label { color: var(--sub-text-muted) !important; }
.theme-white .sub-detail-item span { color: #212529 !important; }
.theme-white .sub-ref { color: var(--sub-text-muted) !important; }

/* ── Credit Card Widget ── */
.theme-white .sub-card-widget {
  background: linear-gradient(135deg, #1565C0 0%, #42A5F5 50%, #1565C0 100%) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
}
.theme-white .sub-card-brand { color: #fff !important; }
.theme-white .sub-card-number { color: rgba(255,255,255,.9) !important; }
.theme-white .sub-card-footer label { color: rgba(255,255,255,.5) !important; }
.theme-white .sub-card-footer span { color: #fff !important; }

/* ── Card Expiry Warnings ── */
.theme-white .sub-card-expiry-warn.danger {
  background: rgba(220,53,69,.10) !important;
  color: var(--sub-danger) !important;
}
.theme-white .sub-card-expiry-warn.warn {
  background: rgba(253,126,20,.10) !important;
  color: var(--sub-warn) !important;
}
.theme-white .sub-card-expiry-warn.ok {
  background: rgba(25,135,84,.08) !important;
  color: var(--sub-success) !important;
}

/* ── Consent Checkbox ── */
.theme-white #sub-consent-checkbox { border-color: #aaa !important; }
.theme-white #sub-consent-checkbox:not(:checked) {
  background: #e0e0e0 !important;
  border-color: #bbb !important;
  box-shadow: inset 0 0 0 2px #d0d0d0 !important;
}
.theme-white #sub-consent-checkbox:checked {
  border-color: var(--sub-accent) !important;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px var(--sub-accent),
    0 0 16px rgba(25,135,84,.35) !important;
}

/* ── Buttons ── */
.theme-white .sub-btn:disabled {
  background: #d0d0d0 !important;
  color: #888 !important;
}
.theme-white .sub-btn-primary { background: var(--sub-accent) !important; color: #fff !important; }
.theme-white .sub-btn-primary:hover:not(:disabled) { background: var(--sub-accent-hover) !important; }
.theme-white .sub-btn-outline {
  background: transparent !important;
  color: #495057 !important;
  border: 1px solid #ced4da !important;
}
.theme-white .sub-btn-outline:hover:not(:disabled) { border-color: var(--sub-accent) !important; color: var(--sub-accent) !important; }
.theme-white .sub-btn-danger {
  background: rgba(220,53,69,.10) !important;
  color: var(--sub-danger) !important;
  border: 1px solid rgba(220,53,69,.2) !important;
}
.theme-white .sub-btn-danger:hover:not(:disabled) { background: rgba(220,53,69,.18) !important; }

/* ── Toast ── */
.theme-white .sub-toast.success { background: #1b5e20 !important; }
.theme-white .sub-toast.error   { background: #b71c1c !important; }
.theme-white .sub-toast.info    { background: #0d47a1 !important; }

/* ── Cancel Section ── */
.theme-white .sub-cancel-note {
  background: rgba(220,53,69,.05) !important;
  border: 1px solid rgba(220,53,69,.10) !important;
  color: #495057 !important;
}

/* ── History Table ── */
.theme-white .sub-history h3 { color: #212529 !important; }
.theme-white .sub-history thead th {
  background: rgba(0,0,0,.04) !important;
  color: var(--sub-text-muted) !important;
}
.theme-white .sub-history tbody td {
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  color: #333 !important;
}
.theme-white .sub-status-active { color: var(--sub-success) !important; }
.theme-white .sub-status-cancelled { color: var(--sub-danger) !important; }

/* ── PCI Notice ── */
.theme-white .sub-pci-notice {
  color: var(--sub-text-muted) !important;
  background: rgba(0,0,0,.015) !important;
  border: 1px solid rgba(0,0,0,.04) !important;
}

/* ── Section Label ── */
.theme-white .sub-section-label { color: var(--sub-text-muted) !important; }

/* ── No-card state ── */
.theme-white .sub-no-card {
  background: #f8f9fa !important;
  border: 2px dashed #ced4da !important;
}
.theme-white .sub-no-card p { color: var(--sub-text-muted) !important; }

/* ── Banner ── */
.theme-white .sub-banner {
  background: #f8f9fa !important;
  border: 1px solid #e9ecef !important;
}
.theme-white .sub-banner-title { color: #212529 !important; }
.theme-white .sub-banner-sub { color: var(--sub-text-muted) !important; }

/* ── Warning Box ── */
.theme-white .sub-warning-box {
  background: rgba(220,53,69,.06) !important;
  border: 1px solid rgba(220,53,69,.15) !important;
  color: #c0392b !important;
}

/* ── Consent Box ── */
.theme-white .sub-consent-box {
  background: #f8f9fa !important;
  border: 1px solid #e9ecef !important;
}
.theme-white .sub-consent-text { color: #495057 !important; }
.theme-white .sub-consent-highlight { color: #b8860b !important; }
.theme-white .sub-consent-link { color: #006c62 !important; }
.theme-white .sub-consent-label-text { color: #212529 !important; }

/* ── Card Expired Box ── */
.theme-white .sub-card-expired-box {
  background: rgba(220,53,69,.08) !important;
  border: 1px solid rgba(220,53,69,.15) !important;
  color: var(--sub-danger) !important;
}

/* ── History Empty ── */
.theme-white .sub-history-empty { color: var(--sub-text-muted) !important; }


/* 17. Share Active — inline color:aquamarine */
 .theme-white .varofabebook{ background: #ccc;
    padding: 3px 8px;
    border-radius: 5px;}
.theme-white body {
    background: #e7e7e7;
}
.theme-white .processed {  border: 4px solid #cccccc;}
.theme-white .batch .processed {  border: 4px solid transparent}
.theme-white .batch {

    background: #dfdfdf;

}
/* 18. VDrive Deletion Hint — จาก geninfo.php (custom amber styles) */
.theme-white .vdrive-fav-wrapper {
    /* ไม่ต้องเปลี่ยน position */
}
.theme-white .vdrive-deletion-hint {
    /* ปรับสีให้เหมาะกับพื้นขาว — ใช้สีเดิมเพราะเป็น amber (ทำงานได้บนพื้นขาว) */
    background: rgba(255, 193, 7, 0.15) !important;
    border: 1px solid rgba(255, 193, 7, 0.4) !important;
    color: #856404 !important;  /* amber text เข้มขึ้นสำหรับพื้นขาว */
}
.theme-white .vdrive-deletion-hint a {
    color: #006c62 !important;  /* Primary Blue */
}
.theme-white .vdrive-deletion-hint a:hover {
    color: #0056b3 !important;
}
.theme-white .vdrive-deletion-hint::after {
    border-bottom-color: rgba(255, 193, 7, 0.4) !important;
}

/* 19. NFT Active — opacity */
.theme-white .nftactive {
    opacity: 1 !important;
}
.theme-white .seedream-prompt-editor{ max-height: max-content;}
/* 20. TeamCast Elements — จาก geninfo.php */
.theme-white .teamfav,
.theme-white .teamfavu {
    /* icon colors */
}
.theme-white .acde {
    /* teamcast button — ไม่ต้องเปลี่ยน structural styles */
}
.theme-white .tcast {
    /* teamcast container */
}

/* ========================================
   Theme WHITE: Footer Overrides
   (จาก footer.php)
   ======================================== */

/* 1. Footer Section (.bg--dark) */
/* เนื่องจาก footer มี class .bg--dark จะถูก override โดย rule ด้านบนแล้ว
   แต่ถ้าต้องการตั้งค่าเฉพาะสำหรับ footer: */
.theme-white footer.bg--dark {
    background-color: transparent !important;
    border-top: 1px solid #e9ecef !important;
}

/* 2. Footer Links (.footlink, .type--fine-print) */
.theme-white .footlink a,
.theme-white .type--fine-print {
    color: #6c757d !important;  /* gray-500 */
    opacity: 0.8 !important;
}
.theme-white .footlink a:hover,
.theme-white .type--fine-print:hover {
    color: #006c62 !important;  /* Primary Blue */
    opacity: 1 !important;
}

/* 3. Small text (description text) */
.theme-white footer small {
    color: #495057 !important;  /* gray-600 (แทน #c5c5c5) */
}

/* 4. Copyright text (aquamarine) */
.theme-white footer span[style*="color: aquamarine"],
.theme-white footer span[style*="color: aquamarine;"] {
    color: #198754 !important;  /* Success Green แทน aquamarine */
}

/* 5. HR in footer */
.theme-white .footlink hr {
    border-color: #e9ecef !important;
    background-color: #e9ecef !important;
}

/* 6. .reco badge (update badge) — ใช้สีเดิมเพราะมีพื้นเข้ม */
/* .theme-white .reco {
    background-color: #6610f2 !important;
    color: #ffc107 !important;
} */

/* 7. #varochrome section — ไม่ต้องเปลี่ยน display */

/* ========================================
   Theme WHITE: Cast Page Overrides
   (จาก page-cast.php — cast-* utility classes)
   ======================================== */

/* ── Colors: aquamarine → Success Green ── */
.theme-white .cast-color-aqua { color: #989998 !important; }
.theme-white .cast-member-pill .at { color: #198754 !important; }
.theme-white .author-link { color: #198754 !important; }
.theme-white .role-admin { color: #198754 !important; }
.theme-white .icon-pick.selected { border-color: #198754 !important; }
.theme-white .icon-tab.active { border-color: #198754 !important; color: #198754 !important; background: rgba(25,135,84,.08) !important; }
.theme-white .icon-tab:hover { border-color: #198754 !important; }
.theme-white .tc-act-btn:hover { border-color: #198754 !important; color: #198754 !important; background: rgba(25,135,84,.06) !important; }
.theme-white .cast-member-pill:hover { color: #198754 !important; border-color: #198754 !important; }
.theme-white .teamcasttitle { color: #198754 !important; }
.theme-white .teamtitle { color: #198754 !important; }

/* ── Colors: aliceblue / #eee / #bbb / #999 → dark text ── */
.theme-white .cast-color-alice { color: #212529 !important; }
.theme-white .cast-color-eee { color: #212529 !important; }
.theme-white .cast-color-bbb { color: #495057 !important; }
.theme-white .cast-color-999 { color: #6c757d !important; }
.theme-white .cast-color-8a { color: #495057 !important; }
.theme-white .cast-color-aaa { color: #6c757d !important; }
.theme-white .cast-color-ccc { color: #495057 !important; }
.theme-white .cast-color-636 { color: #495057 !important; }
.theme-white .cast-color-a7ffe1 { color: #006c62 !important; }

/* ── Colors: red/pink → keep but adjust for light bg ── */
.theme-white .cast-color-red { color: #dc3545 !important; }
.theme-white .cast-color-ff8888 { color: #dc3545 !important; }
.theme-white .cast-color-ff6b6b { color: #dc3545 !important; }
.theme-white .cast-color-ff6666 { color: #dc3545 !important; }
.theme-white .cast-color-ffaa66 { color: #e67e22 !important; }
.theme-white .cast-color-ff3333 { color: #c0392b !important; }
.theme-white .cast-color-ffcc66 { color: #d4a017 !important; }
.theme-white .cast-color-7fffb2 { color: #198754 !important; }

/* ── Backgrounds: dark → light ── */
.theme-white .cast-bg-414141 { background: #f8f9fa !important; }
.theme-white .cast-bg-2a2a2a { background: #f8f9fa !important; }
.theme-white .cast-bg-1a1a1a { background: #ffffff !important; }
.theme-white .cast-bg-787878 { background: #e9ecef !important; }
.theme-white .cast-rgba-overlay { background: rgba(0,0,0,.5) !important; }

/* ── Borders: dark → light ── */
.theme-white .cast-bd-1-3f { border: 1px solid #e9ecef !important; }
.theme-white .cast-bd-1-555 { border: 1px solid #ced4da !important; }

/* ── Cast-specific elements ── */
.theme-white .teamcard { background: #ffffff !important; }
.theme-white .teamcast-item { background: #f8f9fa !important; color: #333 !important; }
.theme-white .cast-member-pill { background: #f8f9fa !important; border-color: #e9ecef !important; color: #495057 !important; }
.theme-white .cast-member-pill.is-owner { background: rgba(25,135,84,.06) !important; border-color: #198754 !important; }
.theme-white .cast-member-count { color: #6c757d !important; }
.theme-white .leave-teamcast-btn { border-color: #dc3545 !important; color: #dc3545 !important; }
.theme-white .leave-teamcast-btn:hover { background: #dc3545 !important; color: #fff !important; }
.theme-white .delete-teamcast-btn { color: #dc3545 !important; }
.theme-white .delete-teamcast-btn:hover { color: #c0392b !important; }
.theme-white .tc-act-btn { border-color: #dee2e6 !important; color: #495057 !important; }
.theme-white .tc-act-btn.delete-teamcast-btn { border-color: #dc3545 !important; color: #dc3545 !important; }
.theme-white .tc-act-btn.delete-teamcast-btn:hover { background: #dc3545 !important; color: #fff !important; }
.theme-white .tc-act-btn.leave-teamcast-btn { border-color: #e67e22 !important; color: #e67e22 !important; }
.theme-white .tc-act-btn.leave-teamcast-btn:hover { background: #e67e22 !important; color: #fff !important; }
.theme-white .role-owner { color: #198754 !important; }
.theme-white .role-member { color: #6c757d !important; }
.theme-white .icon-tab { background: #f8f9fa !important; border-color: #dee2e6 !important; color: #495057 !important; }
.theme-white .icon-tab.active { background: rgba(25,135,84,.08) !important; }
.theme-white .icon-pick:hover { background: #e9ecef !important; }
.theme-white .icon-pick.selected { background: rgba(25,135,84,.08) !important; }
.theme-white .allteamcast th { color: #6c757d !important; }
.theme-white .cast-member-pill .at { color: #198754 !important; }
.theme-white .cast-member-pill.is-owner .at { color: #198754 !important; }
.theme-white .cast-member-pill.is-owner:hover { background: rgba(25,135,84,.10) !important; border-color: #198754 !important; }

/* ── QR / Edit Modal Overrides ── */
.theme-white #qr-popup-overlay { background: rgba(0,0,0,.5) !important; }
.theme-white #qr-popup-name { color: #212529 !important; }
.theme-white #edit-tc-overlay { background: rgba(0,0,0,.5) !important; }

/* ========================================
   Theme WHITE: Purchase Page Overrides
   (จาก purchase.php — pur-* utility classes)
   ======================================== */

/* ── Colors ── */
.theme-white .pur-color-aqua { color: #198754 !important; }
.theme-white .pur-color-b3 { color: #6c757d !important; }
.theme-white .pur-color-cadet { color: #006c62 !important; }
.theme-white .pur-color-alice { color: #212529 !important; }
.theme-white .pur-color-147 { color: #006c62 !important; }

/* ========================================
   Theme WHITE: VaroCoin Page Overrides
   (จาก varocoin.php — vc-* utility classes)
   ======================================== */

/* ── Root variable overrides ── */
.theme-white .rightcon {
  --vc-accent: #198754;
  --vc-accent-key: #d4a017;
  --vc-card-bg: #f8f9fa;
  --vc-card-border: #e9ecef;
  --vc-text: #333333;
  --vc-text-muted: #6c757d;
}

/* ── Utility color classes ── */
.theme-white .vc-hdr-aqua { color: #198754 !important; }
.theme-white .vc-hdr-key { color: #d4a017 !important; }
.theme-white .vc-hdr-promo { color: #e67e22 !important; }
.theme-white .vc-hdr-creator { color: #7b1fa2 !important; }
.theme-white .vc-hdr-ext { color: #0097a7 !important; }
.theme-white .vc-hdr-gray { color: #6c757d !important; }
.theme-white .vc-link-about { color: #198754 !important; }
.theme-white .vc-bd-fade { border-color: rgba(0,0,0,.06) !important; }

/* ── Component overrides ── */
.theme-white .vc-summary,
.theme-white .vc-category {
  background: #f8f9fa !important;
  border: 1px solid #e9ecef !important;
}
.theme-white .vc-summary .vc-total { color: #198754 !important; }
.theme-white .vc-category-header { border-bottom: 1px solid rgba(0,0,0,.06) !important; }
.theme-white .vc-category-header .vc-cat-total { color: #198754 !important; }
.theme-white .vc-category-desc { color: #313131 !important; }
.theme-white .vc-card {
  background: #ffffff !important;
  border: 1px solid #dee2e6 !important;
}
.theme-white .vc-card .vc-label { color: #6c757d !important; }
.theme-white .vc-card .vc-value { color: #198754 !important; }
.theme-white .vc-card .vc-value.key { color: #d4a017 !important; }
.theme-white .vc-card .vc-value.status { color: #6c757d !important; }
.theme-white .vc-card .vc-sub-info {  }
.theme-white .vc-next-daily { color: #495057 !important; }
.theme-white .vc-section-title { color: #198754 !important; }
.theme-white .vc-about { color: #6c757d !important; }
.theme-white .vc-order {
  background: #f8f9fa !important;
  border: 1px solid #e9ecef !important;
  color: #6c757d !important;
}
.theme-white .vc-order strong { color: #333 !important; }
.theme-white .vc-pill {
  background: #e9ecef !important;
  color: #495057 !important;
}

/* ========================================
   Theme CREAM (.theme-cream) — ไว้ทำภายหลัง
   ======================================== */
/* 
body.theme-cream .bg--dark {
    background-color: #FDF8F0 !important;
}
body.theme-cream,
body.theme-cream .main-container {
    background-color: #FDF8F0;
}
... และอื่นๆ
*/