/*
Theme Name: Growth Sheriff Theme
Theme URI: https://growthsheriff.com
Author: Growth Sheriff
Author URI: https://growthsheriff.com
Description: Modern, performans odaklı WordPress teması. Elementor widget entegrasyonu ile özel bileşenler içerir. 2026 WordPress 6.x ve Elementor 3.x+ standartlarına uygun.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: growthsheriff
Tags: elementor, custom-widgets, business, modern, fast

Growth Sheriff Theme - Tüm hakları saklıdır.
*/

/* ==========================================================================
   CSS Variables - Design Tokens (2026 Modern Approach)
   ========================================================================== */
:root {
    /* Primary Colors */
    --gs-primary: #6254E7;
    --gs-primary-light: #9289f1;
    --gs-primary-dark: #4a3db8;
    
    /* Secondary Colors */
    --gs-secondary: #F2295B;
    --gs-secondary-light: #ff5a7d;
    --gs-secondary-dark: #c91e47;
    
    /* Accent Colors */
    --gs-accent-orange: #ff7426;
    --gs-accent-purple: #9D00FF;
    
    /* Gradients */
    --gs-gradient-primary: linear-gradient(45deg, #ffe7fb, #ffe3a6);
    --gs-gradient-dark: linear-gradient(180deg, #9D00FF 0%, #000000 100%);
    --gs-gradient-accent: linear-gradient(135deg, #9289f1 0%, #fa9d4d 100%);
    
    /* Neutral Colors */
    --gs-white: #FFFFFF;
    --gs-black: #000000;
    --gs-gray-100: #f8f9fa;
    --gs-gray-200: #e9ecef;
    --gs-gray-300: #dee2e6;
    --gs-gray-400: #ced4da;
    --gs-gray-500: #adb5bd;
    --gs-gray-600: #6c757d;
    --gs-gray-700: #495057;
    --gs-gray-800: #343a40;
    --gs-gray-900: #212529;
    
    /* Typography */
    --gs-font-primary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --gs-font-secondary: 'Acumin Pro', 'Montserrat', sans-serif;
    
    /* Font Weights */
    --gs-fw-light: 300;
    --gs-fw-regular: 400;
    --gs-fw-medium: 500;
    --gs-fw-semibold: 600;
    --gs-fw-bold: 700;
    
    /* Font Sizes (Fluid Typography) */
    --gs-fs-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
    --gs-fs-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
    --gs-fs-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
    --gs-fs-lg: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
    --gs-fs-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
    --gs-fs-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);
    --gs-fs-3xl: clamp(2rem, 1.7rem + 1.5vw, 2.5rem);
    --gs-fs-4xl: clamp(2.5rem, 2rem + 2.5vw, 3.5rem);
    
    /* Spacing */
    --gs-space-xs: 0.25rem;
    --gs-space-sm: 0.5rem;
    --gs-space-md: 1rem;
    --gs-space-lg: 1.5rem;
    --gs-space-xl: 2rem;
    --gs-space-2xl: 3rem;
    --gs-space-3xl: 4rem;
    
    /* Border Radius */
    --gs-radius-sm: 5px;
    --gs-radius-md: 10px;
    --gs-radius-lg: 20px;
    --gs-radius-xl: 50px;
    --gs-radius-full: 50%;
    
    /* Shadows */
    --gs-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --gs-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --gs-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --gs-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    
    /* Transitions */
    --gs-transition-fast: 150ms ease;
    --gs-transition-base: 300ms ease;
    --gs-transition-slow: 500ms ease;
    
    /* Z-Index Scale */
    --gs-z-dropdown: 100;
    --gs-z-sticky: 200;
    --gs-z-fixed: 300;
    --gs-z-modal: 400;
    --gs-z-tooltip: 500;
}

/* ==========================================================================
   Base Styles
   ========================================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: var(--gs-font-primary);
    font-size: var(--gs-fs-base);
    font-weight: var(--gs-fw-regular);
    line-height: 1.6;
    color: var(--gs-gray-900);
    background-color: var(--gs-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: var(--gs-space-md);
    font-family: var(--gs-font-primary);
    font-weight: var(--gs-fw-bold);
    line-height: 1.2;
    color: var(--gs-gray-900);
}

h1 { font-size: var(--gs-fs-4xl); }
h2 { font-size: var(--gs-fs-3xl); }
h3 { font-size: var(--gs-fs-2xl); }
h4 { font-size: var(--gs-fs-xl); }
h5 { font-size: var(--gs-fs-lg); }
h6 { font-size: var(--gs-fs-base); }

p {
    margin-top: 0;
    margin-bottom: var(--gs-space-md);
}

a {
    color: var(--gs-primary);
    text-decoration: none;
    transition: color var(--gs-transition-fast);
}

a:hover {
    color: var(--gs-primary-dark);
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */
.gs-container {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: var(--gs-space-lg);
}

.gs-flex {
    display: flex;
}

.gs-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gs-grid {
    display: grid;
    gap: var(--gs-space-lg);
}

/* ==========================================================================
   WordPress Required Classes
   ========================================================================== */
.alignnone { margin: var(--gs-space-md) var(--gs-space-lg) var(--gs-space-lg) 0; }
.aligncenter { display: block; margin: var(--gs-space-md) auto; }
.alignright { float: right; margin: var(--gs-space-md) 0 var(--gs-space-lg) var(--gs-space-lg); }
.alignleft { float: left; margin: var(--gs-space-md) var(--gs-space-lg) var(--gs-space-lg) 0; }

.wp-caption { max-width: 100%; }
.wp-caption-text { text-align: center; font-size: var(--gs-fs-sm); color: var(--gs-gray-600); }

.sticky { /* Sticky post styles */ }
.gallery-caption { /* Gallery caption styles */ }
.bypostauthor { /* Comment author styles */ }

/* Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: var(--gs-gray-100);
    clip: auto !important;
    clip-path: none;
    color: var(--gs-primary);
    display: block;
    font-size: var(--gs-fs-sm);
    font-weight: var(--gs-fw-bold);
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: var(--gs-z-tooltip);
}

/* ==========================================================================
   Elementor Font Override - Force Montserrat
   ========================================================================== */
.elementor-widget-container,
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-icon-box .elementor-icon-box-content,
.elementor-widget-image-box .elementor-image-box-content,
.elementor-widget-counter .elementor-counter,
.elementor-widget-progress .elementor-progress-wrapper,
.elementor-widget-testimonial,
.elementor-widget-tabs,
.elementor-widget-accordion,
.elementor-widget-toggle,
.elementor-nav-menu--main,
.elementor-button,
.elementor *,
body.elementor-page,
body.elementor-page * {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Preserve icon fonts */
.fa, .fas, .far, .fab, .fal, .fad,
[class^="fa-"], [class*=" fa-"],
.eicon, [class^="eicon-"],
.elementor-icon,
i.fa, i.fas, i.far, i.fab {
    font-family: inherit !important;
}