/*
Theme Name: Flatsome Child - Phuc Thanh Nam Dinh
Description: Flatsome Child Theme for Phuc Thanh Nam Dinh (Luxury Red & Gold Accent)
Author: CodyMaster
Template: flatsome
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../flatsome/style.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap");

/* Luxury Custom Styles */
:root {
    --primary-color: #8D1B1B !important;
    --secondary-color: #d4af37 !important;
    --luxury-gold: #d4af37;
    --luxury-red: #8D1B1B;
}

/* Luxury Typography overrides */
body, p, a, input, select, textarea {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .site-title, .nav > li > a {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
}

/* Premium Header styling */
#header {
    border-bottom: 2px solid var(--luxury-gold);
}

.nav > li > a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600 !important;
    transition: color 0.2s ease;
}

.nav > li > a:hover {
    color: var(--luxury-gold) !important;
}

/* Premium Goldbox outer container glow */
.gpm-goldbox-container-wrap {
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 15px 45px rgba(141, 27, 27, 0.12) !important;
    border-radius: 16px !important;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.gpm-goldbox-container-wrap:hover {
    box-shadow: 0 20px 55px rgba(141, 27, 27, 0.18) !important;
    transform: translateY(-2px);
}

/* Smooth zoom on images */
.ux-image {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.ux-image:hover {
    transform: scale(1.02);
}

/* Custom premium buttons */
.button.secondary, button.secondary, input[type='submit'].secondary {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, #aa7c11 100%) !important;
    border: none !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.15) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
    transition: all 0.3s ease !important;
}

.button.secondary:hover, button.secondary:hover, input[type='submit'].secondary:hover {
    background: linear-gradient(135deg, #f3c63f 0%, var(--luxury-gold) 100%) !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.45) !important;
    transform: translateY(-1px);
}

/* Custom primary buttons */
.button.primary, button.primary, input[type='submit'].primary {
    background: linear-gradient(135deg, var(--luxury-red) 0%, #b71c1c 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(141, 27, 27, 0.2) !important;
    transition: all 0.3s ease !important;
}

.button.primary:hover, button.primary:hover, input[type='submit'].primary:hover {
    background: linear-gradient(135deg, #a82525 0%, var(--luxury-red) 100%) !important;
    box-shadow: 0 6px 20px rgba(141, 27, 27, 0.35) !important;
    transform: translateY(-1px);
}

/* Hide default Flatsome footer components entirely */
.footer-wrapper, .footer-1, .footer-2, .absolute-footer, #footer {
    display: none !important;
}
#site-custom-footer {
    display: block !important;
}

/* Hide unused header newsletter link */
.header-newsletter-item {
    display: none !important;
}