/*
Theme Name: Flatsome Child
Template: flatsome
Version: 1.0.4
Text Domain: flatsome-child
*/

@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&display=swap');

/* Base */
body, html {
    background-color: #071B04 !important;
    font-family: 'Bai Jamjuree', sans-serif !important;
    color: #fff !important;
}
html {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top center !important;
    background-attachment: fixed !important;
}
p, li, td, th, span, div, label { font-family: 'Bai Jamjuree', sans-serif; }
h1, h2, h3, h4, h5, h6 {
    font-family: 'Bai Jamjuree', sans-serif !important;
    color: #D4AF37 !important;
    font-weight: 700;
}
a { color: #C8A000; text-decoration: none; }
a:hover, a:focus { color: #fff; text-decoration: none; }

/* Layout */
#wrapper, .main-container, .site-main, .page-content, .entry-content, .post-content { background-color: transparent; }
.row { background-color: transparent; }
.col-inner { color: #fff; }

/* Header */
.header-wrapper, .header-main { background: #040F02 !important; border-bottom: 1px solid rgba(255,255,255,0.1); }
.nav > li > a, #main-nav .nav > li > a { color: #fff !important; font-family: 'Bai Jamjuree', sans-serif !important; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; }
.nav > li > a:hover, #main-nav .nav > li > a:hover { color: #CC0000 !important; }
.dropdown-menu { background: #0A2006 !important; border: 1px solid rgba(200,160,0,0.4); }
.dropdown-menu a { color: #fff !important; }

/* Tables */
table { width: 100%; border-collapse: collapse; color: #fff; margin: 20px 0; }
table th { background: rgba(200,160,0,0.3) !important; color: #D4AF37 !important; padding: 12px 15px; text-align: left; font-weight: 700; border: 1px solid rgba(200,160,0,0.4); }
table td { background: rgba(255,255,255,0.05); color: #fff; padding: 10px 15px; border: 1px solid rgba(255,255,255,0.1); vertical-align: top; }
table tr:hover td { background: rgba(200,160,0,0.1); }


/* Buttons */
.button.primary, .button-primary, a.button { background: linear-gradient(135deg, #CC0000, #8B0000) !important; color: #fff !important; border-radius: 30px; padding: 14px 35px; font-family: 'Bai Jamjuree', sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; border: none; display: inline-block; }
.button.primary:hover, a.button:hover { background: linear-gradient(135deg, #E60000, #AA0000) !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(204,0,0,0.4); color: #fff !important; }

/* Footer */
.footer-1, .footer-2, footer { background-color: #040F02 !important; border-top: 1px solid rgba(200,160,0,0.3) !important; color: #ddd; }
.footer-1 h3, .footer-1 h4, .footer-2 h3, .footer-2 h4 { color: #D4AF37 !important; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }
.footer-1 a, .footer-2 a { color: #C8A000 !important; }
.footer-1 a:hover, .footer-2 a:hover { color: #fff !important; }
.absolute-footer { background-color: #020800 !important; color: #666; font-size: 12px; }

/* Top bar - HIDE */
#top-bar, .top-bar, .header-top { display: none !important; }

/* Content padding */
.col-inner { padding: 15px; }

/* Scroll box */
.scroll-box { height: 700px; overflow-y: auto; padding: 24px; border: 1px solid rgba(200,160,0,0.3); border-radius: 6px; background: rgba(255,255,255,0.02); }
.scroll-box::-webkit-scrollbar { width: 8px; }
.scroll-box::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 4px; }
.scroll-box::-webkit-scrollbar-thumb { background: rgba(200,160,0,0.5); border-radius: 4px; }

/* Responsive */
@media (max-width: 768px) {
    h1 { font-size: 1.6rem !important; }
    h2 { font-size: 1.3rem !important; }
}