/*
 * Theme Name:  KoeHUB Theme
 * Theme URI:   https://koehub.de/theme
 * Description: KoeHUB Theme — a professional WordPress child theme for Bricks Builder, forked and rebranded from SNN-BRX by Sinan Isler. Includes SEO, custom post types, custom fields, security, GSAP animations, Lenis smooth scroll, cookie banner, media optimization, and many more modules.
 * Version:     1.0.0
 * Author:      Gökhan Köse / KoeHUB
 * Author URI:  https://koehub.de
 * License:     GNU General Public License v3
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: koehub-theme
 * Domain Path: /languages
 * Template:    bricks
 * Tags:        bricks-builder, child-theme, seo, custom-post-types, gsap, lenis, gdpr, security
 *
 * KoeHUB Theme — fork of SNN-BRX by Sinan Isler (GPL v3)
 * https://github.com/sinanisler/snn-brx-child-theme
 */

/* ============================================================
   Google Fonts — Inter
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ============================================================
   Brand Color Custom Properties
   ============================================================ */
:root {
    --primary:     #1A1A1A;
    --accent:      #C9A857;
    --background:  #F8F6F1;
    --text:        #1A1A1A;
    --white:       #FFFFFF;
    --light-gray:  #E8E6E1;
    --border:      #D4D2CD;

    /* Typography */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    --font-size-base:   16px;
    --line-height-base: 1.6;
    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;

    /* Spacing scale */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* Border radius */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  12px;
    --radius-xl:  16px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

    /* Transitions */
    --transition-fast:   150ms ease;
    --transition-base:   250ms ease;
    --transition-slow:   400ms ease;
}

/* ============================================================
   Base Reset & Typography
   ============================================================ */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    font-size: var(--font-size-base);
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-base);
    color: var(--text);
    background-color: var(--background);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============================================================
   Headings
   ============================================================ */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-semibold);
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: var(--space-4);
    color: var(--primary);
}

/* ============================================================
   Links
   ============================================================ */
a {
    color: var(--accent);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--primary);
    text-decoration: underline;
}

/* ============================================================
   Images
   ============================================================ */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ============================================================
   Screen-reader only utility
   ============================================================ */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* ============================================================
   Focus visible — accessibility
   ============================================================ */
:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
    border-radius: var(--radius-sm);
}

/* ============================================================
   Skip link
   ============================================================ */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--accent);
    color: var(--white);
    padding: var(--space-2) var(--space-4);
    z-index: 9999;
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-medium);
    transition: top var(--transition-fast);
}

.skip-link:focus {
    top: 0;
}

/* ============================================================
   Bricks child theme — required empty ruleset
   ============================================================ */
/* Bricks Builder renders its own layout styles. This child theme
   extends rather than overrides them. Module-specific styles are
   enqueued from assets/css/frontend.css. */