/*
Theme Name: Godzilla Nutrition
Theme URI: https://godzillanutrition.com
Author: Ahmed AbdelNasser
Author URI: https://ahmedabdnasser.com
Description: A custom WooCommerce theme for supplements and nutrition products with Tap payment integration, multi-branch support, and live cart updates
Version: 1.0.1
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: godzillanutrition-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, e-commerce, supplements, nutrition, rtl-language-support
WooCommerce requires at least: 7.0
WooCommerce tested up to: 8.5
*/

/* =WordPress Core
-------------------------------------------------------------- */

/**
 * Godzilla Nutrition Theme - Complete Fonts CSS
 * This file ensures all fonts are properly loaded and available
 * 
 * Usage: Save this as 'fonts.css' in your theme's /assets/css/ directory
 * Then enqueue it in your functions.php
 */

/* ==========================================================================
   Google Fonts Import - All Theme Font Options
   ========================================================================== */
   
/* NOTE: @import statements removed for performance - fonts are now loaded via functions.php
   This prevents render-blocking and improves First Contentful Paint (FCP) and Largest Contentful Paint (LCP)
   Fonts are loaded asynchronously with font-display: swap for better performance
*/

/* ==========================================================================
   Font Face Declarations for Local Fonts (If Needed)
   ========================================================================== */

/* Example: Custom Brand Font
@font-face {
    font-family: 'Godzilla Nutrition Brand';
    src: url('../fonts/godzillanutrition-brand.woff2') format('woff2'),
         url('../fonts/godzillanutrition-brand.woff') format('woff'),
         url('../fonts/godzillanutrition-brand.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/

/* ==========================================================================
   Font Classes - Utility Classes for Quick Font Application
   ========================================================================== */

/* Primary Font Classes */
.font-cairo { font-family: 'Cairo', sans-serif !important; }
.font-tajawal { font-family: 'Tajawal', sans-serif !important; }
.font-almarai { font-family: 'Almarai', sans-serif !important; }
.font-amiri { font-family: 'Amiri', serif !important; }
.font-open-sans { font-family: 'Open Sans', sans-serif !important; }
.font-noto-kufi { font-family: 'Noto Kufi Arabic', sans-serif !important; }
.font-lateef { font-family: 'Lateef', serif !important; }
.font-markazi { font-family: 'Markazi Text', serif !important; }

/* Font Weight Classes */
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-normal { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-bold { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

/* Font Size Classes */
.fs-xs { font-size: 0.75rem !important; }     /* 12px */
.fs-sm { font-size: 0.875rem !important; }    /* 14px */
.fs-base { font-size: 1rem !important; }      /* 16px */
.fs-lg { font-size: 1.125rem !important; }    /* 18px */
.fs-xl { font-size: 1.25rem !important; }     /* 20px */
.fs-2xl { font-size: 1.5rem !important; }     /* 24px */
.fs-3xl { font-size: 1.875rem !important; }   /* 30px */
.fs-4xl { font-size: 2.25rem !important; }    /* 36px */
.fs-5xl { font-size: 3rem !important; }       /* 48px */
.fs-6xl { font-size: 3.75rem !important; }    /* 60px */

/* Line Height Classes */
.lh-1 { line-height: 1 !important; }
.lh-tight { line-height: 1.2 !important; }
.lh-sm { line-height: 1.25 !important; }
.lh-normal { line-height: 1.5 !important; }
.lh-base { line-height: 1.6 !important; }
.lh-lg { line-height: 1.75 !important; }
.lh-relaxed { line-height: 1.8 !important; }
.lh-loose { line-height: 2 !important; }

/* Text Transform Classes */
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.text-normal-case { text-transform: none !important; }

/* Letter Spacing Classes */
.tracking-tighter { letter-spacing: -0.05em !important; }
.tracking-tight { letter-spacing: -0.025em !important; }
.tracking-normal { letter-spacing: 0 !important; }
.tracking-wide { letter-spacing: 0.025em !important; }
.tracking-wider { letter-spacing: 0.05em !important; }
.tracking-widest { letter-spacing: 0.1em !important; }

/* Font Style Classes */
.font-italic { font-style: italic !important; }
.font-normal { font-style: normal !important; }

/* Text Decoration Classes */
.text-decoration-none { text-decoration: none !important; }
.text-underline { text-decoration: underline !important; }
.text-line-through { text-decoration: line-through !important; }

/* ==========================================================================
   Font Stacks for Fallbacks
   ========================================================================== */

:root {
    /* Arabic Font Stacks */
    --font-stack-cairo: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-stack-tajawal: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-stack-almarai: 'Almarai', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-stack-amiri: 'Amiri', Georgia, 'Times New Roman', Times, serif;
    
    /* Latin Font Stacks */
    --font-stack-open-sans: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    
    /* System Font Stack */
    --font-stack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    
    /* Monospace Font Stack */
    --font-stack-mono: 'Courier New', Courier, 'Lucida Console', Monaco, monospace;
}

/* ==========================================================================
   RTL Support for Fonts
   ========================================================================== */

/* RTL Specific Font Adjustments */
[dir="rtl"] {
    /* Ensure proper font rendering for RTL */
    font-feature-settings: "kern" 1;
    text-rendering: optimizeLegibility;
}

/* RTL Font Size Adjustments (if needed) */
[dir="rtl"] .fs-xs { font-size: 0.8rem !important; }
[dir="rtl"] .fs-sm { font-size: 0.9rem !important; }
[dir="rtl"] .fs-base { font-size: 1.05rem !important; }

/* ==========================================================================
   Font Loading Optimization
   ========================================================================== */

/* Preload Critical Fonts */
.font-preload {
    font-display: swap;
}

/* Font Display Settings for Better Performance */
.font-cairo,
.font-tajawal,
.font-almarai,
.font-amiri,
.font-open-sans {
    font-display: swap;
}

/* ==========================================================================
   Responsive Font Sizes
   ========================================================================== */

/* Mobile First Responsive Typography */
@media (min-width: 640px) {
    .sm\:fs-xs { font-size: 0.75rem !important; }
    .sm\:fs-sm { font-size: 0.875rem !important; }
    .sm\:fs-base { font-size: 1rem !important; }
    .sm\:fs-lg { font-size: 1.125rem !important; }
    .sm\:fs-xl { font-size: 1.25rem !important; }
    .sm\:fs-2xl { font-size: 1.5rem !important; }
    .sm\:fs-3xl { font-size: 1.875rem !important; }
    .sm\:fs-4xl { font-size: 2.25rem !important; }
}

@media (min-width: 768px) {
    .md\:fs-xs { font-size: 0.75rem !important; }
    .md\:fs-sm { font-size: 0.875rem !important; }
    .md\:fs-base { font-size: 1rem !important; }
    .md\:fs-lg { font-size: 1.125rem !important; }
    .md\:fs-xl { font-size: 1.25rem !important; }
    .md\:fs-2xl { font-size: 1.5rem !important; }
    .md\:fs-3xl { font-size: 1.875rem !important; }
    .md\:fs-4xl { font-size: 2.25rem !important; }
    .md\:fs-5xl { font-size: 3rem !important; }
}

@media (min-width: 1024px) {
    .lg\:fs-xs { font-size: 0.75rem !important; }
    .lg\:fs-sm { font-size: 0.875rem !important; }
    .lg\:fs-base { font-size: 1rem !important; }
    .lg\:fs-lg { font-size: 1.125rem !important; }
    .lg\:fs-xl { font-size: 1.25rem !important; }
    .lg\:fs-2xl { font-size: 1.5rem !important; }
    .lg\:fs-3xl { font-size: 1.875rem !important; }
    .lg\:fs-4xl { font-size: 2.25rem !important; }
    .lg\:fs-5xl { font-size: 3rem !important; }
    .lg\:fs-6xl { font-size: 3.75rem !important; }
}

@media (min-width: 1280px) {
    .xl\:fs-xs { font-size: 0.75rem !important; }
    .xl\:fs-sm { font-size: 0.875rem !important; }
    .xl\:fs-base { font-size: 1rem !important; }
    .xl\:fs-lg { font-size: 1.125rem !important; }
    .xl\:fs-xl { font-size: 1.25rem !important; }
    .xl\:fs-2xl { font-size: 1.5rem !important; }
    .xl\:fs-3xl { font-size: 1.875rem !important; }
    .xl\:fs-4xl { font-size: 2.25rem !important; }
    .xl\:fs-5xl { font-size: 3rem !important; }
    .xl\:fs-6xl { font-size: 3.75rem !important; }
    .xl\:fs-7xl { font-size: 4.5rem !important; }
}

/* ==========================================================================
   Print Styles for Fonts
   ========================================================================== */

@media print {
    body {
        font-family: Georgia, serif;
        font-size: 12pt;
        line-height: 1.5;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: Helvetica, Arial, sans-serif;
        page-break-after: avoid;
    }
}

/* ==========================================================================
   Font Smoothing and Rendering
   ========================================================================== */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1, "liga" 1;
}

/* High DPI Screen Font Adjustments */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body {
        -webkit-font-smoothing: subpixel-antialiased;
    }
}