/*
Theme Name: Fekto Custom
Theme URI: https://fekto.ee/
Author: Sven-Erik Andresen
Author URI: https://fekto.ee/
Description: Spetsiaalselt Fekto.ee jaoks loodud ülikiire, puhas ja optimeeritud teema.
Version: 1.0.5
*/

/* ==========================================================================
   1. KOHALIKUD INTER WOFF2 FONDID (AINULT AKTIIVSED PAKSUSED, PUUDUVAD 404 VEAD)
   ========================================================================== */

/* 400 - Tavatekst ja lõigud */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/inter-400.woff2') format('woff2');
}

/* 700 - Nupud ja esiletõstmised */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('assets/fonts/inter-700.woff2') format('woff2');
}

/* 800 - Suured H1, H2 pealkirjad ja statistikanumbrid */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('assets/fonts/inter-800.woff2') format('woff2');
}

/* ==========================================================================
   2. GLOBAALSED ALGSEADED JA VÄRVIMUUTUJAD
   ========================================================================== */
:root {
    --fekto-navy: #08394A;
    --fekto-green: #87C762;
    --fekto-green-hover: #50B964;
    --fekto-bg: #F5F8EE; /* Algne soe kreemikas Fekto taustatoon */
    --fekto-border: #E0E6ED;
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background-color: var(--fekto-bg);
    color: var(--fekto-navy);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
    position: relative;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

/* ==========================================================================
   3. RAHULIK JA KORRAPÄRANE VEKTORTAUST (ALGSE FEKTO STIILIS)
   ========================================================================== */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    background-color: #F5F8EE;
    /* Õrnad, voolavad arhitektuursed vektorjooned ja sõlmpunktid (kerge SVG, 0 lisapäringut) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080' width='100%25' height='100%25' preserveAspectRatio='none' fill='none'%3E%3Cg stroke='rgba(8,57,74,0.045)' stroke-width='1.2'%3E%3Cline x1='-100' y1='140' x2='2050' y2='360' /%3E%3Cline x1='-50' y1='820' x2='2000' y2='240' /%3E%3Cline x1='340' y1='-50' x2='1280' y2='1150' /%3E%3Cline x1='1650' y1='-80' x2='550' y2='1180' /%3E%3Cline x1='0' y1='520' x2='1920' y2='950' /%3E%3Cline x1='820' y1='-60' x2='1950' y2='720' /%3E%3Cline x1='-80' y1='360' x2='980' y2='1120' /%3E%3Cline x1='1150' y1='-50' x2='-50' y2='920' /%3E%3Ccircle cx='820' cy='280' r='3.5' fill='rgba(8,57,74,0.06)' /%3E%3Ccircle cx='550' cy='640' r='4' fill='rgba(135,199,98,0.18)' /%3E%3Ccircle cx='1350' cy='460' r='3.5' fill='rgba(8,57,74,0.06)' /%3E%3Ccircle cx='1050' cy='790' r='4' fill='rgba(135,199,98,0.18)' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    pointer-events: none;
}

/* Lehe sisu ja valged kastid libisevad sujuvalt fikseeritud tausta peal */
#Wrapper {
    position: relative;
    z-index: 1;
    background: transparent;
}