/*
Theme Name: Flatsome Child
Description: Child theme for Flatsome - My Tho Garden
Author: UX-Themes / My Tho Garden
Template: flatsome
Version: 1.0.0
*/

/* Custom Fonts & Typography */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

/* Header styling */
.header-main {
    background-color: #ffffff !important;
    border-bottom: 1px solid #eef2f0;
}
.header-nav-main > li > a {
    color: #1a2e22 !important;
    font-weight: 600;
    font-size: 15px;
    text-transform: none;
    padding-left: 14px;
    padding-right: 14px;
}
.header-nav-main > li > a:hover {
    color: #06432c !important;
}
.header-button-1 .button {
    background-color: #06432c !important;
    border-color: #06432c !important;
    color: #ffffff !important;
    border-radius: 99px !important;
    font-weight: 700;
    padding: 8px 22px !important;
    font-size: 14px !important;
}
.header-button-1 .button:before {
    content: "📞 ";
    margin-right: 4px;
}

/* Hero Section & Slider */
.hero-main-slider {
    margin-bottom: 0 !important;
}
.hero-main-slider .flickity-prev-next-button {
    background: rgba(6, 67, 44, 0.45) !important;
    color: #ffffff !important;
    border-radius: 50%;
}
.hero-main-slider .flickity-prev-next-button:hover {
    background: #06432c !important;
}
.hero-main-slider .flickity-page-dots .dot {
    background: #ffffff !important;
    opacity: 0.6;
}
.hero-main-slider .flickity-page-dots .dot.is-selected {
    background: #f6c744 !important;
    opacity: 1;
    transform: scale(1.3);
}
.hero-floating-arrangement img {
    max-height: 460px;
    object-fit: contain;
    filter: drop-shadow(0 15px 30px rgba(0,0,0,0.35));
    animation: floatHero 4s ease-in-out infinite alternate;
}
@keyframes floatHero {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-10px); }
}
.hero-slide-event-img img {
    max-height: 420px;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    border: 3px solid rgba(255,255,255,0.9);
}

@media (max-width: 549px) {
    .hero-floating-arrangement img {
        max-height: 250px;
        margin-top: 15px;
    }
    .hero-slide-event-img img {
        max-height: 240px;
        margin-top: 15px;
    }
}

/* Footer Section */
.footer-wrapper {
    background-color: #06432c !important;
}
.mytho-footer-section {
    background-color: #06432c !important;
    color: #ffffff;
}
.mytho-footer-section a {
    transition: all 0.25s ease;
}
.mytho-footer-section a:hover {
    color: #f6c744 !important;
    padding-left: 4px;
}
.absolute-footer {
    background-color: #04301f !important;
    border-top: 1px solid rgba(255,255,255,0.08);
    color: #a3c2b2 !important;
    font-size: 13.5px;
    padding: 18px 0;
}

/* General Layout */
#content {
    padding-top: 0 !important;
}