:root {
--wplvs-accent:          #40BDED;
--wplvs-accent-dark:     #28a8d8;
--wplvs-accent-light:    #e0f6fd;
--wplvs-bg:              #ffffff;
--wplvs-border:          #40BDED;
--wplvs-shadow:          0 12px 40px rgba(64,189,237,.15), 0 2px 8px rgba(0,0,0,.06);
--wplvs-text:            #0f172a;
--wplvs-muted:           #94a3b8;
--wplvs-hover:           #f0fdfe;
--wplvs-radius:          999px;
--wplvs-dropdown-radius: 18px;
--wplvs-input-h:         52px;
--wplvs-btn-w:           64px; --wplvs-font:            -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
} [data-theme="dark"] {
--wplvs-bg:           #0f172a;
--wplvs-border:       #06b6d4;
--wplvs-text:         #f1f5f9;
--wplvs-muted:        #64748b;
--wplvs-hover:        #0c2a30;
--wplvs-shadow:       0 12px 40px rgba(6,182,212,.2), 0 2px 8px rgba(0,0,0,.3);
--wplvs-accent-light: #0c2a30;
} @media (prefers-color-scheme: dark) {
[data-theme="auto"] {
--wplvs-bg:     #1e293b;
--wplvs-border: #334155;
--wplvs-text:   #f1f5f9;
--wplvs-muted:  #94a3b8;
--wplvs-hover:  #273549;
--wplvs-shadow: 0 8px 32px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.2);
--wplvs-accent-light: #1e3a5f;
}
} .wplvs-wrap {
position: relative;
width: 100%;
font-family: var(--wplvs-font);
box-sizing: border-box; line-height: normal;
}
.wplvs-wrap *,
.wplvs-wrap *::before,
.wplvs-wrap *::after {
box-sizing: border-box;
line-height: normal;
} .wplvs-input-wrap {
position: relative;
display: flex;
align-items: center;
height: var(--wplvs-input-h);
border: 2px solid var(--wplvs-border);
border-radius: var(--wplvs-radius);
overflow: hidden;
transition: border-color .2s, box-shadow .2s; gap: 0;
}
.wplvs-input-wrap:focus-within {
border-color: var(--wplvs-accent-dark);
box-shadow: 0 0 0 4px rgba(64,189,237,.2);
}
.wplvs-icon-search { position: absolute;
right: 0;
top: 0;
bottom: 0;
width: var(--wplvs-btn-w);
display: flex;
align-items: center;
justify-content: center;
background: var(--wplvs-accent);
border-radius: 0;
color: #fff;
pointer-events: all;
cursor: pointer;
transition: background .2s;
z-index: 1;
flex-shrink: 0;
border: none;
outline: none; padding: 0;
font-size: 0;
}
.wplvs-icon-search svg {
display: block;
width: 20px !important;
height: 20px !important;
min-width: 20px;
flex-shrink: 0;
}
.wplvs-input-wrap:focus-within .wplvs-icon-search,
.wplvs-icon-search:hover {
background: var(--wplvs-accent-dark);
}
.wplvs-input {
all: unset;
display: block;
width: 100%;
height: var(--wplvs-input-h);
padding: 0 calc(var(--wplvs-btn-w) + 8px) 0 24px;
font-size: 15px;
font-family: var(--wplvs-font);
color: var(--wplvs-text);
background: var(--wplvs-bg);
border: 0;
border-radius: 0;
outline: none;
-webkit-appearance: none;
appearance: none;
cursor: text;
}
.wplvs-input:focus {
box-shadow: none;
}
.wplvs-input::placeholder { color: var(--wplvs-muted); }
.wplvs-input::-webkit-search-cancel-button,
.wplvs-input::-webkit-search-decoration { display: none; }
.wplvs-clear {
position: absolute;
right: calc(var(--wplvs-btn-w) + 8px);
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
min-width: 24px;
padding: 0;
border: none;
border-radius: 50%;
background: #e2e8f0;
color: var(--wplvs-muted);
cursor: pointer;
transition: background .15s, color .15s;
z-index: 2;
line-height: 1;
font-size: 0;
}
.wplvs-clear svg {
display: block;
width: 14px !important;
height: 14px !important;
flex-shrink: 0;
}
.wplvs-clear:hover {
background: var(--wplvs-accent);
color: #fff;
} .wplvs-clear:focus { outline: none; box-shadow: 0 0 0 3px rgba(37,99,235,.25); } .wplvs-dropdown {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
background: var(--wplvs-bg);
border: 1.5px solid var(--wplvs-border);
border-radius: var(--wplvs-dropdown-radius);
box-shadow: var(--wplvs-shadow);
overflow: hidden;
z-index: 99999;
animation: wplvs-fade-in .15s ease;
}
.wplvs-dropdown[hidden] { display: none; }
@keyframes wplvs-fade-in {
from { opacity: 0; transform: translateY(-6px) scale(.98); }
to   { opacity: 1; transform: translateY(0)  scale(1);    }
} .wplvs-section-label {
padding: 8px 14px 4px;
font-size: 11px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: var(--wplvs-muted);
border-top: 1px solid var(--wplvs-border);
}
.wplvs-section-label:first-child { border-top: none; } .wplvs-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 10px 14px;
color: var(--wplvs-text);
text-decoration: none;
transition: background .12s;
cursor: pointer;
border: none;
width: 100%;
text-align: left;
background: transparent;
font-family: var(--wplvs-font);
}
.wplvs-item:hover,
.wplvs-item[aria-selected="true"] {
background: var(--wplvs-hover);
}
.wplvs-item:hover .wplvs-item-title,
.wplvs-item[aria-selected="true"] .wplvs-item-title {
color: var(--wplvs-accent);
} .wplvs-thumb {
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 8px;
object-fit: cover;
background: var(--wplvs-border);
}
.wplvs-thumb-placeholder {
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 8px;
background: var(--wplvs-accent-light);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
} .wplvs-item-body {
flex: 1;
min-width: 0;
}
.wplvs-item-title {
font-size: 14px;
font-weight: 600;
color: var(--wplvs-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color .15s;
margin-bottom: 2px;
}
.wplvs-item-title mark {
background: var(--wplvs-accent-light);
color: var(--wplvs-accent);
border-radius: 3px;
padding: 0 2px;
}
.wplvs-item-excerpt {
font-size: 12px;
color: var(--wplvs-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 4px;
}
.wplvs-item-meta {
display: flex;
flex-wrap: wrap;
gap: 4px;
align-items: center;
}
.wplvs-badge {
font-size: 10px;
font-weight: 600;
padding: 2px 7px;
border-radius: 20px;
letter-spacing: .03em;
}
.wplvs-badge--cat {
background: #ecfdf5;
color: #059669;
}
.wplvs-badge--tag {
background: #fef9c3;
color: #a16207;
}
.wplvs-date {
font-size: 11px;
color: var(--wplvs-muted);
margin-left: auto;
flex-shrink: 0;
white-space: nowrap;
}
[data-theme="dark"] .wplvs-badge--cat { background: #064e3b; color: #34d399; }
[data-theme="dark"] .wplvs-badge--tag { background: #451a03; color: #fbbf24; } .wplvs-item--taxonomy .wplvs-thumb-placeholder {
font-size: 16px;
}
.wplvs-count {
font-size: 11px;
color: var(--wplvs-muted);
white-space: nowrap;
} .wplvs-status {
padding: 18px 16px;
text-align: center;
color: var(--wplvs-muted);
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
} .wplvs-spinner {
width: 16px;
height: 16px;
border: 2.5px solid var(--wplvs-border);
border-top-color: var(--wplvs-accent);
border-radius: 50%;
animation: wplvs-spin .6s linear infinite;
flex-shrink: 0;
}
@keyframes wplvs-spin { to { transform: rotate(360deg); } } .wplvs-view-all {
display: block;
padding: 10px 14px;
font-size: 13px;
font-weight: 600;
color: var(--wplvs-accent);
text-decoration: none;
text-align: center;
border-top: 1px solid var(--wplvs-border);
transition: background .12s;
}
.wplvs-view-all:hover { background: var(--wplvs-hover); }
.wplvs-view-all[hidden] { display: none; }@font-face{font-family:"Eu-cookies-bar";src:url(//catalite.co.th/wp-content/plugins/eu-cookies-bar/fonts/eu-cookies-bar.eot);src:url(//catalite.co.th/wp-content/plugins/eu-cookies-bar/fonts/eu-cookies-bar.eot?#iefix) format("embedded-opentype"),url(//catalite.co.th/wp-content/plugins/eu-cookies-bar/fonts/eu-cookies-bar.woff) format("woff"),url(//catalite.co.th/wp-content/plugins/eu-cookies-bar/fonts/eu-cookies-bar.ttf) format("truetype"),url(//catalite.co.th/wp-content/plugins/eu-cookies-bar/fonts/eu-cookies-bar.svg#Eu-cookies-bar) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"Eu-cookies-bar";src:url(//catalite.co.th/wp-content/plugins/eu-cookies-bar/fonts/eu-cookies-bar.svg#Eu-cookies-bar) format("svg")}}[class*=" eu-cookies-bar-"]:after,[class*=" eu-cookies-bar-"]:before,[class^=eu-cookies-bar-]:after,[class^=eu-cookies-bar-]:before{font-family:Eu-cookies-bar;font-size:inherit;font-style:normal;margin:0;padding:0}.eu-cookies-bar-cookies:before{content:"\f100"}.eu-cookies-bar-tick:before{content:"\f101"}.eu-cookies-bar-close:before{content:"\f102"}#toplevel_page_eu-cookies-bar .wp-menu-image:before{content:"\f100"!important;font-family:Eu-cookies-bar!important}html.vi_ecb-noscroll{position:fixed;overflow-y:scroll;width:100%}.eu-cookies-bar-cookies-bar-settings-wrap,.eu-cookies-bar-cookies-bar-settings-wrap *,.eu-cookies-bar-cookies-bar-wrap,.eu-cookies-bar-cookies-bar-wrap *{box-sizing:border-box}.eu-cookies-bar-cookies-bar-wrap{position:fixed;background:rgba(1,1,1,.7);color:#fff;z-index:999999999999;display:none;font-size:11px;padding-top:10px;padding-right:20px;padding-left:20px;padding-bottom:5px!important}.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-top{left:0;right:0;top:0}.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom{left:0;right:0;bottom:0}.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_left{left:20px;bottom:20px;width:500px;border-radius:20px;padding:10px}.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_left .eu-cookies-bar-cookies-bar,.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_right .eu-cookies-bar-cookies-bar{display:block}.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_left .eu-cookies-bar-cookies-bar .eu-cookies-bar-cookies-bar-message{display:block;padding-right:0;line-height:1.5}.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_left .eu-cookies-bar-cookies-bar .eu-cookies-bar-cookies-bar-button-container{display:block;width:100%;text-align:center}.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_right{right:0;bottom:0;width:500px}.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_right .eu-cookies-bar-cookies-bar .eu-cookies-bar-cookies-bar-message{display:block;padding-right:0}.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_right .eu-cookies-bar-cookies-bar .eu-cookies-bar-cookies-bar-button-container{display:block;width:100%;text-align:center}.eu-cookies-bar-cookies-bar{display:table;width:100%;max-width:1200px;margin:0 auto}.eu-cookies-bar-cookies-bar-message{display:table-cell;padding-right:20px;align-content:center}.eu-cookies-bar-cookies-bar-button-container{display:table-cell;vertical-align:middle;text-align:center;padding:5px 0}.eu-cookies-bar-cookies-bar-button-wrap{display:flex;align-items:center;justify-content:center}@media screen and (max-width:768px){.eu-cookies-bar-cookies-bar{display:block}.eu-cookies-bar-cookies-bar-wrap{font-size:12px!important;width:100%!important;left:0!important;right:0!important;border-radius:0!important;margin:0!important}.eu-cookies-bar-cookies-bar-message{display:inline-block!important;width:100%;padding-right:0}.eu-cookies-bar-cookies-bar-button-container{display:inline-block;width:100%;text-align:center}}.eu-cookies-bar-cookies-bar-button{display:inline-block;margin:0 10px;cursor:pointer;padding:4px;position:relative;white-space:nowrap}.eu-cookies-bar-cookies-bar-button:hover{opacity:.6;transition:opacity 300ms ease}.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-close span:before{background:gray;color:#fff;padding:3px;border-radius:50%;overflow:hidden;vertical-align:text-bottom}.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-close span{display:inline}.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-settings{text-decoration:underline}.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-accept .eu-cookies-bar-tick:before{margin-right:5px}.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-accept,.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-decline{padding:0 10px}.eu-cookies-bar-cookies-settings-call-container.eu-cookies-bar-cookies-settings-call-position-left{left:20px}.eu-cookies-bar-cookies-settings-call-container.eu-cookies-bar-cookies-settings-call-position-right{right:20px}.eu-cookies-bar-cookies-settings-call-container{position:fixed;z-index:99;bottom:0;background:#fff;font-size:11px;padding:0 10px;cursor:pointer}.eu-cookies-bar-cookies-bar-settings-wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999999999;display:none}.eu-cookies-bar-cookies-bar-settings-wrap-container{position:relative;width:100%;height:100%;vertical-align:middle;display:flex;justify-content:center;align-items:center;align-content:center}.eu-cookies-bar-cookies-bar-settings-overlay{position:absolute;background:rgba(1,1,1,.6);top:0;left:0;right:0;bottom:0}.eu-cookies-bar-cookies-bar-settings{position:relative;width:500px;height:500px;background:#fff;margin:0 auto;overflow:hidden;font-size:14px}.eu-cookies-bar-cookies-bar-settings-header{position:relative;display:block;width:100%;text-align:center;font-size:18px;color:#fff;padding:10px 48px;background:rgba(87,180,229,.95)}.eu-cookies-bar-cookies-bar-settings-header .eu-cookies-bar-cookies-bar-settings-close{position:absolute;top:11px;right:11px;cursor:pointer;line-height:1}.eu-cookies-bar-cookies-bar-settings-header .eu-cookies-bar-cookies-bar-settings-close:before{font-size:24px}.eu-cookies-bar-cookies-bar-settings-nav{display:flex;width:100%}.eu-cookies-bar-cookies-bar-settings-nav div{width:50%;background:#dcdcdc;text-align:center;padding:5px;cursor:pointer;color:#000}.eu-cookies-bar-cookies-bar-settings-nav .eu-cookies-bar-cookies-bar-settings-nav-active{background:#fff;color:#000}.eu-cookies-bar-cookies-bar-settings-content{overflow:auto;width:100%;max-height:370px;padding:10px}.eu-cookies-bar-cookies-bar-settings table{table-layout:fixed;width:100%}.eu-cookies-bar-cookies-bar-settings tr td{width:inherit;overflow:hidden;padding:4px 8px}.eu-cookies-bar-cookies-bar-settings th{text-align:center;padding:4px}.eu-cookies-bar-cookies-bar-settings tr td:last-child,.eu-cookies-bar-cookies-bar-settings tr th:last-child{width:60px;text-align:center}.eu-cookies-bar-cookies-bar-settings tr td:first-child{overflow:hidden}.eu-cookies-bar-cookies-bar-settings tr td input{margin:4px auto;padding:0}.eu-cookies-bar-cookies-bar-settings-policy{padding:10px}.eu-cookies-bar-cookies-bar-settings-content-child-inactive{display:none}.eu-cookies-bar-popup-setting-button{position:absolute;bottom:10px;display:flex;width:100%;justify-content:space-between;gap:10px;padding:0 10px}.eu-cookies-bar-popup-setting-button.eu-cookies-bar-popup-align-mid{justify-content:space-between}.eu-cookies-bar-popup-setting-button.eu-cookies-bar-popup-align-end{justify-content:flex-end}.eu-cookies-bar-popup-setting-decline-button-wrap{height:100%;display:flex}.eu-cookies-bar-cookies-bar-settings-decline-button{padding:4px 8px;cursor:pointer;border-radius:3px}.eu-cookies-bar-popup-setting-acc-button-wrap{display:flex;gap:10px}.eu-cookies-bar-cookies-bar-settings-accept-button,.eu-cookies-bar-cookies-bar-settings-save-button{padding:4px 8px;cursor:pointer;border-radius:3px}