/* WCA Builder - public styles. Kept small on purpose: every page built with
   WCA Builder loads only this file plus its own few hundred bytes of CSS. */
.wcab{--g:20px;width:100%}
.wcab-page{overflow-x:clip}
.wcab *,.wcab *::before,.wcab *::after{box-sizing:border-box}
.wcab-s{position:relative;padding:40px 20px}
.wcab-s>.wcab-ov{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.wcab-in{position:relative;display:flex;flex-wrap:wrap;gap:var(--g);max-width:var(--wcab-boxed,1140px);width:100%;margin:0 auto}
.wcab-c{position:relative;display:flex;min-width:0;flex:0 0 100%}
.wcab-cw{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0}
.wcab-w{position:relative;min-width:0}
.wcab-c.wcab-flat{flex-direction:column;gap:20px}
/* converted widgets keep the class elementor-widget for the site's scripts; Elementor's own spacing rule
   (when its CSS is still on the page, e.g. "Lihat hasil") must not add to WCA's gaps */
.wcab .elementor-widget:not(:last-child){--kit-widget-spacing:0px;margin-bottom:0}
.wcab-cw.wcab-wrap{flex-flow:row wrap;align-content:flex-start;column-gap:0;width:100%;flex:0 1 auto;position:relative}
:where(.wcab-wrap)>.wcab-w{width:100%}
.wcab-bgv{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.wcab-bgv video{width:100%;height:100%;object-fit:cover;display:block}
.wcab-h{margin:0;line-height:1.2}
.wcab-h a{color:inherit;text-decoration:none}
.wcab-t>:first-child{margin-top:0}.wcab-t>:last-child{margin-bottom:0}
.wcab-img{margin:0}.wcab-img img{max-width:100%;height:auto;vertical-align:middle;display:inline-block}
.wcab-img figcaption{font-size:.875em;opacity:.75;margin-top:8px}
.wcab-zoom{transition:transform .5s ease}.wcab-img a:hover .wcab-zoom,.wcab-img:hover .wcab-zoom{transform:scale(1.05)}
.wcab-img a{display:inline-block;overflow:hidden;border-radius:inherit}
.wcab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--wcab-btn-bg,#e6a817);color:var(--wcab-btn-c,#111);text-decoration:none;font-weight:600;border-radius:var(--wcab-btn-r,999px);line-height:1.2;transition:background-color .2s,color .2s,transform .2s;cursor:pointer}
.wcab-btn:hover{transform:translateY(-1px)}
.wcab-btn-sm{padding:12px 24px;font-size:15px}.wcab-btn-md{padding:15px 30px;font-size:16px}.wcab-btn-lg{padding:20px 40px;font-size:18px}.wcab-btn-xl{padding:25px 50px;font-size:20px}
.wcab-svg{width:1em;height:1em;display:block}
.wcab-ico{display:inline-flex;flex:0 0 auto}
.wcab-box{display:flex;gap:16px}
.wcab-box-top{flex-direction:column;align-items:inherit}
.wcab-box-right{flex-direction:row-reverse}
.wcab-box-top .wcab-box-m{display:flex;justify-content:inherit}
.wcab-box-m a{display:inline-flex;color:inherit}
.wcab-box-m img{max-width:100%;height:auto;display:block}
.wcab-box-b{flex:1;min-width:0}
.wcab-box-t{margin:0 0 8px;font-size:1.25em;line-height:1.3}.wcab-box-t a{color:inherit;text-decoration:none}
.wcab-box-d{margin:0}
.wcab-ico-w{display:inline-flex;align-items:center;justify-content:center;font-size:40px;color:#e6a817;line-height:1}
.wcab-v-stacked,.wcab-v-framed{width:1.9em;height:1.9em;border-radius:50%;font-size:32px}
.wcab-v-stacked .wcab-svg,.wcab-v-framed .wcab-svg{width:.95em;height:.95em}
.wcab-v-framed{border:2px solid currentColor}
.wcab-sp{height:40px}
.wcab-dv{display:flex;padding:10px 0}.wcab-dv span{display:block;width:100%}
.wcab-vid{position:relative;width:100%;overflow:hidden;background:#000;aspect-ratio:16/9}
.wcab-vid>video,.wcab-vid>iframe,.wcab-vid>img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.wcab-play{position:absolute;inset:0;margin:auto;width:68px;height:48px;border:0;padding:0;background:none;cursor:pointer;opacity:.9;transition:opacity .2s,transform .2s}
.wcab-lite:hover .wcab-play{opacity:1;transform:scale(1.08)}
.wcab-il{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.wcab-il-h{flex-direction:row;flex-wrap:wrap;gap:20px}
.wcab-il li{display:flex;align-items:center;gap:.6em}
.wcab-il li a{display:flex;align-items:center;gap:.6em;color:inherit;text-decoration:none}
.wcab-il .wcab-ico{color:#16a34a;font-size:1.15em}
.wcab-anim{opacity:0;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.wcab-a-up{transform:translateY(40px)}.wcab-a-down{transform:translateY(-40px)}.wcab-a-left{transform:translateX(-40px)}.wcab-a-right{transform:translateX(40px)}.wcab-a-zoom{transform:scale(.9)}
.wcab-anim.wcab-in-view{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.wcab-anim{opacity:1;transform:none;transition:none}}
/* full-width templates */
.wcab-tpl-full .wcab,.wcab-tpl-canvas .wcab{margin:0}
body.wcab-canvas{margin:0}
/* inner sections */
.wcab-in-inner{max-width:none;margin:0}
/* stars */
.wcab-stars{position:relative;display:inline-block;font-size:20px;line-height:0;white-space:nowrap}
.wcab-stars svg{width:1em;height:1em;fill:currentColor;margin-right:.1em}
.wcab-stars-o{color:#d1d5db;display:inline-block}
.wcab-stars-f{position:absolute;left:0;top:0;overflow:hidden;color:#f5b301;display:inline-block}
.wcab-rt{display:flex;align-items:center;gap:10px}
/* carousel */
.wcab-car{--per:3;position:relative}
.wcab-car-t{display:flex;gap:var(--g,20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wcab-car-t::-webkit-scrollbar{display:none}
.wcab-car-s{flex:0 0 calc((100% - var(--g,20px) * (var(--per) - 1)) / var(--per));scroll-snap-align:start;min-width:0;display:flex}
.wcab-car-s>*{width:100%}
.wcab-car-b{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.95);box-shadow:0 4px 14px rgba(0,0,0,.18);color:#111;font-size:26px;line-height:38px;cursor:pointer;z-index:2;padding:0}
.wcab-car-p{left:-6px}.wcab-car-n{right:-6px}
/* testimonial */
.wcab-tm{margin:0;padding:24px;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:14px}
.wcab-tm blockquote{margin:0;font-style:italic;line-height:1.6}
.wcab-tm figcaption{display:flex;align-items:center;gap:12px;margin-top:auto}
.wcab-tm figcaption img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.wcab-tm figcaption span{display:flex;flex-direction:column}
.wcab-tm small{opacity:.7}
.wcab-tm .wcab-stars{font-size:16px}
/* gallery */
.wcab-gal{margin:0}.wcab-gal img{width:100%;height:260px;object-fit:cover;display:block}
.wcab-gal figcaption{font-size:.9em;margin-top:6px}
/* price table */
.wcab-pt{position:relative;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);text-align:center;display:flex;flex-direction:column;height:100%}
.wcab-pt>header{padding:22px 20px;background:#0b1f3a;color:#fff}
.wcab-pt>header h3{margin:0;color:inherit;font-size:1.3em}.wcab-pt>header p{margin:6px 0 0;opacity:.8}
.wcab-pt-p{padding:22px 20px 6px;display:flex;align-items:baseline;justify-content:center;gap:4px}
.wcab-pt-p b{font-size:2.6em;line-height:1}
.wcab-pt ul{list-style:none;margin:0;padding:16px 26px;text-align:left;display:flex;flex-direction:column;gap:10px}
.wcab-pt li{display:flex;gap:10px;align-items:flex-start}.wcab-pt li .wcab-svg{color:#16a34a;margin-top:.2em}
.wcab-pt-f{padding:6px 20px 24px;margin-top:auto}
.wcab-pt-r{position:absolute;top:16px;right:-34px;transform:rotate(45deg);background:#e6a817;color:#111;font-size:12px;font-weight:700;padding:4px 40px}
/* price table converted from Elementor: Elementor's default look */
.wcab-w-price:has(>.wcab-pt-el){overflow:hidden;background-color:#f9fafa}
.wcab-pt-el{text-align:center}
.wcab-pt-el .elementor-price-table__header{background:#555;padding:20px 0}
.wcab-pt-el .elementor-price-table__heading{margin:0;padding:0;line-height:1.2;font-size:24px;font-weight:600;color:#fff}
.wcab-pt-el .elementor-price-table__subheading{font-size:13px;font-weight:400;color:#fff}
.wcab-pt-el .elementor-price-table__price{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;color:#555;font-weight:800;font-size:65px;padding:40px 0}
.wcab-pt-el .elementor-price-table__integer-part{line-height:.8}
.wcab-pt-el .elementor-price-table__currency{line-height:1}
.wcab-pt-el .elementor-price-table__period{width:100%;font-size:13px;font-weight:400}
.wcab-pt-el .elementor-price-table__features-list{list-style:none;margin:0;padding:0;line-height:1;color:#54595f}
.wcab-pt-el .elementor-price-table__features-list li{font-size:14px;line-height:1;margin:0;padding:0}
.wcab-pt-el .elementor-price-table__features-list li:not(:first-child)::before{content:"";display:block;border:0 solid rgba(122,122,122,.3);margin:10px 12.5%}
.wcab-pt-el .elementor-price-table__feature-inner{margin:0 15px}
.wcab-pt-el .elementor-price-table__feature-inner .wcab-svg{display:inline-block;margin-right:10px;vertical-align:middle}
.wcab-pt-el .elementor-price-table__footer{padding:30px 0}
.wcab-pt-el .elementor-price-table__additional_info{margin:0;font-size:13px;line-height:1.4}
.wcab-pt-el .elementor-price-table__button{display:inline-block;padding:15px 30px;font-size:16px;line-height:1;border-radius:3px;background:#69727d;color:#fff;text-decoration:none;transition:all .3s}
.wcab .elementor-price-table__ribbon{position:absolute;z-index:1;top:0;right:0;left:auto;transform:rotate(90deg);width:150px;height:150px;overflow:hidden;pointer-events:none}
.wcab .elementor-price-table__ribbon.elementor-ribbon-left{transform:rotate(0);left:0;right:auto}
.wcab .elementor-price-table__ribbon-inner{text-align:center;width:200%;transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);margin-top:35px;font-size:13px;line-height:2;font-weight:800;text-transform:uppercase;background:#000;color:#fff}
/* progress */
.wcab-pg-h{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-weight:600}
.wcab-pg-b{height:22px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.wcab-pg-f{height:100%;background:#e6a817;color:#fff;border-radius:999px;display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:600;white-space:nowrap;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.wcab-wait .wcab-pg-f{width:0!important}
/* accordion */
.wcab-acc{display:flex;flex-direction:column}
.wcab-acc details{border:1px solid #e5e7eb;background:#fff}
.wcab-acc details+details{border-top-width:0}
.wcab-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;font-weight:600}
.wcab-acc summary::-webkit-details-marker{display:none}
.wcab-acc summary>:first-child{margin:0;font:inherit;color:inherit}
.wcab-acc summary i{flex:0 0 auto;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-top:-4px}
.wcab-acc details[open]>summary i{transform:rotate(225deg);margin-top:4px}
.wcab-acc-b{padding:0 18px 16px}
.wcab-acc-b>:first-child{margin-top:0}.wcab-acc-b>:last-child{margin-bottom:0}
/* tabs */
.wcab-tab-r{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.wcab-tab-l{display:flex;flex-wrap:wrap;gap:4px}
.wcab-tab-l>label{cursor:pointer;padding:12px 20px;border:1px solid #e5e7eb;border-bottom:0;border-radius:8px 8px 0 0;background:#f8fafc;margin-bottom:-1px;position:relative}
.wcab-tab-ps{border:1px solid #e5e7eb;padding:20px;background:#fff}
.wcab-tab-p{display:none}
.wcab-tab-p>:first-child{margin-top:0}.wcab-tab-p>:last-child{margin-bottom:0}
/* counter */
.wcab-ct-n{font-size:48px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.wcab-ct-t{margin-top:6px}
/* map */
.wcab-map{height:380px;overflow:hidden}.wcab-map iframe{width:100%;height:100%;border:0;display:block}
/* quote */
.wcab-bq{margin:0;padding:18px 22px;border-left:4px solid #e6a817;background:rgba(230,168,23,.06)}
.wcab-bq p{margin:0;font-size:1.15em;font-style:italic;line-height:1.6}
.wcab-bq cite{display:block;margin-top:10px;font-style:normal;font-weight:600;opacity:.8}
.wcab-bq cite::before{content:"\2014\00a0"}
/* share */
.wcab-sh{display:flex;flex-wrap:wrap;gap:8px}
.wcab-sh a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;color:#fff;text-decoration:none;font-size:15px;font-weight:600;line-height:1;border-radius:999px;transition:filter .2s,transform .2s}
.wcab-sh a:hover{filter:brightness(1.08);transform:translateY(-1px)}
.wcab-sh-square a{border-radius:6px}
.wcab-sh-circle a{width:2.6em;height:2.6em;padding:0;justify-content:center;border-radius:50%}
.wcab-sh .wcab-svg{width:1.15em;height:1.15em}
/* posts */
.wcab-pl{--cols:1;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:18px}
.wcab-pl-i{display:flex;flex-direction:column;gap:10px;min-width:0;position:relative}
.wcab-pl a{color:inherit;text-decoration:none}
.wcab-pl-im{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;background:#e5e7eb}
.wcab-pl-t{margin:0;font-size:1.05em;line-height:1.35;font-weight:700}
.wcab-pl-t a:hover{text-decoration:underline}
.wcab-pl-m{font-size:.8em;opacity:.7;display:flex;gap:8px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.03em}
.wcab-pl-e{margin:0;font-size:.92em;opacity:.85;line-height:1.55}
.wcab-pl-list .wcab-pl-i{flex-direction:row;align-items:center;gap:12px}
.wcab-pl-i>a{display:block;flex:0 0 auto}
.wcab-pl-list .wcab-pl-i>a{width:88px;flex:0 0 88px}
.wcab-pl-list .wcab-pl-im{aspect-ratio:1/1;border-radius:8px}
.wcab-pl-list .wcab-pl-t{font-size:.95em}
.wcab-pl-list .wcab-pl-x{flex:1;min-width:0}
.wcab-pl-grid .wcab-pl-i{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.07)}
.wcab-pl-grid .wcab-pl-im{border-radius:0}
.wcab-pl-grid .wcab-pl-x{padding:0 14px 16px;display:flex;flex-direction:column;gap:8px}
.wcab-pl-overlay .wcab-pl-i{border-radius:12px;overflow:hidden;color:#fff;min-height:220px;justify-content:flex-end}
.wcab-pl-overlay .wcab-pl-im{position:absolute;inset:0;height:100%;aspect-ratio:auto;border-radius:0}
.wcab-pl-overlay .wcab-pl-i::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.78));pointer-events:none}
.wcab-pl-overlay .wcab-pl-x{position:relative;z-index:1;padding:16px;display:flex;flex-direction:column;gap:6px}
.wcab-pl-classic .wcab-pl-t{font-size:1.4em}
.wcab-pl-titles{gap:10px}.wcab-pl-titles .wcab-pl-i{flex-direction:row;gap:8px}
.wcab-pl-titles .wcab-pl-i::before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:#e6a817;margin-top:.55em}
/* menu */
.wcab-menu ul{list-style:none;margin:0;padding:0}
.wcab-menu>ul{display:flex;flex-wrap:wrap;gap:20px}
.wcab-menu-v>ul{flex-direction:column;gap:10px}
.wcab-menu li{position:relative}
.wcab-menu a{color:inherit;text-decoration:none;font-weight:500}
.wcab-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:200px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:8px;padding:8px 0;z-index:50}
.wcab-menu .sub-menu a{display:block;padding:8px 16px;color:#111}
.wcab-menu li:hover>.sub-menu,.wcab-menu li:focus-within>.sub-menu{display:block}
.wcab-menu-v .sub-menu{position:static;display:block;box-shadow:none;padding:4px 0 0 14px;background:none}
.wcab-menu-v .sub-menu a{color:inherit;padding:4px 0}
/* form */
.wcab-fm{--fg:16px}
.wcab-fm-g{display:flex;flex-wrap:wrap;gap:var(--fg)}
.wcab-fm-f{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0}
.wcab-fm-w50{flex-basis:calc(50% - var(--fg)/2)}.wcab-fm-w33{flex-basis:calc(33.333% - var(--fg)*2/3)}
@media (max-width:767px){.wcab-fm-w50,.wcab-fm-w33{flex-basis:100%}}
.wcab-fm-l{font-weight:600;font-size:.95em;padding:0}
.wcab-fm-l i{color:#d63638;font-style:normal;margin-left:2px}
.wcab-fm :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111;font:inherit;font-size:16px;line-height:1.4}
.wcab-fm :is(input,select,textarea):focus{outline:2px solid #e6a817;outline-offset:1px;border-color:#e6a817}
.wcab-fm input[type=file]{padding:10px;background:#f9fafb}
.wcab-fm-h{color:#6b7280;font-size:.8em}
.wcab-fm-o{display:flex;flex-wrap:wrap;gap:8px 18px}
.wcab-fm-o label,.wcab-fm-acc label{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer}
.wcab-fm-o input,.wcab-fm-acc input{width:18px;height:18px;margin:2px 0 0;accent-color:#e6a817}
.wcab-fm-info{color:#4b5563}.wcab-fm-info small{display:block;margin-top:4px}
.wcab-fm-s{display:flex;margin-top:var(--fg)}
.wcab-fm-s .wcab-btn{border:0}
.wcab-fm-s .wcab-btn:disabled{opacity:.7;cursor:wait}
.wcab-fm-r:empty{display:none}
.wcab-fm-r,.wcab-fm-ok{margin-top:14px;padding:12px 16px;border-radius:10px}
.wcab-fm-r.err{background:#fef2f2;color:#991b1b}
.wcab-fm-r.ok,.wcab-fm-ok{background:#f0fdf4;color:#166534}
.wcab-fm-r.ok p{margin:0 0 10px}.wcab-fm-r.ok p:last-child{margin:0}
.wcab-fm-wa{background:#25d366!important;color:#fff!important}
.wcab-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.wcab-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wcab-so{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wcab-so a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:8px;color:#fff;text-decoration:none;line-height:1.2;transition:filter .2s,transform .2s}
.wcab-so a:hover{filter:brightness(1.1);transform:translateY(-2px)}
.wcab-so .wcab-svg{width:24px;height:24px;margin-bottom:4px}
.wcab-so b{font-size:18px}
.wcab-so span{font-size:13px;opacity:.9}
.wcab-tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wcab-tl a{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;border-radius:6px;background:#2d3a52;color:#fff;text-decoration:none}
.wcab-tl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.wcab-tl a:hover img{transform:scale(1.05)}
.wcab-tl a::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.7))}
.wcab-tl span{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;font-weight:700;font-size:16px;line-height:1.25}
.wcab .wcab-tl a,.wcab .wcab-tl a span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.wcab-se{display:flex;gap:6px}
.wcab-se input{flex:1;min-width:0;padding:10px 14px;border:1px solid rgba(128,128,128,.4);border-radius:999px;background:#fff;color:#111;font:inherit}
.wcab-se button{display:inline-grid;place-items:center;min-width:44px;padding:0 14px;border:0;border-radius:999px;background:#e6a817;color:#111;font:inherit;font-weight:600;cursor:pointer}
.wcab-se .wcab-svg,.wcab-se svg{width:18px;height:18px}
@media (max-width:767px){.wcab-so{grid-template-columns:repeat(2,minmax(0,1fr))}.wcab-tl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.horizontalNav .wcab-menu>ul{flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;gap:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.horizontalNav .wcab-menu>ul::-webkit-scrollbar{display:none}
.horizontalNav .wcab-menu>ul>li>a{display:block;padding:8px 12px;background:#000;border-radius:10px;color:#fff;font-weight:700;white-space:nowrap}
/* desktop: every category visible (a second row if needed); tablet / phone: swipe sideways, the fade shows there is more */
@media (min-width:1025px){.horizontalNav .wcab-menu>ul{flex-wrap:wrap;overflow:visible;justify-content:center;row-gap:6px}}
@media (max-width:1024px){.horizontalNav .wcab-menu>ul{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);padding-right:40px;justify-content:flex-start}}
.horizontalNav .wcab-menu>ul>li.current-menu-item>a{background:#444}
.wcab-fxh .wcab-h{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:3px solid currentColor;text-transform:uppercase;letter-spacing:.02em}
.wcab-fxh .wcab-h::before{content:"";flex:none;width:22px;height:13px;background:#e8541e}
/* Foxiz heading layouts seen on the site: 10 = plain small title, 16 = slanted accent tab over a line, 13 below */
.wcab-fxh-10 .wcab-h{border-bottom:0;padding-bottom:0;text-transform:none;letter-spacing:normal}.wcab-fxh-10 .wcab-h::before{display:none}
/* Foxiz heading layout 1: the title, then a line to the end of the row */
.wcab-fxh-1 .wcab-h{border-bottom:0;padding-bottom:0;text-transform:none;letter-spacing:normal;gap:20px}.wcab-fxh-1 .wcab-h::before{display:none}
.wcab-fxh-1 .wcab-h::after{content:"";flex:1 1 auto;height:3px;background:var(--fxh-accent,var(--g-color,#d3651b))}
.wcab-fxh-16 .wcab-h{border-bottom:2px solid var(--fxh-accent,#e8541e);padding:0;gap:0}
.wcab-fxh-16 .wcab-h::before{display:none}
.wcab-fxh-16 .wcab-fxh-t{display:inline-block;background:var(--fxh-accent,#e8541e);color:#fff;padding:4px 30px 2px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
/* 13 = the title on a filled block (Foxiz: white text on the heading's accent colour) */
.wcab-fxh-13 .wcab-h{display:block;border-bottom:0;padding:0;text-transform:none;letter-spacing:normal;color:#fff}.wcab-fxh-13 .wcab-h::before{display:none}
.wcab-fxh-13 .wcab-fxh-t{display:inline-block;padding:5px 20px;border-radius:var(--fxh-r,3px);background:var(--fxh-accent,#d3651b)}
/* Galeri Foto (photos): Elementor Pro gallery look, driven by the same variables its page CSS sets */
.wcab-gx{--cols:4;--gap:10px;--rh:200px;--ar:3/2}
.wcab-gx .elementor-gallery__titles-container{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-bottom:20px}
.wcab-gx .elementor-gallery-title{display:inline-block;padding:8px 14px;cursor:pointer;color:var(--galleries-title-color-normal,inherit);text-decoration:none;position:relative;transition:color .3s}
.wcab-gx .elementor-gallery-title:hover{color:var(--galleries-title-color-hover,var(--gallery-title-color-active,inherit))}
.wcab-gx .elementor-gallery-title.is-on{color:var(--gallery-title-color-active,inherit)}
.wcab-gx .e--pointer-underline .elementor-gallery-title::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--galleries-pointer-bg-color-active,currentColor);opacity:0;transition:opacity .3s}
.wcab-gx .e--pointer-framed .elementor-gallery-title::after{content:"";position:absolute;inset:0;border:2px solid var(--galleries-pointer-bg-color-active,currentColor);opacity:0;transition:opacity .3s}
.wcab-gx .elementor-gallery-title.is-on::after,.wcab-gx .elementor-gallery-title:hover::after{opacity:1}
.wcab-gx .e-gallery-item{display:block;position:relative;overflow:hidden;box-sizing:border-box;border:var(--image-border-width,0) solid var(--image-border-color,transparent);border-radius:var(--image-border-radius,0);color:#fff;text-decoration:none}
.wcab-gx .e-gallery-item[hidden]{display:none!important}
.wcab-gx .e-gallery-image{display:block;width:100%;height:auto;transition:transform var(--image-transition-duration,800ms)}
/* grid: same-shape cells */
.wcab-gx[data-lay=grid] .wcab-gx-c{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap)}
.wcab-gx[data-lay=grid] .e-gallery-item{aspect-ratio:var(--ar)}
.wcab-gx[data-lay=grid] .e-gallery-image{height:100%;object-fit:cover}
/* masonry: CSS columns until frontend.js lays it out in reading order (grid rows) */
.wcab-gx[data-lay=masonry] .wcab-gx-c{columns:var(--cols);column-gap:var(--gap)}
.wcab-gx[data-lay=masonry] .e-gallery-item{break-inside:avoid;margin-bottom:var(--gap)}
.wcab-gx[data-lay=masonry].wcab-gx-js .wcab-gx-c{columns:auto;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);grid-auto-rows:2px;align-items:start}
.wcab-gx[data-lay=masonry].wcab-gx-js .e-gallery-item{margin:0}
/* justified: rows of one height, pictures keep their shape (frontend.js sets each width) */
.wcab-gx[data-lay=justified] .wcab-gx-c{display:flex;flex-wrap:wrap;gap:var(--gap)}
.wcab-gx[data-lay=justified] .wcab-gx-c::after{content:"";flex-grow:999}
.wcab-gx[data-lay=justified] .e-gallery-item{height:var(--rh);flex:1 1 auto}
.wcab-gx[data-lay=justified] .e-gallery-image{height:100%;width:100%;object-fit:cover}
.wcab-gx .elementor-gallery-item__overlay{position:absolute;inset:0;mix-blend-mode:var(--overlay-mix-blend-mode,normal);transition:background-color var(--overlay-transition-duration,800ms),opacity var(--overlay-transition-duration,800ms)}
:where(.wcab-gx) :where(.e-gallery-item:hover,.e-gallery-item:focus) :where(.elementor-gallery-item__overlay){background-color:rgba(0,0,0,.5)}
.wcab-gx .elementor-gallery-item__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:var(--content-text-align,center);padding:var(--content-padding,20px);opacity:0;transition:opacity var(--content-transition-duration,800ms) ease var(--content-transition-delay,0s),transform var(--content-transition-duration,800ms) ease var(--content-transition-delay,0s)}
.wcab-gx .e-gallery-item:hover .elementor-gallery-item__content,.wcab-gx .e-gallery-item:focus .elementor-gallery-item__content{opacity:1;transform:none}
.wcab-gx[data-chov^=slide-up] .elementor-gallery-item__content{transform:translateY(20%)}
.wcab-gx[data-chov^=slide-down] .elementor-gallery-item__content{transform:translateY(-20%)}
.wcab-gx[data-chov^=zoom] .elementor-gallery-item__content{transform:scale(.8)}
.wcab-gx .elementor-gallery-item__title{font-weight:600}
/* picture hover effects (Elementor's names) */
.wcab-gx[data-hov=grow] .e-gallery-item:hover .e-gallery-image,.wcab-gx[data-hov=zoom-in] .e-gallery-item:hover .e-gallery-image{transform:scale(1.2)}
.wcab-gx[data-hov=shrink] .e-gallery-image,.wcab-gx[data-hov=zoom-out] .e-gallery-image{transform:scale(1.2)}
.wcab-gx[data-hov=shrink] .e-gallery-item:hover .e-gallery-image,.wcab-gx[data-hov=zoom-out] .e-gallery-item:hover .e-gallery-image{transform:scale(1)}
.wcab-gx[data-hov^=move-contained] .e-gallery-image{transform:scale(1.2)}
.wcab-gx[data-hov=move-contained-left] .e-gallery-item:hover .e-gallery-image{transform:scale(1.2) translateX(-8%)}
.wcab-gx[data-hov=move-contained-right] .e-gallery-item:hover .e-gallery-image{transform:scale(1.2) translateX(8%)}
.wcab-gx[data-hov=move-contained-top] .e-gallery-item:hover .e-gallery-image{transform:scale(1.2) translateY(-8%)}
.wcab-gx[data-hov=move-contained-bottom] .e-gallery-item:hover .e-gallery-image{transform:scale(1.2) translateY(8%)}
@media (prefers-reduced-motion:reduce){.wcab-gx .e-gallery-image,.wcab-gx .elementor-gallery-item__content{transition:none}}
/* lightbox */
.wcab-lb{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.wcab-lb img{max-width:92vw;max-height:84vh;object-fit:contain;user-select:none}
.wcab-lb figure{margin:0;text-align:center;color:#ddd;font-size:14px}
.wcab-lb figcaption{margin-top:10px}
.wcab-lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:46px;height:46px;border-radius:50%;font-size:28px;line-height:44px;cursor:pointer;padding:0}
.wcab-lb button:hover{background:rgba(255,255,255,.25)}
.wcab-lb-x{top:14px;right:14px}.wcab-lb-p{left:14px;top:50%;transform:translateY(-50%)}.wcab-lb-n{right:14px;top:50%;transform:translateY(-50%)}
.wcab-lb-c{position:absolute;top:24px;left:20px;color:#aaa;font-size:13px}
/* shape dividers (Elementor's Shape Divider): own drawings, filled from the edge */
.wcab-shp{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;direction:ltr;pointer-events:none}
.wcab-shp-t{top:-1px}.wcab-shp-b{bottom:-1px;transform:rotate(180deg)}
.wcab-shp svg{display:block;position:relative;left:50%;transform:translateX(-50%);width:calc(100% + 1.3px)}
.wcab-shp path{fill:#fff}
/* YouTube behind a section: the embed is sized to cover by frontend.js */
.wcab-bgv-yt iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:0;transition:opacity .8s}
.wcab-bgv-yt.is-on iframe{opacity:1}
/* ===== native effects (s.fx; the old site did these with mdw-* snippets) ===== */
/* 3D mouse movement: frontend.js sets --mx / --my (-1..1) */
.wcab-fx-mouse{transform:translateX(calc(var(--fx-mt,50) * var(--mx,0) * 1px)) translateY(calc(var(--fx-mt,50) * var(--my,0) * 1px)) rotateX(calc(var(--fx-mr,20) * var(--my,0) * -1deg)) rotateY(calc(var(--fx-mr,20) * var(--mx,0) * 1deg));transition:transform 1s cubic-bezier(0,.33,.07,1.03);will-change:transform}
/* movement while scrolling: --fx-p = distance from the middle of the screen (frontend.js) */
.wcab-fx-sm{transform:translateX(calc(var(--fx-p,0) * var(--fx-sx,0) * -1px)) translateY(calc(var(--fx-p,0) * var(--fx-sy,0) * 1px)) rotate(calc(var(--fx-p,0) * var(--fx-sr,0) * 1deg))}
/* changing words at the end of a heading */
/* the words take no room (like the original): they run on after the last word of the line */
.wcab-chg{position:relative;margin-left:.2em}
.wcab-chg span{position:absolute;white-space:nowrap;opacity:0;transform:scaleY(0) skew(-30deg);transition:all .5s ease-in-out}
.wcab-chg span.on{opacity:1;transform:scaleY(1)}
@media (max-width:767px){.wcab-chg{display:flex;align-items:center;justify-content:center;margin:0;height:1em}}
/* reveal: wipes in when scrolled into view */
.wcab-fx-rv{transition:opacity 1s ease-in-out,transform 1s ease-in-out,clip-path 1s ease-in-out;clip-path:inset(0)}
.wcab-fx-rv:not(.wcab-rv-on){opacity:0}
.wcab-fx-rv[data-rv=bottom]:not(.wcab-rv-on){transform:translateY(2em);clip-path:inset(100% 0 0 0)}
.wcab-fx-rv[data-rv=left]:not(.wcab-rv-on){transform:translateX(-2em);clip-path:inset(0 100% 0 0)}
.wcab-fx-rv[data-rv=right]:not(.wcab-rv-on){transform:translateX(2em);clip-path:inset(0 0 0 100%)}
.wcab-fx-rv[data-rv=top]:not(.wcab-rv-on){transform:translateY(-2em);clip-path:inset(0 0 100% 0)}
/* "scroll down" button: text above a thin chevron */
.wcab-fx-sd .wcab-btn{flex-direction:column-reverse;gap:25px;background:none!important}
.wcab-fx-sd .wcab-btn svg{display:none}
.wcab-fx-sd .wcab-btn::after{content:"";width:.7em;height:.7em;border-right:.07em solid currentColor;border-bottom:.07em solid currentColor;transform:rotate(45deg);margin-top:-.4em}
@media (max-width:767px){.wcab .wcab-fx-sd{position:static!important}}
/* gradient big heading (the element's background shows through the letters) */
.wcab-fx-gt{-webkit-background-clip:text;background-clip:text}
.wcab-fx-gt .wcab-h{color:transparent}
.wcab-gt2{-webkit-mask-image:linear-gradient(180deg,#000 70%,#0001 100%);mask-image:linear-gradient(180deg,#000 70%,#0001 100%)}
.wcab-fx-big img{max-width:none}
/* text around a circle with two rings */
.wcab-fx-tp{position:relative}
.wcab-h-circ svg{width:var(--fx-tpw,180px);height:var(--fx-tpw,180px);overflow:visible;display:block}
.wcab-h-circ path{fill:transparent}
.wcab-h-circ text{fill:currentColor}
.wcab-fx-tp .wcab-w-heading{position:relative}
.wcab-fx-tp .wcab-w-heading::before,.wcab-fx-tp .wcab-w-heading::after{content:"";position:absolute;inset:calc(-1 * var(--fx-tpo,25px));border:1px solid var(--fx-tpc,#FF6700);border-radius:50%;pointer-events:none}
.wcab-fx-tp .wcab-w-heading::after{inset:var(--fx-tpi,15px)}
/* hover cards */
.wcab-fx-card,.wcab-fx-card .wcab-w-image img,.wcab-fx-card .wcab-h,.wcab-fx-card .wcab-fx-role .wcab-btn{transition:all .3s ease-in-out!important}
.wcab-fx-card{position:relative}
.wcab-fx-card:hover{background:var(--fx-hbg,#fff)!important}
.wcab-fx-card .wcab-w-image .wcab-img{position:relative;overflow:hidden}
.wcab-fx-card .wcab-w-image .wcab-img::before{content:"";position:absolute;inset:0;background:var(--fx-hov,#000);opacity:0;transition:opacity .3s;z-index:1;pointer-events:none}
.wcab-fx-card:hover .wcab-w-image .wcab-img::before{opacity:.5}
.wcab-fx-card:hover .wcab-w-image .wcab-img{box-shadow:0 0 50px rgba(0,0,0,.1)}
.wcab-fx-card:hover .wcab-h{color:var(--fx-htc,#000)!important}
.wcab-fx-card .wcab-role-buy{position:relative;z-index:4}
.wcab-fx-card .wcab-role-buy .wcab-btn{clip-path:inset(100% 0 0 0);transform:translateY(5px) scale(.8) rotate(-10deg) skew(10deg);opacity:0}
.wcab-fx-card:hover .wcab-role-buy .wcab-btn{clip-path:inset(0);transform:none;opacity:1}
.wcab-fx-card .wcab-role-link{position:absolute!important;inset:0;margin:0!important;z-index:3}
.wcab-fx-card .wcab-role-link .wcab-btn{width:100%;height:100%;opacity:0}
/* photo ring (mdw-rotating-image-effect): every photo starts at the box centre, frontend.js flies them into
   a turning ring; hidden on the public page until it starts (the box has data-wcab-fx there only) */
.wcab-fx-rot{overflow-x:clip}
.wcab-fx-rimgs{perspective:1000px}
.wcab .wcab-fx-rimgs .wcab-in,.wcab .wcab-fx-rimgs .wcab-c{position:static!important}
.wcab .wcab-fx-rimgs .wcab-w-image{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;margin:0!important;translate:-50% -50%;max-width:none!important;will-change:transform}
.wcab-fx-rimgs .wcab-w-image img{max-width:none}
.wcab-fx-rot[data-wcab-fx]:not(.wcab-rot-go) .wcab-fx-rimgs{opacity:0}
.wcab-fx-rot[data-wcab-fx] .wcab-fx-rtxt{transition:opacity 1s,filter 1s}
.wcab-fx-rot[data-wcab-fx]:not(.wcab-rot-txt) .wcab-fx-rtxt{opacity:0;filter:blur(60px)}
/* orbit photos: images around a circle (frontend.js places them), captions in the middle */
.wcab-fx-orbit{position:relative;aspect-ratio:1;border-radius:50%}
.wcab-fx-orbit .wcab-fx-oimgs,.wcab-fx-orbit .wcab-fx-otxt{position:absolute!important;inset:0;margin:0!important;pointer-events:none}
.wcab-fx-oimgs .wcab-orb-i{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;margin:0!important;flex:none!important;max-width:none!important;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:transform .3s}
.wcab-fx-oimgs .wcab-orb-i img{border-radius:50%;transition:all .3s ease-in-out;display:block}
.wcab-fx-orbit .wcab-fx-oimgs,.wcab-fx-orbit .wcab-fx-otxt{width:auto!important;max-width:none!important;height:auto!important}
.wcab-fx-otxt .wcab-c,.wcab-fx-oimgs .wcab-c:not(.wcab-orb-i){position:static}
.wcab-fx-otxt .wcab-orb-t{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;translate:-50% -50%;margin:0!important;opacity:0;pointer-events:none}
.wcab-fx-otxt .wcab-orb-t.on{opacity:1;z-index:10;pointer-events:auto;animation:wcab-orb-in .3s ease-in-out}
.wcab-fx-otxt .wcab-orb-t.off{animation:wcab-orb-out .3s ease-in-out}
@keyframes wcab-orb-in{from{transform:rotate(20deg) translateX(20%) scaleY(.5) skew(-20deg);opacity:0}to{transform:none;opacity:1}}
@keyframes wcab-orb-out{from{transform:none;opacity:1}to{transform:rotate(-20deg) translateX(-20%) scaleY(.5) skew(20deg);opacity:0}}
.wcab-fx-ring{aspect-ratio:1;height:auto!important}.wcab-fx-ring .wcab-dv{display:none}
.wcab-fx-ring{border-top-color:transparent!important;border-bottom-color:transparent!important;border-right-color:var(--fx-rc,#fff)!important;animation:wcab-ring calc(var(--fx-osp,5s) * var(--fx-rk,1)) linear infinite var(--fx-rd,normal)}
@keyframes wcab-ring{to{rotate:360deg}}
/* scrolling image rows (marquee) */
.wcab-fx-marq{overflow:hidden}
.wcab-fx-marq .wcab-mq{display:flex;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;animation:wcab-mq var(--mq-t,40s) linear infinite}
.wcab-fx-marq .wcab-mq>*{flex:0 0 auto!important;max-width:none!important}
.wcab-fx-marq .wcab-mq.rev{animation-direction:reverse}
.wcab-fx-marq.poh:hover .wcab-mq{animation-play-state:paused}
@media (max-width:767px){.wcab-fx-marq.poh:not(.pohm):hover .wcab-mq{animation-play-state:running}}
@keyframes wcab-mq{to{transform:translateX(calc(-100% / var(--mq-n,2)))}}
/* horizontal scroll section: the panels slide sideways while the page scrolls (frontend.js) */
.wcab-fx-hs.wcab-hs-on{overflow:visible!important}
.wcab-fx-hs.wcab-hs-on>.wcab-in{position:sticky;top:0;height:100vh;overflow:hidden;max-width:none}
.wcab-hs-track{flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;will-change:transform}
.wcab-hs-track>*{flex:0 0 auto!important;max-width:none!important}
.wcab-fx-hs.wcab-hs-on::after{content:"";position:fixed;left:0;bottom:0;width:100vw;height:var(--fx-barh,2px);background:var(--fx-bar,transparent);transform-origin:left;transform:scaleX(var(--fx-prog,0));opacity:0;transition:opacity .2s;z-index:50;pointer-events:none}
.wcab-fx-hs.wcab-hs-mid::after{opacity:1}
@media (prefers-reduced-motion:reduce){.wcab-fx-mouse,.wcab-fx-sm{transform:none!important}.wcab-fx-marq .wcab-mq,.wcab-fx-ring{animation:none}.wcab-fx-rv{opacity:1!important;transform:none!important;clip-path:none!important}}
.wcab-ovb{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit}
.wcab-fx-oimgs .wcab-in,.wcab-fx-otxt .wcab-in{position:static;max-width:none}
.wcab-fx-orbit>.wcab-in,.wcab-fx-orbit>.wcab-in>.wcab-c{position:static}
/* 3D card tunnel (pinned section, cards fly toward the viewer; frontend.js) */
.wcab-fx-tun.wcab-tun-on{overflow:visible!important}
.wcab-fx-tun.wcab-tun-on>.wcab-in{position:sticky;top:0;height:100vh;max-width:none;overflow:hidden}
.wcab-tun-on .wcab-fx-tunin{position:absolute!important;inset:0;margin:0!important;width:auto!important;height:100vh!important;overflow:hidden}
.wcab-tun-on .wcab-fx-tunin>.wcab-in{position:static;height:100%}
.wcab-tun-track{position:absolute!important;inset:0;perspective:750px;transform-style:preserve-3d;z-index:1}
.wcab-tun-card{position:absolute!important;top:50%!important;right:auto!important;bottom:auto!important;margin:0!important;will-change:transform,opacity;backface-visibility:hidden}
.wcab-tun-bg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.wcab-tun-off .wcab-fx-tunin .wcab-tun-track,.wcab-tun-off .wcab-fx-tunin>.wcab-in>.wcab-c{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.wcab-tun-off .wcab-fx-tunin .wcab-w{position:static!important;transform:none!important}
@media (max-width:767px){.wcab-tun-card{max-width:86vw}}
/* embeds (Unicorn Studio, maps...): match their own colour scheme, or a dark theme makes the browser paint a white backdrop behind them */
.wcab iframe{color-scheme:normal;border:0;max-width:100%}
/* Form Masuk (wp_login_form) */
.wcab-login{max-width:440px;margin:0 auto}
.wcab-login-h{margin:0 0 18px}
.wcab-login form p{margin:0 0 14px}
.wcab-login label{display:block;font-size:.85em;font-weight:600;margin:0 0 6px}
.wcab-login .login-remember label{display:flex;align-items:center;gap:8px;font-weight:500}
.wcab-login input[type=text],.wcab-login input[type=password],.wcab-login input[type=email]{width:100%;box-sizing:border-box;padding:11px 14px;border:1px solid rgba(127,127,127,.35);border-radius:10px;background:rgba(127,127,127,.1);color:inherit;font:inherit}
.wcab-login input[type=text]:focus,.wcab-login input[type=password]:focus,.wcab-login input[type=email]:focus{outline:2px solid var(--wcab-btn-bg,#21afcc);outline-offset:1px}
.wcab-login input[type=submit]{width:100%;padding:12px 18px;border:0;border-radius:10px;background:var(--wcab-btn-bg,#21afcc);color:var(--wcab-btn-c,#fff);font:inherit;font-weight:700;cursor:pointer}
.wcab-login input[type=submit]:hover{filter:brightness(1.08)}
.wcab-login-social{margin:0 0 14px}
.wcab-login .wcab-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.wcab-reg-desc{display:block;margin-top:6px;font-size:.8em;opacity:.75;line-height:1.45}
.wcab-reg-mail{font-size:.85em;opacity:.8}
.wcab-reg-ok,.wcab-reg-err,.wcab-reg-closed{padding:12px 14px;border-radius:10px;margin:0 0 14px}
.wcab-reg-ok{background:rgba(0,138,32,.12);border:1px solid rgba(0,138,32,.4)}
.wcab-reg-err{background:rgba(179,45,46,.1);border:1px solid rgba(179,45,46,.45)}
.wcab-reg-closed{background:rgba(127,127,127,.12)}
.wcab-login-links{display:flex;gap:10px;flex-wrap:wrap;font-size:.9em}
.wcab-login-links a,.wcab-login-out{color:inherit;text-decoration:underline}
.wcab-login-btn{display:inline-block;padding:10px 18px;border-radius:10px;background:var(--wcab-btn-bg,#21afcc);color:var(--wcab-btn-c,#fff);text-decoration:none;margin-right:12px}
/* vertical card slider (fx slide) */
.wcab .wcab-fx-slide{position:relative;height:var(--sl-h,320px)}
.wcab .wcab-fx-slide .wcab-sl-i{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);margin:0}
.wcab .wcab-sl-i>.wcab-in{opacity:0;transform:translateY(-100%) scale(.5)}
.wcab .wcab-sl-anim .wcab-sl-i>.wcab-in{transition:all var(--sl-d,.75s) ease-in-out}
.wcab .wcab-sl-i.after>.wcab-in{opacity:.4;transform:translateY(100%) scale(.7)}
.wcab .wcab-sl-anim .wcab-sl-i.after>.wcab-in{animation:wcab-sl-enter var(--sl-d,.75s) ease-in-out}
.wcab .wcab-sl-i.before>.wcab-in{opacity:.4;transform:translateY(-100%) scale(.7)}
.wcab .wcab-sl-i.current>.wcab-in{opacity:1;transform:none}
.wcab .wcab-sl-i.before,.wcab .wcab-sl-i.after{z-index:1}
.wcab .wcab-sl-i.current{z-index:2}
@keyframes wcab-sl-enter{0%{opacity:0;transform:translateY(100%) scale(.5)}100%{opacity:.4;transform:translateY(100%) scale(.7)}}
/* article carousel (posts car) */
.wcab .wcab-plc{position:relative}
.wcab .wcab-plc .wcab-pl{display:flex;gap:var(--plg,18px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wcab .wcab-plc .wcab-pl::-webkit-scrollbar{display:none}
.wcab .wcab-plc .wcab-pl-i{flex:0 0 calc((100% - (var(--cols) - 1) * var(--plg,18px)) / var(--cols));scroll-snap-align:start}

/* click-to-enlarge photo cells (fx pop): the picture fills its square (the old page's CSS aimed at
   Elementor's bare img; WCA wraps it in figure / a, so those need the height too) */
.wcab .wcab-fx-pop .wcab-w-image .wcab-img,.wcab .wcab-fx-pop .wcab-w-image .wcab-img>a{display:block;height:100%;margin:0}
.wcab .wcab-fx-pop .wcab-w-image img{display:block;width:100%;height:100%;object-fit:cover}
/* Foxiz headings (wcab-fxh): Foxiz's "heading" theme font (--fx-heading-*), not the plain h2 / h3 one;
   a widget's own typography (page CSS, loaded later) still wins */
.wcab .wcab-fxh .wcab-h{font-family:var(--fx-heading-family,inherit);font-weight:var(--fx-heading-fweight,inherit)}
/* news ticker (posts tk): label + one sliding title */
.wcab .wcab-tk{display:flex;align-items:center;gap:12px;min-width:0}
.wcab .wcab-tk-l{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:4px;background:var(--wcab-c-accent,#e8541e);color:#fff;font-family:var(--fx-heading-family,inherit);font-weight:700;font-size:.8em;text-transform:uppercase;letter-spacing:.03em;line-height:1.2}
.wcab .wcab-tk-l svg{width:1em;height:1em}
.wcab .wcab-tk .wcab-plc{flex:1 1 auto;min-width:0}
.wcab .wcab-tk .wcab-pl-titles .wcab-pl-i::before{display:none}
.wcab .wcab-tk .wcab-pl-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fx-h6-fsize,.95em)}