/*
Theme Name: GoHimare Child Theme
Theme URI: https://gohimara.com/
Template: hello-elementor
Author: GoHimare
Description: GoHimare child theme for accommodations, destination guides, inquiries and property submissions.
Version: 2.0.9
Text Domain: gohimare
*/

:root {
	--gh-bg: #F4F2EC;
	--gh-surface: #FFFFFF;
	--gh-surface-alt: #EAE7DE;
	--gh-green-tint: #E8EEE7;
	--gh-green: #1E3A2C;
	--gh-green-2: #2F5440;
	--gh-green-3: #4A6E58;
	--gh-ink: #141C17;
	--gh-ink-2: #2D3A33;
	--gh-muted: #494E49;
	--gh-soft: #A6A99F;
	--gh-line: #E2DFD6;
	--gh-line-strong: #CFCCC1;
	--gh-green-line: #B8C2B7;
	--gh-required: #A0463B;
	--gh-page-gutter: 40px;
	--gh-radius: 4px;
	--gh-display: 'Poiret One', 'Instrument Sans', sans-serif;
	--gh-ui: 'Instrument Sans', system-ui, sans-serif;
}

/* Shared, quiet brand texture across all primary page heroes. */
:where(
	.hp-hero,
	.webdeva-archive-hero,
	.ghex__hero,
	.ghsx__hero,
	.ba__header
) {
	background-color: var(--gh-green) !important;
	background-image: url('assets/images/gohimara-hero-pattern.webp') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

:where(
	.hp-hero,
	.webdeva-archive-hero,
	.ghex__hero,
	.ghsx__hero,
	.ba__header
)::before {
	display: none;
}

:where(
	.webdeva-archive-hero__image,
	.ghex__hero > img,
	.ghsx__hero > img,
	.ba__hero-image
) {
	display: none !important;
}

.hp-hero-bg,
.hp-hero-video {
	z-index: 0;
	display: block !important;
}

:where(
	.webdeva-archive-hero__shade,
	.ghex__shade,
	.ghsx__hero-shade,
	.ba__hero-shade
) {
	display: none !important;
}

.hp-hero-shade {
	z-index: 1 !important;
	display: block !important;
	background: linear-gradient(180deg,rgba(20,28,23,.05) 0%,rgba(20,28,23,.08) 34%,rgba(20,28,23,.58) 100%),linear-gradient(90deg,rgba(20,28,23,.24),transparent 66%) !important;
	pointer-events: none;
}

.hp-hero-content {
	z-index: 2 !important;
}

:where(
	.hp-hero-content,
	.webdeva-archive-hero__inner,
	.ghex__hero-content,
	.ghsx__hero-content,
	.ba__hero-content
) {
	z-index: 3;
}

.ghap__hero-copy {
	background-color: var(--gh-green) !important;
	background-image: url('assets/images/gohimara-hero-pattern.webp') !important;
	background-position: center !important;
	background-size: cover !important;
}

:where(
	.webdeva-archive-hero__eyebrow,
	.webdeva-archive-hero__lede,
	.ghex__hero .ghex__eyebrow,
	.ghex__hero-copy,
	.ghsx__hero .ghsx__eyebrow,
	.ghsx__lede,
	.ba__eyebrow,
	.ba__sub,
	.ghap__tag,
	.ghap__hero-sub
) {
	color: #fff !important;
}

@media (max-width: 640px) {
	.hp-hero-shade {
		background: linear-gradient(180deg,rgba(20,28,23,.08) 0%,rgba(20,28,23,.16) 38%,rgba(20,28,23,.65) 100%) !important;
	}
}

body {
	background: var(--gh-bg);
	color: var(--gh-ink);
	font-family: var(--gh-ui);
}

/* Global theme header. */
.gh-site-header{position:sticky;top:0;z-index:9999;font-family:var(--gh-ui)}
.gh-nav{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:64px;padding:0 var(--gh-page-gutter);gap:24px;border-bottom:1px solid rgba(20,28,23,.06);background:#fff}
.gh-nav__logo{flex-shrink:0;color:var(--gh-ink);font:400 20px/1 var(--gh-display);letter-spacing:-.02em;text-decoration:none}
.gh-nav__logo em{color:var(--gh-green);font-style:normal}
.gh-nav__links{display:flex;align-items:center;gap:4px}
.gh-nav__link{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border-radius:4px;color:#6b7280;font:400 13px/1.2 var(--gh-ui);text-decoration:none;white-space:nowrap;transition:color .15s ease,background-color .15s ease}
.gh-nav__link:hover,.gh-nav__link:focus-visible,.gh-nav__link.is-current{background:#f9f8f6;color:var(--gh-ink)}
.gh-nav__link svg,.gh-nav__drawer-item svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s ease}
.gh-nav__dropdown-wrap{position:relative;padding:8px 0;margin:-8px 0}
.gh-nav__dropdown{position:absolute;top:100%;left:50%;display:block;min-width:210px;padding:6px;border:1px solid rgba(20,28,23,.08);border-radius:4px;background:#fff;box-shadow:0 16px 40px rgba(20,28,23,.09);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.gh-nav__dropdown-wrap:hover .gh-nav__dropdown,.gh-nav__dropdown-wrap:focus-within .gh-nav__dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.gh-nav__dropdown-wrap:hover .gh-nav__link svg,.gh-nav__dropdown-wrap:focus-within .gh-nav__link svg{transform:rotate(180deg)}
.gh-nav__dropdown a{display:block;padding:9px 12px;border-radius:4px;color:#6b7280;font:400 13px/1.35 var(--gh-ui);text-decoration:none;transition:color .15s ease,background-color .15s ease}
.gh-nav__dropdown a:hover,.gh-nav__dropdown a:focus-visible{background:#f9f8f6;color:var(--gh-ink)}
.gh-nav__right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.gh-nav__translate{display:flex;align-items:center;min-height:34px}
.gh-nav__translate .gt_switcher_wrapper,.gh-nav__translate .gtranslate_wrapper,.gh-nav__translate .google-translator{position:static!important;display:flex!important;align-items:center!important}
.gh-nav__translate select{width:auto!important;min-width:74px!important;height:34px!important;margin:0!important;padding:0 24px 0 9px!important;border:1px solid var(--gh-line)!important;border-radius:4px!important;background-color:#fff!important;box-shadow:none!important;color:var(--gh-muted)!important;font:500 12px/1 var(--gh-ui)!important}
.gh-nav__translate a{color:var(--gh-muted);font:500 12px/1 var(--gh-ui);text-decoration:none}
.gh-nav__translate .glink,.gh-nav__translate a.glink,.gh-nav__translate .gt-current-lang{display:inline-flex!important;align-items:center!important;margin:0 0 0 8px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--gh-muted)!important;font:500 11px/1 var(--gh-ui)!important;letter-spacing:.08em!important;text-decoration:none!important;text-transform:uppercase!important}
.gh-nav__translate .glink:first-child,.gh-nav__translate a.glink:first-child{margin-left:0!important}
.gh-nav__translate .glink:hover,.gh-nav__translate .glink:focus,.gh-nav__translate .glink:active{background:transparent!important;color:var(--gh-green)!important}
.gh-nav__translate .glink img,.gh-nav__translate img{display:none!important}
.gh-nav__translate .gt-current-lang{color:var(--gh-green)!important;font-weight:600!important}
.gh-nav__cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:4px;background:var(--gh-green);color:#fff;font:500 13px/1 var(--gh-ui);text-decoration:none;white-space:nowrap;transition:background-color .15s ease}
.gh-nav__cta:hover,.gh-nav__cta:focus-visible{background:var(--gh-green-2);color:#fff}
.gh-nav__burger{display:none;align-items:center;justify-content:center;flex-direction:column;width:48px;height:38px;padding:0!important;gap:5px;border:1px solid var(--gh-line)!important;border-radius:999px;background:#fff!important;box-shadow:none!important;color:var(--gh-ink)!important;outline:0;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.gh-nav__burger:hover,.gh-nav__burger:active{border-color:var(--gh-green-line)!important;background:#fff!important;box-shadow:0 2px 8px rgba(20,28,23,.1)!important;color:var(--gh-green)!important}
.gh-nav__burger:focus{border-color:var(--gh-green-line)!important;background:#fff!important;color:var(--gh-green)!important}
.gh-nav__burger:focus-visible{outline:2px solid var(--gh-green-3)!important;outline-offset:2px}
body .gh-site-header .gh-nav button.gh-nav__burger,body .gh-site-header .gh-nav button.gh-nav__burger:not(:hover):not(:active):not(.has-background){min-width:48px!important;min-height:38px!important;width:48px!important;height:38px!important;padding:0!important;border:1px solid var(--gh-line)!important;border-radius:999px!important;background:#fff!important;background-color:#fff!important;background-image:none!important;box-shadow:none!important;color:var(--gh-ink)!important}
body .gh-site-header .gh-nav button.gh-nav__burger:hover,body .gh-site-header .gh-nav button.gh-nav__burger:active,body .gh-site-header .gh-nav button.gh-nav__burger:focus{border-color:var(--gh-green-line)!important;background:#fff!important;background-color:#fff!important;background-image:none!important;box-shadow:0 2px 8px rgba(20,28,23,.1)!important;color:var(--gh-green)!important}
body .gh-site-header .gh-nav button.gh-nav__burger span{background:currentColor!important}
.gh-nav__burger span{display:block;width:18px;height:1.5px;border-radius:2px;background:var(--gh-ink);transition:transform .22s ease,opacity .22s ease}
.gh-nav__overlay{position:fixed;inset:0;display:none;background:rgba(20,28,23,.18);z-index:1}
.gh-nav__drawer{position:fixed;top:72px;right:16px;display:flex;visibility:hidden;flex-direction:column;width:min(300px,calc(100vw - 32px));overflow:hidden;border:1px solid rgba(20,28,23,.08);border-radius:4px;background:#fff;box-shadow:0 12px 32px rgba(20,28,23,.14);opacity:0;transform:translateY(-8px);z-index:2;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.gh-nav__drawer-item{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 18px;border:0;border-bottom:1px solid #f1f0ec;border-radius:0;background:#fff;color:var(--gh-ink);font:500 14px/1.3 var(--gh-ui);text-align:left;text-decoration:none;cursor:pointer}
.gh-nav__drawer-item:hover,.gh-nav__drawer-item:focus-visible{background:#f9f8f6;color:var(--gh-ink)}
.gh-nav__drawer-item[aria-expanded="true"] svg{transform:rotate(180deg)}
.gh-nav__drawer-sub{display:none;border-bottom:1px solid #f1f0ec;background:#fafafa}
.gh-nav__drawer-sub.is-open{display:block}
.gh-nav__drawer-sub a{display:block;padding:11px 28px;border-bottom:1px solid #f0f0f0;color:#6b7280;font:400 13px/1.3 var(--gh-ui);text-decoration:none}
.gh-nav__drawer-sub a:last-child{border-bottom:0}
.gh-nav__drawer-sub a:hover,.gh-nav__drawer-sub a:focus-visible{background:#f2f2f2;color:var(--gh-ink)}
.gh-nav__drawer-translate{padding:12px 18px;border-bottom:1px solid #f1f0ec;background:#fff}
.gh-nav__drawer-translate .gt_switcher_wrapper,.gh-nav__drawer-translate .gtranslate_wrapper,.gh-nav__drawer-translate .google-translator{position:static!important;display:block!important}
.gh-nav__drawer-translate select{width:100%!important;height:40px!important;margin:0!important;border:1px solid var(--gh-line)!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important;color:var(--gh-ink)!important;font:500 13px/1 var(--gh-ui)!important}
.gh-nav__drawer-translate .gh-nav__translate{justify-content:flex-start;min-height:28px}
.gh-nav__drawer-cta{padding:12px 16px}
.gh-nav__drawer-cta a{display:flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:4px;background:var(--gh-green);color:#fff;font:500 13px/1 var(--gh-ui);text-decoration:none}
.gh-nav__drawer-cta a:hover,.gh-nav__drawer-cta a:focus-visible{background:var(--gh-green-2);color:#fff}
.gh-site-header.is-menu-open .gh-nav__overlay{display:block}
.gh-site-header.is-menu-open .gh-nav__drawer{visibility:visible;opacity:1;transform:translateY(0)}
.gh-site-header.is-menu-open .gh-nav__burger span:first-child{transform:translateY(6.5px) rotate(45deg)}
.gh-site-header.is-menu-open .gh-nav__burger span:nth-child(2){opacity:0}
.gh-site-header.is-menu-open .gh-nav__burger span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
html.gh-menu-open{overflow:hidden}

body.admin-bar .gh-nav__drawer{top:104px}
body.admin-bar .gh-site-header{top:32px}

@media (max-width:900px){
	.gh-nav__links,.gh-nav__right{display:none}
	.gh-nav__burger{display:flex}
}

@media (max-width:782px){body.admin-bar .gh-site-header{top:46px}body.admin-bar .gh-nav__drawer{top:118px}}

@media (prefers-reduced-motion:reduce){.gh-nav__dropdown,.gh-nav__drawer,.gh-nav__burger span{transition:none}}

@media (max-width: 640px) {
	:root { --gh-page-gutter: 16px; }
}