/*
 Theme Name: Flatsome Child (Lan Sabai)
 Theme URI: https://www.lansabai.com/
 Description: Child theme for Flatsome, customised for Lan Sabai Retreat.
 Author: Lan Sabai / Neil
 Template: flatsome
 Version: 1.2.0
 Text Domain: flatsome-child
*/

/* ------------------------------------------------------------
   Custom Web Font – LaLuxeScript
------------------------------------------------------------ */
@font-face {
    font-family: 'LaLuxeScript';
    src: url('fonts/laluxesscript-webfont.woff2') format('woff2'),
         url('fonts/laluxesscript-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ------------------------------------------------------------
   Script Heading (default & shared styles)
------------------------------------------------------------ */
.ls-script-heading {
    font-family: 'LaLuxeScript', cursive;
    line-height: 1.1;
    letter-spacing: 0.3px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 5.6em;
}

/* Override Flatsome typography for heading tags */
body h1.ls-script-heading,
body h2.ls-script-heading,
body h3.ls-script-heading {
    font-size: 5.6em;
    font-weight: 400;
}

/* Optional mobile adjustment */
@media (max-width: 600px) {
    .ls-script-heading {
        font-size: 2.5em;
    }
}

/* Reduce default H2 size in body content */
body h2 {
    font-size: 1.4em; 
}

/* ------------------------------------------------------------
   Buttons: unified font
------------------------------------------------------------ */
button,
.button,
a.button,
.ux-btn,
.ux_button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    font-family: inherit !important;
    font-weight: inherit !important;
    border-radius: 5px !important;
}

/* ------------------------------------------------------------
   Header dropdown styling
------------------------------------------------------------ */
.header-nav .nav-dropdown {
    min-width: 300px;
    width: max-content;
    white-space: nowrap;
    transition: width 0.3s ease, opacity 0.3s ease;
    overflow: visible;
    opacity: 0;
    visibility: hidden;
}

.header-nav li:hover > .nav-dropdown,
.header-nav li.focus > .nav-dropdown {
    opacity: 1;
    visibility: visible;
}

.header-nav .nav-dropdown li a {
    white-space: nowrap;
}

/* ------------------------------------------------------------
   Banner / Page banner headings
------------------------------------------------------------ */
.banner h1,
.banner h2,
.banner * h1,
.banner * h2,
.page-banner h1,
.page-banner h2,
.page-banner * h1,
.page-banner * h2,
.banner h1[style],
.banner h2[style],
.page-banner h1[style],
.page-banner h2[style] {
    font-family: 'LaLuxeScript', cursive !important;
    font-size: 5.6em !important;
    line-height: 1.1 !important;
    letter-spacing: 0.3px !important;
    font-weight: 400 !important;           
    font-variation-settings: "wght" 400 !important; 
    text-transform: none !important;       
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}

.banner, .page-banner,
.banner *, .page-banner * {
    font-weight: normal !important;
    text-transform: none !important;
}

/* Mobile size adjustments */
@media (max-width: 600px) {
    .banner h1,
    .banner h2,
    .banner * h1,
    .banner * h2,
    .page-banner h1,
    .page-banner h2,
    .page-banner * h1,
    .page-banner * h2 {
        font-size: 2.5em !important;
    }
}

/* --------------------------------------------------
   Lan Sabai testimonial styling
   Cocoa background + soft gold stars
   -------------------------------------------------- */

/* --- Card background --- 
.testimonial {
    background-color: #ede6df; /* soft cocoa */
    padding: 3rem 3.5rem;
    border-radius: 18px;
    box-shadow: none;
}
*/

/* Center everything */
.testimonial,
.testimonials,
.testimonials-slider {
    text-align: center;
}

/* --- Quote text --- */
.testimonial-text {
    font-size: 1.4rem;
    line-height: 1.6;
    font-style: italic;
    max-width: 760px;
    margin: 0 auto;
    color: rgba(60, 48, 38, 0.85); /* warm dark brown */
}

/* --- Author --- */
.testimonial-name {
    margin-top: 1.75rem;
    font-weight: 500;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    color: rgba(60, 48, 38, 0.9);
}

.testimonial-company,
.testimonial-role {
    font-size: 0.85rem;
    opacity: 0.6;
    color: rgba(60, 48, 38, 0.75);
}

/* --- Stars: subtle and refined --- */
.star-rating,
.testimonial-stars {
    margin-top: 1.25rem;
    font-size: 0.85rem;
    opacity: 0.55;
}

.star-rating span::before {
    color: #c6a663; /* gold from navigation hover */
}

/* --- Remove avatar imagery --- */
.testimonial-avatar,
.testimonial-image {
    display: none !important;
}

/* --- Mobile adjustments --- */
@media (max-width: 768px) {
    .testimonial {
        padding: 2rem 2rem;
    }

    .testimonial-text {
        font-size: 1.2rem;
    }
}