/*
 * Globālais tīmekļa vietnes stilu slānis (Application Stylesheet).
 *
 * Definē CSS3 globālos mainīgos (krāsu paleti), pamata tipogrāfiju, 
 * adaptīvo konteineru izkārtojumus, lietotāja saskarnes (UI) elementus,
 * kā arī paziņojumu (alert) un datu sarakstu vizuālo noformējumu.
 *
 * @author      Gerda Grunde-Zeiferte
 * @package     PDO_Projekts
 * @subpackage  Frontend
 * @category    View_Layer
 * @version     1.0.0
 * @since       2026-05-24
 * @todo        Izveidot tumšā režīma (Dark Mode) atbalstu, izmantojot media vaicājumu 'prefers-color-scheme'.
 */

/* 1. STILA KONFIGŪRĀCIJA: Globālie CSS mainīgie (Dizaina sistēmas krāsas) */
:root { 
    --primary: #0d6efd; 
    --dark: #212529; 
    --light: #f8f9fa; 
    --border: #dee2e6; 
}

/* Vispārējs lapas elementu iestatījums (Reset un Box-Sizing drošībai) */
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
}

/* Pamata tipogrāfija un fona vizuālais uzstādījums */
body { 
    font-family: system-ui, -apple-system, sans-serif; 
    background: var(--light); 
    color: var(--dark); 
    padding: 20px; 
}

/* 2. IZKĀRTOJUMS: Centrālais satura konteiners ar ēnu dziļuma efektam */
.container { 
    max-width: 600px; 
    margin: 50px auto; 
    background: white; 
    padding: 30px; 
    border-radius: 8px; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
}

/* 3. ELEMENTI: Formas teksta ievades lauku stili */
input[type="text"] { 
    width: 100%; 
    padding: 10px; 
    margin: 10px 0; 
    border: 1px solid var(--border); 
    border-radius: 4px; 
    font-size: 16px; 
}

/* Formas apstiprināšanas poga ar interaktīvu hover efektu */
button { 
    width: 100%; 
    background: var(--primary); 
    color: white; 
    border: none; 
    padding: 12px; 
    border-radius: 4px; 
    cursor: pointer; 
    font-size: 16px; 
    font-weight: bold; 
}

button:hover { 
    background: #0b5ed7; /* Tumšāks zilais tonis, kad uzbīda peles kursoru */
}

/* 4. PAZIŅOJUMI: Dinamisko statusu un kļūdu sistēmas vizuālais ietvars */
.alert { 
    padding: 10px; 
    margin-bottom: 15px; 
    border-radius: 4px; 
    text-align: center; 
    font-size: 14px; 
}

/* Veiksmīgas darbības (Success) paziņojuma krāsas (zaļie toņi) */
.alert-success { 
    background: #d1e7dd; 
    color: #0f5132; 
}

/* Kļūdu vai nevalidu datu (Danger) paziņojuma krāsas (sarkanie toņi) */
.alert-danger { 
    background: #f8d7da; 
    color: #842029; 
}

/* 5. DATU SARAKSTI: No datubāzes izgūto ierakstu strukturēšana un izvietojums */
ul { 
    list-style: none; 
    margin-top: 20px; 
}

li { 
    padding: 10px; 
    border-bottom: 1px solid var(--border); 
    display: flex; 
    justify-content: space-between; /* Izpleš ieraksta tekstu un ID pretējos stūros */
}

/* 6. KĀJENE: Vietnes autortiesību bloka vizuālais noformējums */
.site-footer { 
    margin-top: 30px; 
    text-align: center; 
    font-size: 12px; 
    color: #6c757d; 
}