@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Outfit:wght@300;400;600;700&display=swap');

:root {
    --primary-color: #357748;
    --secondary-color: #9db668;
    --text-color: #333333;
    --bg-color: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.3);
    --transition-speed: 0.3s;
}

body {
    font-family: 'Inter', sans-serif !important;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100% !important;
}

/* Full Width Layout */
#wrapper, #main, .avada-row, .header-wrapper, #header, #footer, .footer-area {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    box-sizing: border-box !important;
}

#content {
    width: 100% !important;
}

/* Typography Modernization */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
}

/* Glassmorphism */
#header, .sticky-header, #nav ul ul, .fusion-megamenu-wrapper {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid var(--glass-border) !important;
}

.content-box-column .content-wrapper, .reading-box {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(5px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    transition: transform var(--transition-speed), box-shadow var(--transition-speed) !important;
}

.content-box-column .content-wrapper:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Micro-animations */
a, button, .button, .fusion-button, input[type="submit"] {
    transition: all var(--transition-speed) ease-in-out !important;
}

a:hover {
    opacity: 0.8 !important;
    text-decoration: none !important;
}

/* Button Modernization */
.button-default, .button.default, .wpcf7-submit, input[type="submit"] {
    border-radius: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
}

/* Footer Fixes */
.footer-area {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.copyright {
    font-size: 0.9em !important;
    opacity: 0.8 !important;
}

/* Banner Fixes */
.tp-banner-container, .rev_slider_wrapper, .tp-simpleresponsive, .fullwidthbanner-container {
    background-color: #1a1a1a !important; /* Fix red/white background */
    background-image: none !important;
}

/* Force Arrows Visibility and Design */
.tp-leftarrow.default, .tp-rightarrow.default {
    width: 50px !important;
    height: 50px !important;
    background: rgba(0,0,0,0.6) !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    z-index: 100 !important;
}

.tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
    background: var(--primary-color) !important;
    transform: scale(1.1);
}

.tp-leftarrow.default:before {
    content: '\f104' !important; /* FontAwesome angle-left */
    font-family: 'FontAwesome' !important;
    color: white !important;
    font-size: 32px !important;
    line-height: 50px !important;
    display: block !important;
}

.tp-rightarrow.default:before {
    content: '\f105' !important; /* FontAwesome angle-right */
    font-family: 'FontAwesome' !important;
    color: white !important;
    font-size: 32px !important;
    line-height: 50px !important;
    display: block !important;
}

/* Fix for missing icomoon font in style.css */
[class^="fusionicon-"], [class*=" fusionicon-"] {
    font-family: 'icomoon' !important;
}

/* Fix for missing shadows and other technical images */
.tp-bannershadow, .tp-loader { display: none !important; }
img[src*="transparent.png"] { opacity: 0 !important; }
