:root { --rigi-blue: #006dff; }

* { box-sizing: border-box; margin: 0; padding: 0; }

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0 auto;
    font-family: "Arial", sans-serif;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
    color: #1a1a1a;
    background-color: #f8f9fa;
    padding: 20px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;    
}

/* --- TYPOGRAFIE --- */
header {
    border-bottom: 2px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h1 {
    font-size: 1.85rem;    
}

/* --- TABULKA CUSTOMIZACE --- */
#mainTable {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 20px !important;
}

#mainTable thead th {
    background-color: #f1f1f1;
    color: #444;
    font-weight: 600;
    text-transform: uppercase;
    /*font-size: 0.75rem;*/
    padding: 12px;
    border-bottom: 2px solid #ddd;
}

#mainTable tbody td {
    padding: 12px;
    border-bottom: 1px solid #eee;
    /* font-size: 0.9rem; */
}

/* --- CENY --- */
.price-tag {
    font-weight: 700;
    color: var(--rigi-blue);
    text-align: right;
    white-space: nowrap;
}

/* --- DATATABLES FIXY --- */
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 15px;
    width: 250px;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

/* --- MOBILNÍ ÚPRAVY --- */
@media (max-width: 768px) {
    body { padding: 10px; }
    .container { padding: 15px; }
    h1 { font-size: 1.2rem; }
    header { flex-direction: column; text-align: center; }
}

/* Styl pro responzivní "plus" tlačítko DataTables */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    background-color: #d32f2f !important;
}

header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1rem auto;
}
h1 {
    margin-bottom: 10px;
}
.price-tag { color: #006dff; font-weight: bold; }
.dataTables_filter input { border-radius: 20px; padding: 0.5rem 1rem; }
footer { margin-top: 3rem; border-top: 1px solid #eee; padding-top: 1rem; }
small {font-size: 0.6em;}
.logo-rigi { width: 137px; height: 39px; display: inline-block; color: var(--rigi-blue); fill: currentColor; margin-bottom: 1rem;}
.vat-price { /*font-size: 0.85em;*/ opacity: 0.8; display: block; }
/* Srovnání výběru počtu řádků a vyhledávání do jedné linky */
.table-controls {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 2rem;
}

/* Zvětšení vyhledávacího pole na maximum */
.dataTables_filter {
flex-grow: 1; /* Roztáhne vyhledávání, co to jde */
text-align: right;
}

.dataTables_filter input {
width: 100% !important; /* Vyhledávání teď může být velmi široké */
max-width: 600px; /* Ale zastavíme ho na 600px, aby nebylo přes celou obrazovku */
height: 50px;
/* font-size: 1.1rem; */
}

/* Oprava textu "Zobrazit X výsledků" aby byl v rovině */
.dataTables_length label {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
}

.dataTables_length select {
margin: 0 !important; /* Odstraní divné mezery z Pico.css */
padding: 0.2rem 2rem 0.2rem 0.5rem !important;
}
.search-info {
/*font-size: 0.9rem; */
color: #666;
margin-bottom: 0.5rem;
}
/* 1. Odstranění lupy jako obrázku na pozadí (DataTables výchozí) */
.dataTables_filter input {
background-image: none !important;
background-color: white !important;
padding-left: 10px !important; /* Reset odsazení, kde dříve byla lupa */
}

/* 2. Odstranění systémové lupy v prohlížečích (Chrome, Safari, Edge) */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
-webkit-appearance: none;
}

/* 3. Pro jistotu vypnutí vzhledu u Firefoxu a dalších */
.dataTables_filter input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}