/* Knockout Font Family - Global Integration */

/* Font Face Declarations */
@font-face {
    font-family: 'Knockout';
    src: url('../fonts/knockout/Knockout-28.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('../fonts/knockout/Knockout-29.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('../fonts/knockout/Knockout-30.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('../fonts/knockout/Knockout-31.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('../fonts/knockout/Knockout-32.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('../fonts/knockout/Knockout-50.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knockout';
    src: url('../fonts/knockout/Knockout-51.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Global Font Application */
:root {
    --knockout-font: 'Knockout', 'Arial Black', Arial, sans-serif;
}

/* Apply Knockout font globally to ALL elements */
*,
*::before,
*::after,
body,
html,
h1, h2, h3, h4, h5, h6,
p, span, div, a, button, label,
.gt-theme-btn,
.gt-section-title,
.gt-heading-title,
.navbar-nav .nav-link,
.navbar-nav,
.navbar,
.navbar *,
.gt-about-content,
.gt-service-content,
.gt-team-content,
.gt-blog-content,
.gt-footer-content,
.gt-footer-section,
.gt-footer-section *,
input, textarea, select,
.footer,
.footer *,
.widget,
.widget *,
.wp-block,
.wp-block *,
.elementor-widget,
.elementor-widget *,
.menu-item,
.menu-item *,
.social-links,
.social-links *,
.copyright,
.copyright * {
    font-family: 'Knockout', 'Arial Black', Arial, sans-serif !important;
}

/* Specific element overrides for better typography */
.gt-theme-btn {
    font-family: var(--knockout-font) !important;
    font-weight: 700;
    letter-spacing: 1px;
}

.gt-section-title h2,
.gt-heading-title h2 {
    font-family: var(--knockout-font) !important;
    font-weight: 800;
    letter-spacing: 2px;
}

.gt-section-title h6,
.gt-heading-title h6 {
    font-family: var(--knockout-font) !important;
    font-weight: 600;
    letter-spacing: 1px;
}

/* Navigation */
.navbar-nav .nav-link {
    font-family: var(--knockout-font) !important;
    font-weight: 600;
    letter-spacing: 1px;
}

/* Form elements */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    font-family: var(--knockout-font) !important;
    font-weight: 400;
}

/* Buttons */
button,
.btn,
.gt-theme-btn {
    font-family: var(--knockout-font) !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Headings with specific weights */
h1 { font-weight: 900; }
h2 { font-weight: 800; }
h3 { font-weight: 700; }
h4 { font-weight: 600; }
h5 { font-weight: 500; }
h6 { font-weight: 400; }

/* Body text */
body {
    font-weight: 400;
    line-height: 1.6;
}

/* Force Knockout font on all theme elements */
.gt-footer-section,
.gt-footer-section h1,
.gt-footer-section h2,
.gt-footer-section h3,
.gt-footer-section h4,
.gt-footer-section h5,
.gt-footer-section h6,
.gt-footer-section p,
.gt-footer-section span,
.gt-footer-section div,
.gt-footer-section a,
.gt-footer-section li,
.gt-footer-section ul,
.gt-footer-section ol,
.gt-footer-section .widget,
.gt-footer-section .widget-title,
.gt-footer-section .menu,
.gt-footer-section .menu-item,
.gt-footer-section .social-links,
.gt-footer-section .copyright {
    font-family: var(--knockout-font) !important;
}

/* Override any theme-specific font declarations */
[class*="gt-"],
[class*="xports-"],
[class*="elementor-"],
[class*="wp-"] {
    font-family: var(--knockout-font) !important;
}

/* Force override any inline styles or theme overrides */
[style*="font-family"],
[style*="fontFamily"] {
    font-family: var(--knockout-font) !important;
}

/* Override all hardcoded Chakra Petch font declarations */
[class*="Chakra Petch"],
*[style*="Chakra Petch"],
*[style*="chakra petch"] {
    font-family: var(--knockout-font) !important;
}

/* Final aggressive override - Force Knockout on everything */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family: var(--knockout-font) !important;
}

/* CRITICAL: Font Awesome icons - ALWAYS exclude from Knockout */
i[class*="fa-"],
i.fa, i.fa-solid, i.fa-regular, i.fa-brands,
i.fas, i.far, i.fab, i.fal, i.fad, i.fat,
span[class*="fa-"],
span.fa, span.fa-solid,
.fa, .fa-solid, .fa-regular, .fa-brands,
.fas, .far, .fab, .fal, .fad, .fat {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gt-section-title h2,
    .gt-heading-title h2 {
        font-size: 2.5rem;
        letter-spacing: 1px;
    }
    
    .gt-theme-btn {
        font-size: 14px;
        letter-spacing: 0.5px;
    }
}