/*
Theme Name: Harmoni Lombok
Author: Harmoni Lombok
Description: Tema tour dan travel dengan katalog wisata, sewa mobil, dan permintaan perjalanan. Berdasarkan desain FigCraft Harmoni Lombok.
Version: 1.2.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: harmoni-lombok
*/
@font-face{font-family:Inter;src:url(assets/fonts/inter.ttf) format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Lato;src:url(assets/fonts/lato-bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--blue:#245d7c;--ink:#183e50;--sand:#f4d89c;--canvas:#f9faf7;--muted:#526b71;--line:#dbe4e7;--soft:#eaf1f4;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:Lato,Arial,sans-serif;line-height:1.2;margin:0 0 24px;font-weight:700}h1{font-size:clamp(34px,4.4vw,58px)}h2{font-size:clamp(28px,3vw,36px)}h3{font-size:24px}p{margin:0 0 20px}.wrap{width:min(1248px,calc(100% - 48px));margin-inline:auto}.section{padding-block:72px}.muted,.intro{color:var(--muted)}.intro{max-width:850px;font-size:18px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.045em;margin-bottom:18px}.button,button,input[type=submit]{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;border:1px solid transparent;border-radius:6px;background:var(--blue);color:white;font:600 15px/1.4 Inter,Arial,sans-serif;cursor:pointer;text-decoration:none}.button:hover,button:hover{background:#194763;text-decoration:none}.button.secondary{background:var(--soft);color:var(--blue)}.button.sand{background:var(--sand);color:var(--ink)}.button.secondary:hover{background:#dbe7ed}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a46a12;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:20px;z-index:10000;background:#fff;padding:12px}.skip-link:focus{top:10px}.site-header{background:#fff;position:relative;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:106px}.brand{width:196px;height:106px;overflow:hidden;flex-shrink:0}.brand img{width:196px;height:196px;max-width:none;transform:translateY(-24px);object-fit:contain}.brand.custom{height:auto;max-height:100px}.brand.custom img{transform:none;width:190px;height:90px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{font-size:14px;color:var(--ink)}.nav-links .button{color:#fff}.menu-toggle{display:none}.hero-shell{padding-inline:32px}.hero{min-height:560px;position:relative;isolation:isolate;color:#fff;padding:70px max(32px,calc((100% - 1248px)/2));display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#072e45bd,#072e4540);z-index:-1}.hero h1{max-width:1000px}.hero p{max-width:770px}.hero .eyebrow{font-size:13px}.hero-location{position:absolute;bottom:35px;right:45px;font-size:13px}.search-panel{position:relative;margin-top:-48px;padding:25px 30px;border:1px solid var(--line);background:white;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:24px;align-items:end;z-index:2}.search-panel label{font-size:11px;font-weight:650}.search-panel select{border:0;padding-left:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:42px}.benefits strong{display:block;margin-bottom:8px}.benefits p{font-size:14px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px}.section-head h2{margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.card>img{height:240px;width:100%;object-fit:cover}.card-body{padding:24px;display:flex;flex-direction:column;flex:1;align-items:flex-start}.card-body h3{margin-bottom:20px}.card-body .button{margin-top:auto;width:100%}.card .route-list{margin:0 0 24px;padding-left:20px;color:var(--muted);font-size:15px}.card .price{font-size:23px;color:var(--blue);font-weight:650;margin:4px 0 20px}.card .meta{font-size:12px;color:var(--muted)}.card .badge{align-self:flex-start;background:var(--soft);border-radius:5px;padding:5px 12px;font-size:12px;margin-bottom:20px}.tabs{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 30px}.tabs a{padding:10px 18px;border:1px solid var(--line);background:white;border-radius:5px;font-size:14px}.tabs a[aria-current=page]{background:var(--blue);color:white;border-color:var(--blue)}.rental-panel{background:var(--soft);border-radius:var(--radius);padding:34px}.rental-panel .grid{margin-block:28px}.rental-panel .card{border:0}.rental-panel .card-body{min-height:150px}.actions{display:flex;gap:16px;flex-wrap:wrap}.destination{position:relative;min-height:340px;overflow:hidden;border-radius:8px;color:#fff;display:flex;align-items:end}.destination img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.destination div{width:100%;position:relative;padding:24px;background:linear-gradient(transparent,#092c47de)}.destination h3{margin:25px 0 10px}.destination p{font-size:13px;margin:0}.about-panel{background:#eaf0ed;border-radius:8px;padding:48px;display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:center}.about-panel p{color:var(--muted);margin:0}.about-panel ol{padding-left:25px}.about-panel li{margin-bottom:16px}.site-footer{padding-bottom:40px}.footer-top{padding-block:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top h2{margin:0}.footer-bottom{padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:14px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-brand{font-size:22px;color:var(--blue);font-weight:650}.copyright{font-size:12px;color:var(--muted);margin-top:14px}.page-heading{padding-block:62px 36px}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:26px}.catalog-filter{display:flex;gap:16px;margin-bottom:30px}.catalog-filter input{max-width:420px}.results-count{margin-bottom:26px;color:var(--muted)}.pagination{margin-top:40px}.nav-links .page-numbers,.pagination .page-numbers{padding:10px}.detail-image{height:470px;width:100%;object-fit:cover;border-radius:8px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:55px;margin-top:48px}.booking-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px;align-self:start;position:sticky;top:30px}.prose{overflow-wrap:anywhere}.prose ul,.prose ol{padding-left:25px}.prose p,.prose li{margin-bottom:15px}.prose h2{font-size:28px;margin-top:38px}.booking-panel h2{font-size:30px}.booking-panel .button{width:100%}.form-layout{display:grid;grid-template-columns:360px minmax(0,1fr);max-width:1200px;margin:50px auto 80px}.form-aside{background:var(--ink);color:white;padding:40px;border-radius:8px 0 0 8px}.form-aside h2{font-size:38px;margin-top:100px}.form-aside p{color:#d9e7ec}.form-main{padding:42px;background:#fff;border-radius:0 8px 8px 0}.form-main h1{font-size:34px}.field{margin-bottom:24px}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}input,select,textarea{font:inherit;color:var(--ink);width:100%;min-height:52px;border:1px solid #c9d6db;border-radius:6px;padding:12px 16px;background:#fff}textarea{min-height:120px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.consent{display:flex;gap:12px;font-size:14px;align-items:flex-start;margin:25px 0}.consent input{width:20px;min-height:20px;margin-top:3px;flex-shrink:0}.form-main .button{width:100%}.notice{border-left:4px solid var(--blue);padding:20px;background:var(--soft);margin-bottom:30px}.notice.error{border-color:#b12a22;background:#fff0ed;color:#852019}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.empty{padding:50px;background:white;border:1px solid var(--line)}.wp-block-image img{height:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.alignwide{width:100%}.alignfull{margin-inline:calc((1248px - 100vw)/2)}
@media(max-width:1000px){.header-inner{gap:16px}.nav-links{gap:16px}.brand{width:166px}.brand img{width:180px;height:180px;transform:translateY(-18px)}.nav-links .button{padding:12px}.hero{padding:55px 40px}.search-panel{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{gap:30px}.form-layout{grid-template-columns:300px 1fr}.form-main{padding:30px}}
@media(max-width:720px){.wrap{width:calc(100% - 48px)}.header-inner{min-height:88px}.brand{width:150px;height:88px}.brand img{width:150px;height:150px;transform:translateY(-17px)}.menu-toggle{display:inline-flex;font-size:14px;background:var(--soft);color:var(--blue);padding:10px 15px}.nav-links{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:24px;box-shadow:0 10px 20px #183e5015;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:10px}.hero-shell{padding-inline:12px}.hero{padding:35px 22px;min-height:460px;border-radius:8px;overflow:hidden}.hero h1{font-size:40px}.hero p{font-size:15px}.hero-location{display:none}.hero .eyebrow{font-size:11px}.hero .button{width:100%;margin-top:12px}.search-panel{margin-top:35px;padding:0;display:grid;grid-template-columns:1fr;border:0;background:transparent;gap:22px}.search-panel label{font-size:14px}.search-panel select{border:1px solid var(--line);padding:12px 16px;margin-top:8px}.benefits{grid-template-columns:1fr;gap:12px;padding-top:35px}.benefits p{margin-bottom:6px}.section{padding-block:45px}.grid,.grid.two{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.section-head .button{width:100%}.card>img{height:220px}.card-body{padding:22px}.rental-panel{padding:22px}.rental-panel .actions .button{width:100%}.about-panel{padding:27px;grid-template-columns:1fr;gap:25px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-top .button{width:100%}.footer-links{gap:16px}.page-heading{padding-top:38px}.detail-image{height:260px}.detail-grid{grid-template-columns:1fr}.booking-panel{position:static}.form-layout{display:block;margin:30px auto 50px;width:calc(100% - 48px)}.form-aside{display:none}.form-main{padding:24px 0;background:transparent}.form-main h1{font-size:32px}.field-row{grid-template-columns:1fr;gap:0}.catalog-filter{flex-direction:column}.tabs{gap:8px}.tabs a{padding:9px 12px;font-size:13px}.prose{font-size:16px}.alignfull{margin-inline:0}}
.menu-toggle:hover{background:#dbe7ed;color:var(--blue)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}