/*
Theme Name: Projekt3
Theme URI: https://spsrakovnik.tech/bures.pa.2022/wp6/
Author: Vaše Jméno
Description: Moderní WordPress šablona pro sociální knižní fórum.
Version: 3.0
Text Domain: projekt3
*/

/* Import moderního Google Fontu (Plus Jakarta Sans) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ==========================================================================
   Základní a moderní reset
   ========================================================================== */

html {
    scroll-behavior: smooth;
}
/* Toto pravidlo "přebije" dark mode díky použití !important (nebo vyšší specifitě) */
/* Neprůstřelné vynucení gradientu pro třídu ignore-dark */
.ignore-dark {
    background-image: linear-gradient(to right, #2563eb, #4f46e5) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* Pokud tvůj dark mode funguje na bázi inverze barev (např. Darkmode.js) */
.darkmode-ignore {
    isolation: isolate;
}

body {
    /* Použití moderního fontu místo základního systémového */
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    color: #1f2937;
    background-color: #f8fafc; /* Jemná elegantní šedá z Tailwindu */
    
    /* Vylepšení vyhlazování písma pro hezčí čitelnost */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Vlastní moderní posuvník (Scrollbar) pro celý web
   ========================================================================== */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ==========================================================================
   Označení textu (Selection)
   ========================================================================== */
::selection {
    background-color: #2563eb; /* Modrá z Tailwindu */
    color: #ffffff;
}

/* ==========================================================================
   Vylepšení Inputů a Formulářů (Hladké přechody)
   ========================================================================== */
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    transition: box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}