/*
 Theme Name:   Program 800 plus
 Theme URI:    https://program500plus.pl/
 Description:  Motyw potomny Bricks dla program500plus.pl
 Author:       program500plus.pl
 Author URI:   https://program500plus.pl/
 Template:     bricks
 Version:      1.2
 Text Domain:  dziecko
*/

/* Kroje pisma z własnego serwera (bez Google Fonts) */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500 800;font-display:swap;src:url('fonts/bricolage-grotesque-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500 800;font-display:swap;src:url('fonts/bricolage-grotesque-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/source-sans-3-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/source-sans-3-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/source-sans-3-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/source-sans-3-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* Podstawy. Kolory i odstępy to zmienne globalne Bricks (Ustawienia > Zmienne). */
body{font-family:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.6;color:var(--tusz,#15211E);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Bricolage Grotesque','Source Sans 3',sans-serif;line-height:1.15;letter-spacing:-0.01em;color:var(--tusz,#15211E)}
a{color:var(--zielen,#0E5A4B)}
a:hover{color:var(--zielen-ciemna,#0A4237)}
:focus-visible{outline:3px solid var(--zolty,#F4B740);outline-offset:2px}

/* Treść artykułu (edytor WordPressa w szablonie wpisu) */
.brxe-post-content{font-size:18px;line-height:1.65;max-width:760px}
.brxe-post-content > *{margin-top:0;margin-bottom:1.1em}
.brxe-post-content h2{font-size:30px;font-weight:800;margin:1.6em 0 .5em;scroll-margin-top:24px}
.brxe-post-content h3{font-size:22px;font-weight:700;margin:1.4em 0 .4em}
.brxe-post-content ul,.brxe-post-content ol{padding-left:1.4em}
.brxe-post-content li{margin-bottom:.35em}
.brxe-post-content table{width:100%;border-collapse:collapse;font-size:16px}
.brxe-post-content .wp-block-table,.brxe-post-content .tabela{overflow-x:auto;border:1px solid var(--linia,#DCE3E0);border-radius:14px}
.brxe-post-content th,.brxe-post-content td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--linia,#DCE3E0)}
.brxe-post-content thead th{background:var(--tlo,#F4F6F5);border-top:0}
.brxe-post-content .w-skrocie{background:var(--mieta,#E8F1EE);border-radius:18px;padding:24px 28px}
.brxe-post-content .w-skrocie h2{margin-top:0;font-size:22px}
.brxe-post-content .zrodla{border-top:2px solid var(--tusz,#15211E);padding-top:18px;font-size:15px;color:var(--szary-2,#33413D)}
.brxe-post-content details{border-bottom:1px solid var(--linia,#DCE3E0);padding:14px 0;margin:0}
.brxe-post-content summary{cursor:pointer;font-weight:700}

/* Spis treści Bricks */
.brxe-post-toc{border:1px solid var(--linia,#DCE3E0);border-radius:14px;padding:18px 24px}

/* Reklamy: rezerwacja wysokości */
.p8-reklama{display:flex;align-items:center;justify-content:center;width:100%}
.p8-reklama--pusta{border:1px dashed #B9C7C2;border-radius:12px;background:var(--tlo,#F4F6F5);color:var(--szary,#4A5753);font-size:13px;letter-spacing:.08em;text-transform:uppercase}

/* Pytania z forum (shortcode p8_forum_pytania) */
.p8-forum-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linia,#DCE3E0)}
.p8-forum-lista li{border-bottom:1px solid var(--linia,#DCE3E0)}
.p8-forum-lista a{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:18px 0;color:var(--tusz,#15211E);text-decoration:none}
.p8-forum-lista a:hover .p8-forum-lista__tytul{text-decoration:underline}
.p8-forum-lista__tytul{font-weight:700;font-size:18px}
.p8-forum-lista__odp{color:var(--szary,#4A5753);font-size:15px}
.p8-forum-lista--krotka{border-top:0}
.p8-forum-lista--krotka li{border:0}
.p8-forum-lista--krotka a{padding:6px 0}
.p8-forum-lista--krotka .p8-forum-lista__tytul{font-weight:600;font-size:16px}
.p8-forum-lista--krotka .p8-forum-lista__odp{display:none}

/* Inne poradniki w sekcji (shortcode p8_w_sekcji) */
.p8-w-sekcji{list-style:none;margin:0;padding:0;font-size:16px}
.p8-w-sekcji a{display:block;padding:8px 0;color:var(--tusz,#15211E);text-decoration:none}
.p8-w-sekcji a.jest{font-weight:700}
.p8-w-sekcji a:hover{text-decoration:underline}

/* Menu główne */
.p8-menu .bricks-nav-menu > li > a{font-weight:600;font-size:16px;color:var(--tusz,#15211E);padding:12px;border-radius:8px}
.p8-menu .bricks-nav-menu > li > a:hover,.p8-menu .bricks-nav-menu > .current-menu-item > a{background:var(--mieta,#E8F1EE);color:var(--zielen-ciemna,#0A4237)}

/* Wyszukiwarka w hero */
.p8-szukaj form{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.p8-szukaj input[type=search]{flex:1 1 260px;min-height:52px;padding:0 16px;border:2px solid #9FB5AE;border-radius:12px;font:inherit;font-size:17px;background:#fff;color:var(--tusz,#15211E)}
.p8-szukaj input[type=search]:focus{border-color:var(--zielen,#0E5A4B)}
.p8-szukaj button{min-height:52px;padding:0 22px;border:0;border-radius:12px;background:var(--zielen,#0E5A4B);color:#fff;font-weight:700;cursor:pointer}

/* Nagłówek na telefonie: logo i hamburger w jednym rzędzie, forum w menu mobilnym */
.bricks-nav-menu .p8-tylko-mobile{display:none}
@media (max-width:991px){
#brx-header .p8-naglowek__rzad{flex-wrap:nowrap}
#brx-header .p8-logo{flex:1 1 auto;min-width:0}
#brx-header .p8-menu{flex:0 0 auto;order:3}
}
@media (max-width:767px){
#brx-header .p8-naglowek__rzad > .p8-przycisk{display:none}
#brx-header .p8-logo__opis{display:none}
}
.bricks-mobile-menu .p8-tylko-mobile a{font-weight:700}

/* Wiersz daty: znak obok opisu także na telefonie */
#brx-content .p8-data{flex-direction:row;flex-wrap:nowrap}
#brx-content .p8-data > :last-child{flex:1 1 auto;min-width:0;width:auto}

/* Nagłówek przyklejony do góry ekranu */
#brx-header{position:sticky;top:0;z-index:999;background:#fff}
body.admin-bar #brx-header{top:32px}
@media (max-width:782px){body.admin-bar #brx-header{top:46px}}
@media (max-width:600px){body.admin-bar #brx-header{top:0}}
/* Kotwice spisu treści nie chowają się pod nagłówkiem */
.brxe-post-content h2{scroll-margin-top:96px}

/* Formularz kontaktowy (Bricks form) */
#brx-content .brxe-form{display:flex;flex-direction:column;gap:14px;max-width:640px}
#brx-content .brxe-form label{font-weight:700;font-size:16px;color:var(--tusz,#15211E)}
#brx-content .brxe-form input,#brx-content .brxe-form textarea{width:100%;min-height:52px;padding:12px 16px;border:2px solid #9FB5AE;border-radius:12px;font:inherit;font-size:17px;background:#fff;color:var(--tusz,#15211E)}
#brx-content .brxe-form textarea{min-height:180px}
#brx-content .brxe-form input:focus,#brx-content .brxe-form textarea:focus{border-color:var(--zielen,#0E5A4B);outline:none}
#brx-content .brxe-form .bricks-button{min-height:52px;padding:0 26px;border:0;border-radius:999px;background:var(--zielen,#0E5A4B);color:#fff;font-weight:700;font-size:17px;cursor:pointer}
#brx-content .brxe-form .bricks-button:hover{background:var(--zielen-ciemna,#0A4237)}