/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 14 2025 | 18:30:22 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.gform_wrapper.gravity-theme .gfield_required {
    color: #e92f06;
    display: inline-block;
    font-size: 20px;
    padding-inline-start: 0.125em;
}

legend {
    border-bottom: 0px solid #f1f1f1;
}



.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
padding-top: 0px;
}

/* Hide the original dropdown */
.gf-make-buttons select {
    display: none;
}

/* Container for the buttons */
.gf-make-buttons .button-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}

/* Individual button styling */
.gf-make-buttons .option-button {
    border: 1px solid #394150;
    padding: 9px;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 0; /* Square corners */
}

/* Hover state */
.gf-make-buttons .option-button:hover {
    background: #f5f5f5;
}

/* Selected state */
.gf-make-buttons .option-button.selected {
    background: #394150;
    color: white;
}

/* Non-clickable placeholder styling */
.gf-make-buttons .option-button.placeholder {
    opacity: 0.6;
    cursor: default;
    background: #f9f9f9;
	color: #394150;
}

.gf-make-buttons .option-button.placeholder:hover {
    background: #f9f9f9; /* No hover effect for placeholder */
}


.logo-left .logo {
    margin-left: 51px;
    margin-right: 30px;
}

/* Force header contact elements sizing */
.header-main .html.custom > div {
    display: flex !important;
    align-items: center !important;
    gap: 25px !important;
}

/* Phone number */
.header-main .html.custom a[href^="tel"] {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #fff !important;
    gap: 10px !important;
}

.header-main .html.custom a[href^="tel"] svg {
    width: 20px !important;
    height: 20px !important;
}

/* Separator */
.header-main .html.custom > div > span {
    font-size: 16px !important;
    opacity: 0.5;
}

/* WhatsApp */
.header-main .html.custom a[href*="wa.me"] {
    gap: 8px !important;
}

.header-main .html.custom a[href*="wa.me"] span {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.header-main .html.custom a[href*="wa.me"] svg {
    width: 22px !important;
    height: 22px !important;
}

/* Book button - exact Elementor match */
.header-main .html.custom a[href*="booking"] {
    font-family: "Source Sans 3", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: linear-gradient(to right, #fff 50%, #856B47 50%) !important;
    background-size: 201% 100% !important;
    background-position: 100% 100% !important;
    padding: 19.5px 42px !important;
    min-width: 283px !important;
    height: 58px !important;
    line-height: 19.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: all 0.4s ease !important;
    -webkit-font-smoothing: antialiased !important;
}

.header-main .html.custom a[href*="booking"]:hover {
    background-position: 0% 100% !important;
    color: #856B47 !important;
}
/* Ensure the header row has enough height */
.header-main .header-inner {
    min-height: 90px;
}


/* Nav bar links - match Elementor */
#wide-nav .header-bottom-nav .menu-item > a.nav-top-link {
    font-family: "Source Sans 3", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    line-height: 1.2em !important;
    color: #0A0A0A !important;
    padding: 0 !important;
    margin: 0 25px !important;
    letter-spacing: 0.5px !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Hover state */
#wide-nav .header-bottom-nav .menu-item > a.nav-top-link:hover {
    color: #A69060 !important;
}

/* Remove Flatsome default nav styling */
#wide-nav .header-bottom-nav .menu-item {
    margin: 0 !important;
}

/* Optional: adjust spacing between items */
#wide-nav .header-bottom-nav {
    gap: 10px;
}

/* Nav bar container styling if needed */
#wide-nav {
    border-bottom: 1px solid rgba(0,0,0,0.1); /* subtle separator */
}

#wide-nav .flex-row {
    min-height: 50px;
    align-items: center;
}