.form-label {
	font-family: Montserrat;
}
/* warna h1 untuk halaman Work With Us */
h1.art-h2.art-page-title {
    color: #545B42 !important;
}
/* hapus semua link elementor */
.elementor-icon-list-items .elementor-icon-list-text a {
    text-decoration: none !important;
    box-shadow: none !important; /* hapus garis bawah dari box-shadow */
    border: none !important;     /* hapus garis bawah dari border-bottom */
}

/* hilangkan underline khusus pada link telepon, WA, dan email di all website */
a[href^="tel:"], 
a[href^="https://wa.me/"], 
a[href^="mailto:"] {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* warna link tidak berubah) */
.elementor-icon-list-items .elementor-icon-list-text a {
    color: inherit !important;
}


.elementor-icon-list-items .day-name {
	min-width: 130px;
  display: inline-block;
}

/* Container styling */
.amo-contact-form {
    max-width: 100%;
}

/* Layouting Columns */
.amo-row {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.amo-col {
    flex: 1;
}

.amo-col-full {
    width: 100%;
}

/* Input & Textarea Styling */
.amo-contact-form input[type="text"],
.amo-contact-form input[type="email"],
.amo-contact-form textarea {
    width: 100%;
    background-color: #e9e8de; /* Warna cream input */
    border: 1px solid #7a7e71; /* Warna border tipis */
    border-radius: 20px;       /* Membuat sudut bulat */
    padding: 12px 20px;
    color: #545B42;
    font-size: 14px;
    box-sizing: border-box;
}

.amo-contact-form textarea {
    height: 150px;
    border-radius: 15px;
}

.amo-submit-container {
    text-align: right;
}

.amo-contact-form input[type="submit"] {
    background-color: #545B42;
    color: #ffffff;
    border: none;
    padding: 10px 40px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    transition: opacity 0.3s;
}

.amo-contact-form input[type="submit"]:hover {
    opacity: 0.9;
}
.art-hero-header-top h1 a:hover {
	zoom: 1.3;
}
.art-hero-header-wrapper {
	height: 100vh!important;
}
.how-to-spa-box {
	background: white;
	border: 1px solid #E8E3D9;
	padding: 25px 30px;
	border-radius:4px;
	margin-bottom: 15px;
	position: relative;
}
.how-to-spa-box.warning {
	background: #F5EDD9;
	border: 1px solid rgba(184,151,90,0.25);
}
.how-to-spa-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--sage);
    opacity: 0;
    transition: opacity 0.3s ease;
	background: #B8975A;
}
.how-to-spa-box:hover::before {
    opacity: 1;
}
.how-to-spa-box h5 {
	text-transform: uppercase;
}
.how-to-spa-box.warning h5 {
	color: #B8975A;
}
.text-gold {
	color: #B8975A;
}
.button-icon i.fa:not(.fas) {
	font-size: 20px !important;
  margin-right: 15px;
	font: normal normal normal 20px / 1 FontAwesome !important;
}
.img-logotype {
	min-height: 50px;
}
.shop-cart-icon {
	min-height: 25px;
}
.shop-cart-icon {
	min-height: 25px;
}
.art-header-one-content .shop-cart-icon.shop-cart-icon-light {
	display: inline-block;
}
.art-header-one-content .shop-cart-icon.shop-cart-icon-dark {
	display: none;
}
.art-header-one-content.art-sticky .shop-cart-icon.shop-cart-icon-light, .art--header.art-header-one.art-dark-header-text .shop-cart-icon.shop-cart-icon-light, .art--header:hover .shop-cart-icon.shop-cart-icon-light {
	display: none;
}
.art-header-one-content.art-sticky .shop-cart-icon.shop-cart-icon-dark, .art--header.art-header-one.art-dark-header-text .shop-cart-icon.shop-cart-icon-dark, .art--header:hover .shop-cart-icon.shop-cart-icon-dark {
	display: inline-block;
}
.art--header.art-header-one .art-header-one-content {
	background: rgb(84 91 66 / 70%);
}
.art--header.art-header-one.art-dark-header-text .art-header-one-content {
	background: white;
}
.main-wrapper {
        display: flex;
        justify-content: space-between; /* Memastikan sidebar di kanan */
        align-items: flex-start;
        position: relative;
    }
@media (max-width: 1240px) {
	header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .right-content .center-content, header.art-header-one .art-header-one-content .art-navigation-container .center-content {
		display: block!important;
	}
	.our-space-menu, .whats-going-on {
		display: none!important;
	}
}
    @media (max-width: 1023px) {
        .main-wrapper {
            display: block; /* Stack vertikal di mobile */
        }
        .sidebar-amo {
            width: 100% !important;
            position: relative !important;
            top: 0 !important;
        }
    }
.get-apps-container {
	justify-content: center;
}

.get-apps-container img {
	max-width: 130px;
}
.tabs-faq ul > li {
	list-style-position: inside!important;
}
.tabs-faq .accordion.art-heading-seven .service-name {
	text-transform: uppercase;
}
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] {
	background: transparent;
}
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover, .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
	background: transparent;
	color: #545B42;
}
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover, .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
	background: transparent;
	color: #000;
	border-bottom: 2px solid #000;
}
.elementor-4198 .elementor-element.elementor-element-1047e97.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4198 .elementor-element.elementor-element-1047e97.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover {
	background: #525C3E;
	color: #fff;
	border: 1px solid #525C3E;
}
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover, .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
	border: none;
}
.accordion-product-container .panel .panel-data, .art-accordion-menu-info .panel .panel-data, .art-service-container .panel .panel-data {
	font-weight: 500;
}
.form-control {
	font-weight: 500!important;
}
.show-on-mobile {
	display: none;
}
header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .hamburger-inner, header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .hamburger-inner::after, header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .hamburger-inner::before {
	background-color: #545b42;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	background-color: white!important;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	background-color: white!important;
}
.art-header-one-content.art-sticky .hamburger-inner, .art-header-one-content.art-sticky .hamburger-inner::before, .art-header-one-content.art-sticky .hamburger-inner::after, .art-dark-header-text .hamburger-inner, .art-dark-header-text .hamburger-inner::before, .art-dark-header-text .hamburger-inner::after {
	background-color: #545b42!important;
}

.hamburger {
  padding: 7px 0 4px 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.05s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger-box {
  width: 20px;
  height: 15px; /* (1px * 3) + (6px * 2) */
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -0.5px;
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
  width: 20px;
  height: 1px;
  background-color: #444;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, 
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -7px; /* (6px spacing + 1px height) * -1 */
}

.hamburger-inner::after {
  bottom: -7px;
}

/* 
 * Collapse (Left-side feel)
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* Active State */
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.art--header.art-menu-open .info_block_hamburger {
	position: fixed;
  left: 22px;
  top: 12px;
}
footer .footer-widget-area .widget .wp-block-heading {
	font-size: 18px;
}
@media (max-width: 1240px) {
	.show-on-mobile {
		display: inline-flex;
	}
	header .book-now, header .buy-voucher {
		display: none;
	}
	#shoping-cart-link {
		margin-bottom: 7px;
		margin-right: 15px;
	}
	.center-content, .right-content {
		min-width: 40px!important;
	}
}
@media (max-width: 1199px) {
footer.art-main-footer .footer-widget-area.art-footer-first-column, footer.art-main-footer .footer-widget-area.art-footer-second-column, footer.art-main-footer .footer-widget-area.art-footer-third-column {
		flex: 0 0 33%;
    max-width: 33%;
	}
}
.amo-container {
		padding-left: 15px;
		padding-right: 15px;
	}
.elementor-widget-text-editor ul {
	padding-left: 20px;
}
.category-list {
	list-style: none;
}
@media (max-width: 767px) {
footer.art-main-footer .footer-widget-area.art-footer-first-column, footer.art-main-footer .footer-widget-area.art-footer-second-column, footer.art-main-footer .footer-widget-area.art-footer-third-column {
		flex: 0 0 100%;
    max-width: 100%;
	}
	.img-logotype {
		min-height: 30px;
	}
	.amo-row {
		flex-direction: column;
		gap: 15px;
	}
	.elementor-column-gap-default>.elementor-column>.elementor-element-populated, .amo-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.art-hero-header-beauty-additional.art-second-bg {
		display: none;
	}
	.content-area .sidebar-amo {
		width: 100%!important;
	}
}
.art-hero-header-beauty .art-hero-header-wrapper .art-hero-header-top .art-hero-buttons {
	display: none;
}
@media (max-width: 767px) {
    header.art-header-one .art-header-one-content .art-navigation-container .left-content .art--logo-container {
        display: flex;
        justify-content: center;
    }
	.art-hero-header-beauty .art-hero-header-wrapper .art-hero-header-top .art-hero-buttons {
		display: flex;
	}
	.art-hero-header-beauty .art-hero-header-wrapper .art-hero-header-top .art-hero-buttons .art-button {
		text-transform: inherit;
		letter-spacing: inherit;
	}
}
