/* Styles for the page-builder widgets rendered by assets/page-renderer.js.
   Follows the existing page-runtime.css language: accent #ffc13b, 4px radius, dark form fields. */
.public-widget{color:var(--site-body-text,#222)}
.public-widget-title{margin:0 0 22px;font-size:clamp(24px,3vw,32px);line-height:1.2}
.public-widget>p,.public-widget-empty{margin:0 0 18px;line-height:1.7;opacity:.8}
.public-widget-empty{padding:28px;border:1px dashed #0003;border-radius:6px;text-align:center}
.public-safe-html{line-height:1.7;overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Accordion & tabs */
.public-accordion{display:grid;gap:10px}
.public-accordion details{border:1px solid #0000001f;border-radius:6px;background:#fff}
.public-accordion summary{padding:15px 18px;font-weight:800;cursor:pointer}
.public-accordion details>div{padding:0 18px 16px;line-height:1.7;opacity:.85}
.public-tab-list{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid #0000001a}
.public-tab-list button{margin-bottom:-2px;padding:11px 18px;border:0;border-bottom:2px solid transparent;background:none;color:inherit;font-weight:800;cursor:pointer;opacity:.65}
.public-tab-list button[aria-selected="true"]{border-bottom-color:#ffc13b;opacity:1}
.public-tabs [role="tabpanel"]{padding:20px 2px;line-height:1.7}

/* Cards: pages, price table, portfolio, team */
.public-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.public-pages a{display:grid;gap:6px;padding:18px;border:1px solid #0000001f;border-radius:6px;color:inherit;text-decoration:none;transition:border-color .15s}
.public-pages a:hover{border-color:#ffc13b}
.public-price-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.public-price-table article{display:grid;align-content:start;gap:12px;padding:26px;border:1px solid #0000001f;border-radius:6px}
.public-price-table h3{margin:0}
.public-price{color:#d99a00;font-size:28px}
.public-price-table ul{margin:0;padding-left:18px;line-height:1.8}
.public-price-table .page-button{justify-self:start;margin-top:6px}
.public-portfolio{display:grid;grid-template-columns:repeat(var(--widget-columns,3),minmax(0,1fr));gap:16px}
.public-portfolio>a,.public-portfolio>article{display:grid;gap:10px;color:inherit;text-decoration:none}
.public-portfolio img,.public-team img,.public-image-box img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.public-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;text-align:center}
.public-team img{width:160px;height:160px;margin:0 auto;border-radius:50%}
.public-team h3{margin:14px 0 4px}
.public-team p{margin:0;opacity:.7}

/* Boxes */
.public-icon-box h3,.public-image-box h3,.public-message-box h3{margin:0 0 8px}
.public-icon-box p,.public-image-box p,.public-message-box p{margin:0;line-height:1.7;opacity:.85}
.public-icon-symbol{display:inline-grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border:2px solid #ffc13b;border-radius:50%;color:#ffc13b;font-size:24px}
.public-image-box{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;align-items:center;color:inherit;text-decoration:none}
.public-message-box{padding:18px 22px;border-left:4px solid #2f80ed;border-radius:6px;background:#2f80ed14}
.public-message-box.tone-success{border-color:#27ae60;background:#27ae6014}
.public-message-box.tone-warning{border-color:#f2a100;background:#f2a10014}
.public-message-box.tone-danger,.public-message-box.tone-error{border-color:#e05252;background:#e0525214}

/* Countdown */
.public-countdown{display:flex;flex-wrap:wrap;gap:12px}
.public-countdown-widget{text-align:center}
.public-countdown-widget .public-countdown{justify-content:center}
.public-countdown span{display:grid;min-width:82px;padding:14px 10px;border-radius:6px;background:#18191b;color:#fff}
.public-countdown strong{color:#ffc13b;font-size:30px}
.public-countdown small{font-size:11px;letter-spacing:1px;text-transform:uppercase;opacity:.75}
.public-countdown-label{margin:14px 0 0;opacity:.7}

/* Links: social, share, navigation, logo, scroll */
.public-social-links,.public-share,.public-widget-nav,.public-logo,.public-scroll-to,.public-video-button{display:flex;flex-wrap:wrap;gap:10px}
.public-social-widget,.public-share-widget,.public-navigation-widget{text-align:center}
.public-social-links a,.public-share button{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid #ffc13b;border-radius:40px;background:none;color:inherit;font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}
.public-social-links a span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffc13b;color:#18191b;font-size:11px;font-weight:900}
.public-social-links a:hover,.public-share button:hover{background:#ffc13b;color:#18191b}
.public-widget-nav a{padding:6px 10px;color:inherit;font-weight:700;text-decoration:none}
.public-widget-nav a:hover{color:#d99a00}
.public-widget-nav.nav-vertical{flex-direction:column}
.public-logo img{display:block;max-width:100%;height:auto}

/* Forms */
.public-builder-form,.public-search-form{display:grid;gap:12px}
.public-builder-form label{display:grid;gap:6px;font-size:13px;font-weight:700}
.public-builder-form input,.public-builder-form textarea,.public-builder-form select,.public-search-form input{width:100%;padding:12px;border:1px solid #444;background:#202124;color:#fff;font:inherit}
.public-builder-form button,.public-search-form button{padding:13px 22px;border:0;background:#ffc13b;color:#18191b;font-weight:900;cursor:pointer}
.public-builder-form button{justify-self:start}
.public-search-form{grid-template-columns:minmax(0,1fr) auto;gap:0}
.public-form-status{margin:0;font-size:13px}
.public-search-results{margin-top:14px;display:grid;gap:8px}

/* Map & video button */
.public-map iframe{display:block;width:100%;min-height:360px;border:0;border-radius:6px}
.public-video-button>a,.public-video-button-disabled{position:relative;display:grid;place-items:center;width:min(640px,100%);overflow:hidden;border-radius:6px;background:#18191b;color:#fff;text-decoration:none}
.public-video-button img{grid-area:1/1;width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.55}
.public-video-button img~*{grid-area:1/1;position:relative}
.public-video-play{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#ffc13b;color:#18191b;font-size:26px;transform:translateY(-22px)}
.public-video-button strong{align-self:center;transform:translateY(40px)}
.public-video-button small{align-self:end;padding-bottom:14px;opacity:.75}

/* Features (trust bar) */
.trust-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding-block:40px}
.trust-bar article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #0000001f;border-radius:6px}
.trust-bar i{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#ffc13b;color:#18191b;font-style:normal}
.trust-bar strong,.trust-bar span{display:block}
.trust-bar span{font-size:13px;opacity:.7}

@media(max-width:700px){
  .public-portfolio{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-image-box{grid-template-columns:1fr}
  .public-search-form{grid-template-columns:1fr;gap:8px}
}

/* Product section sits on #18191b (product-beauty.css); keep its heading readable */
.product-section .section-title h2{color:#fff}
.trust-wrap .public-widget-title{margin:0;padding-top:40px}
.trust-wrap .public-widget-title+.trust-bar,.trust-wrap .container:has(.public-widget-title)+.trust-bar{padding-top:22px}

/* Row presets from the editor: full width and cell styles */
.public-layout-container.is-full{width:100%}
.public-layout-container.cells-shadow>.public-layout-cell{padding:20px;background:#fff;box-shadow:0 6px 22px #0000001f}
.public-layout-container.cells-dashed>.public-layout-cell{padding:20px;border:1px dashed #9aa3ad}

/* "Isi tinggi kolom": banner/image stretch to the tallest column of the row */
.public-layout-cell.has-fill{display:flex;flex-direction:column}
.public-layout-cell.has-fill>.public-nested-element{margin-inline:0}
.public-nested-element.fill-height{flex:1 1 auto}
.public-nested-image.fill-height{display:flex;flex-direction:column}
.public-nested-image.fill-height img{flex:1 1 0;height:100%;min-height:120px;max-height:none}
.public-pages-list{grid-template-columns:1fr}

/* Elements placed inside a banner */
.public-banner-elements{display:grid;gap:12px;margin-top:14px}
.public-banner-elements>.public-nested-element{width:var(--nested-panel-width,100%);margin-inline:0;justify-self:stretch}

/* Button settings: style, size, colours, radius, width, capitals, shadow, icon */
.page-button{--btn-accent:#ffc13b;--btn-text:#18191b;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--btn-radius,4px);font-weight:900;text-decoration:none;transition:filter .15s,background-color .15s,color .15s}
.page-button.primary{border:0;background:var(--btn-accent);color:var(--btn-text)}
.page-button.primary:hover{filter:brightness(.92)}
.page-button.outline{border:2px solid var(--btn-accent);background:transparent;color:var(--btn-accent)}
.page-button.outline:hover{background:var(--btn-accent);color:var(--btn-text)}
.page-button.text{border:0;background:none;color:var(--btn-accent);text-decoration:underline}
.page-button.size-small{padding:9px 16px;font-size:13px}
.page-button.size-medium{padding:13px 23px;font-size:16px}
.page-button.size-large{padding:16px 30px;font-size:18px}
.page-button.size-xlarge{padding:20px 40px;font-size:20px}
.page-button.is-full{display:flex;width:100%}
.page-button.is-upper{text-transform:uppercase;letter-spacing:.5px}
.page-button.has-shadow{box-shadow:0 8px 20px #0000002e}
.page-button-icon{order:2;line-height:1}
.page-button.icon-left .page-button-icon{order:-1}

/* Slider/banner button placed at its own position in the editor */
.free-button{position:absolute;z-index:3;margin:0;transform:translate(-50%,-50%);white-space:nowrap}

/* RTL adjustments for translated pages */
[dir="rtl"] .nav-links{margin-left:0;margin-right:auto}
[dir="rtl"] .public-banner-elements,[dir="rtl"] .public-layout-cell{text-align:inherit}

/* Sasaran sentuh: titik slider dan tautan breadcrumb tetap kecil secara visual,
   tetapi area kliknya dilebarkan agar nyaman di layar sentuh. */
.slider-dots button{position:relative}
/* Titik tetap 9px seperti semula; area sentuhnya diperluas lewat lapisan tak terlihat. */
.slider-dots button:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%)}
.breadcrumbs a{display:inline-block;padding:6px 2px}
.footer-grid a{display:inline-block;padding:5px 0}
.site-footer .copyright a{display:inline-block;padding:4px 2px}
@media(max-width:600px){
  .breadcrumbs{padding:6px 0}
  .breadcrumbs a{padding:8px 3px}
  .footer-grid a{padding:8px 0}
}