/* =====================================================
   CUSTOM FONTS - OKURLAR GLOBAL
   Font loading optimized for speed and SEO
   ===================================================== */

/* Font Face Declarations - Optika Font Family */

/* Optika Light - 300 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Optika Light Italic - 300 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Optika Regular - 400 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Optika Italic - 400 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Optika Medium - 500 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Optika Medium Italic - 500 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Optika SemiBold - 600 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Optika SemiBold Italic - 600 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Optika Bold - 700 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Optika Bold Italic - 700 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Optika Black - 900 */
@font-face {
    font-family: 'Optika';
    src: url('../fonts/TTF/Optika-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Global Font Application */
:root {
    --primary-font: 'Optika', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --system-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Base typography - Make Optika the default font for the entire site */
html,
body, 
.site,
.main-navigation,
.primary-menu,
.main-nav,
* {
    font-family: var(--primary-font) !important;
}

/* Headings with appropriate weights */
h1, h2, h3, h4, h5, h6,
.site-title,
.footer-title,
.hero-title,
.hero-eyebrow,
.hero-subtitle,
.title-line-1,
.title-line-2,
.about-banner-title,
.contact-banner-title,
.certificates-banner-title,
.shop-banner-title,
.contact-section-title,
.office-title {
    font-family: var(--primary-font) !important;
    font-weight: 600 !important; /* SemiBold */
}

/* Large titles - use Bold */
.hero-title,
.about-banner-title,
.contact-banner-title,
.certificates-banner-title,
.shop-banner-title {
    font-weight: 700 !important; /* Bold */
}

/* Body text and content */
p, 
.about-content-wrapper,
.certificates-content-wrapper,
.contact-info,
.product-title,
.product-category,
.footer-value,
.footer-address,
.hero-description,
.feature-card p,
.feature-card h3,
div,
span,
td,
th,
li {
    font-family: var(--primary-font) !important;
    font-weight: 400 !important; /* Regular */
}

/* Buttons and UI elements - Medium weight */
button,
.btn,
.btn-call,
.btn-quote,
.contact-form-btn,
.wpcf7-submit,
input[type="submit"],
.page-btn,
.quick-view-btn,
.add-to-cart-btn,
.banner-category {
    font-family: var(--primary-font) !important;
    font-weight: 500 !important; /* Medium */
}

/* Navigation - Medium weight */
.primary-menu a,
.main-nav a,
.footer-menu-list a,
.top-contact-bar,
.breadcrumb-nav {
    font-family: var(--primary-font) !important;
    font-weight: 500 !important; /* Medium */
}

/* Form elements */
input,
textarea,
select,
.search-field,
.wpcf7-form-control {
    font-family: var(--primary-font) !important;
    font-weight: 400 !important; /* Regular */
}

/* Small text - Light weight */
.product-category,
.breadcrumb-item,
.pagination-info,
.footer-item,
small {
    font-family: var(--primary-font) !important;
    font-weight: 300 !important; /* Light */
}

/* Price and important text - SemiBold */
.price-amount,
.products-showing,
.contact-item .contact-icon,
.category-count {
    font-family: var(--primary-font) !important;
    font-weight: 600 !important; /* SemiBold */
}

/* Font Loading Optimization */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

/* Fallback for unsupported browsers */
.no-fontface body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}