/* =============================================================
   Zamknięty mini v1.0 - Styl główny
   Paleta: jasny błękit, przezroczystość, odcienie niebieskiego,
           szarego, białego i piaskowego
   ============================================================= */

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

html, body {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    background-color: #dce9f5;
    background-image: linear-gradient(180deg, #b8d4ee 0%, #dce9f5 60%, #e8e0d0 100%);
    background-attachment: fixed;
    color: #2a3a4a;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* --- Layout -------------------------------------------------- */
.wrapper {
    width: 780px;
    text-align: left;
    margin: 0 auto;
}

.top {
    height: 80px;
    text-align: center;
    font-size: 14px;
    border: none;
    padding: 0;
    margin: 0 auto;
    background: linear-gradient(135deg, rgba(30,90,160,0.85) 0%, rgba(80,150,220,0.75) 60%, rgba(180,210,240,0.60) 100%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-bottom: 1px solid rgba(255,255,255,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 0 1px 4px rgba(0,0,40,0.4);
}

.main {
    float: left;
    width: 780px;
}

.left {
    background: rgba(200,220,240,0.55);
    backdrop-filter: blur(4px);
    border-right: 1px solid rgba(120,170,220,0.4);
    padding: 8px;
    min-height: 300px;
}

.right {
    background: rgba(200,220,240,0.55);
    backdrop-filter: blur(4px);
    border-left: 1px solid rgba(120,170,220,0.4);
    padding: 8px;
    min-height: 300px;
}

.text_body {
    background: rgba(255,255,255,0.70);
    backdrop-filter: blur(3px);
    padding: 10px 12px;
    min-height: 300px;
    border: 1px solid rgba(120,180,240,0.25);
}

.foot {
    float: left;
    background: rgba(30,80,150,0.75);
    backdrop-filter: blur(5px);
    color: rgba(220,235,255,0.9);
    font-size: 11px;
    padding: 10px 14px;
    border-top: 1px solid rgba(255,255,255,0.3);
    clear: both;
}

/* --- Headings ----------------------------------------------- */
.text_body_h1 {
    font-size: 16px;
    font-weight: bold;
    color: #1a4a80;
    border-bottom: 2px solid rgba(60,130,210,0.4);
    padding-bottom: 4px;
    margin-bottom: 8px;
}

.text_body_h3 {
    font-size: 13px;
    font-weight: bold;
    color: #2a5a90;
    margin: 8px 0 4px 0;
}

/* --- Navigation --------------------------------------------- */
.nav {
    font-size: 11px;
    color: #4a6a8a;
    padding: 4px 2px;
    margin: 4px 0;
}

.nav_det {
    font-size: 11px;
    color: #5a7a9a;
}

/* --- Links --------------------------------------------------- */
a { color: #1a5aaa; text-decoration: none; }
a:hover { color: #0a3a80; text-decoration: underline; }

.body_links       { color: #1a5aaa; }
.body_links:hover { color: #0a3a80; }

.foot_links       { color: rgba(180,210,255,0.9); }
.foot_links:hover { color: #fff; }

.out_link       { font-weight: bold; color: #1a4a90; font-size: 13px; }
.out_link:hover { color: #0a2a60; text-decoration: underline; }

.out_link_home_cat       { color: #2a5a9a; font-size: 12px; }
.out_link_home_cat:hover { color: #0a3a70; }

.in_link       { font-size: 11px; color: #3a6aaa; }
.in_link:hover { color: #1a3a70; }

.in_link_cat_sub       { color: #1a4a80; font-weight: bold; font-size: 12px; }
.in_link_cat_sub:hover { color: #0a2a60; text-decoration: underline; }

.in_link_home_cat       { color: #1a4a80; font-weight: bold; font-size: 13px; }
.in_link_home_cat:hover { color: #0a2a60; }

/* --- Category blocks ---------------------------------------- */
.cat_sub_block {
    background: rgba(210,230,250,0.55);
    backdrop-filter: blur(3px);
    border: 1px solid rgba(100,160,220,0.3);
    border-radius: 6px;
    padding: 8px;
    margin-bottom: 10px;
}

.cat_block_home {
    margin-bottom: 8px;
    padding: 4px 6px;
    background: rgba(255,255,255,0.45);
    border-left: 3px solid rgba(60,130,200,0.5);
    border-radius: 3px;
}

.sub_block_home {
    padding-left: 10px;
    font-size: 11px;
}

.sub_block_cat {
    padding: 2px 4px;
    font-size: 12px;
}

.ilosc_cat {
    color: #7a9aba;
    font-size: 11px;
}

/* --- Entry blocks ------------------------------------------- */
.links_block {
    margin: 6px 0;
}

.link_block {
    background: rgba(255,255,255,0.60);
    backdrop-filter: blur(3px);
    border: 1px solid rgba(100,160,220,0.25);
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 8px;
    transition: background 0.2s;
}

.link_block:hover {
    background: rgba(235,245,255,0.80);
}

.text_link {
    font-size: 11px;
    color: #5a7a9a;
    padding: 1px 0;
}

.wpistd {
    vertical-align: top;
    padding: 2px 4px;
}

.add_block {
    background: rgba(210,230,250,0.50);
    backdrop-filter: blur(3px);
    border: 1px solid rgba(100,160,220,0.3);
    border-radius: 6px;
    padding: 10px;
    margin-top: 10px;
}

.ramka {
    background: rgba(255,255,255,0.55);
    border: 1px solid rgba(100,160,220,0.3);
    border-radius: 4px;
    padding: 8px;
    font-size: 11px;
    color: #4a6a8a;
}

/* --- Forms -------------------------------------------------- */
form { margin: 0; }

input.search {
    border: 1px solid rgba(60,130,200,0.5);
    background: rgba(255,255,255,0.80);
    width: 143px;
    height: 20px;
    padding: 3px 6px;
    font-size: 11px;
    color: #3a5a7a;
    margin: 5px 5px 0 5px;
    border-radius: 3px;
    transition: border-color 0.2s;
}

input.search:focus {
    border-color: rgba(30,100,180,0.8);
    outline: none;
    background: rgba(255,255,255,0.95);
}

input.button {
    border: 1px solid rgba(30,90,160,0.6);
    background: linear-gradient(180deg, rgba(60,130,210,0.85) 0%, rgba(30,90,160,0.90) 100%);
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin: 5px;
    padding: 3px 10px;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.2s;
}

input.button:hover {
    background: linear-gradient(180deg, rgba(80,150,230,0.95) 0%, rgba(50,110,180,0.95) 100%);
}

.formdodaj {
    border: 1px solid rgba(60,130,200,0.5);
    width: 300px;
    height: 100px;
    background: rgba(255,255,255,0.80);
    border-radius: 3px;
    padding: 4px;
    font-size: 12px;
    color: #2a3a4a;
}

input.formdodaj {
    height: 20px;
}

/* --- Thumbnail ----------------------------------------------- */
.msn {
    width: 80px;
    height: 60px;
    border: 1px solid rgba(100,160,220,0.4);
    border-radius: 4px;
    margin-right: 6px;
}

/* --- Misc clearfix ------------------------------------------ */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* --- Pasek statystyk botów ---------------------------------- */
.robots_bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 11px;
    color: #7a9aaa;
    padding: 6px 4px;
    margin-top: 8px;
    border-top: 1px solid #dde8f0;
}
.robot_item {
    white-space: nowrap;
}
.robot_item b {
    color: #3a6a9a;
}