/* Wspolna stopka ControlByte (includes/stopka.php) */
.cb-stopka { background: #0d1b2a; color: #b7c5d3; font-family: Inter, -apple-system, "Segoe UI", sans-serif; font-size: 13px; line-height: 1.5; margin-top: 0; }
.cb-stopka p, .cb-stopka li, .cb-stopka a, .cb-stopka span { font-size: 13px; line-height: 1.5; }
.cb-stopka * { box-sizing: border-box; }
.cb-stopka-inner { max-width: 1160px; margin: 0 auto; padding: 36px 20px 18px; }
.cb-stopka-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.cb-stopka a { color: #b7c5d3; text-decoration: none; transition: color .15s ease; }
.cb-stopka a:hover { color: #fff; text-decoration: underline; }
.cb-stopka ul { list-style: none; margin: 0; padding: 0; }
.cb-stopka-logo img { width: 300px !important; max-width: 100%; height: auto !important; display: block; }   /* logo 1600x86 - szerokosc stala, wysokosc z proporcji (02.10.2026) */
.cb-stopka-logo span { color: #fff; font-weight: 800; font-size: 20px; }
.cb-stopka-opis { margin: 12px 0 12px; color: #b7c5d3; max-width: 40ch; }
.cb-stopka-kontakt li { margin: 0 0 4px; }
.cb-stopka-kontakt a { color: #fff; font-weight: 600; }
.cb-stopka-godziny { color: #8ea3b8; margin-left: 8px; font-size: 12px; }
.cb-stopka-social { display: flex; gap: 8px; margin-top: 12px; }
.cb-stopka-social a { width: 32px; height: 32px; border-radius: 8px; background: rgba(255,255,255,.08); display: inline-flex; align-items: center; justify-content: center; }
.cb-stopka-social a:hover { background: #2ac4ea; }
.cb-stopka-social svg { width: 15px; height: 15px; fill: #fff; }
.cb-stopka-h { color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 2px 0 10px; line-height: 1.4; }
.cb-stopka-col li { margin: 0 0 5px; }
.cb-stopka-zaufanie { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 24px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); }
.cb-stopka-msues { display: flex; align-items: center; gap: 12px; color: #fff; font-weight: 600; max-width: 340px; }
.cb-stopka-msues img { width: 48px; height: auto; background: #fff; border-radius: 6px; padding: 3px; }
.cb-stopka-platnosci { display: flex; gap: 8px; flex-wrap: wrap; }
.cb-stopka-platnosci li { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; background: #fff; border-radius: 6px; font-size: 11px; font-weight: 700; color: #0d1b2a; margin: 0; }
.cb-stopka-platnosci li img { height: 15px; width: auto; max-width: 70px; display: block; }
.cb-stopka-platnosci li span { white-space: nowrap; }
.cb-stopka-dol { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.1); font-size: 12px; color: #8ea3b8; }
.cb-stopka-dol p, .cb-stopka-dol a, .cb-stopka-dol span { font-size: 12px; }
.cb-stopka-prawne { display: flex; gap: 14px; flex-wrap: wrap; }
.cb-stopka-prawne a { color: #b7c5d3; font-weight: 600; }
/* motyw Edumall: chowamy prosta stopke, bo nasza jest wyzej; na landingach jej nie ma */
.page-footer.simple-footer { display: none !important; }
@media (max-width: 1000px) { .cb-stopka-grid { grid-template-columns: 1fr 1fr; gap: 32px; } .cb-stopka-col--firma { grid-column: 1 / -1; } }
@media (max-width: 600px) { .cb-stopka-inner { padding: 28px 16px 18px; } .cb-stopka-grid { grid-template-columns: 1fr; gap: 20px; } .cb-stopka-dol, .cb-stopka-zaufanie { flex-direction: column; align-items: flex-start; } }
/* audyt 21.09.2026: naglowki kolumn stopki renderowaly sie w Poppins (regula h2 motywu ma wyzsza specyficznosc) */
.cb-stopka h2.cb-stopka-h, .cb-stopka .cb-stopka-h { font-family: Inter, -apple-system, "Segoe UI", sans-serif !important; }
/* audyt 02.10.2026: sklep.css nadawal h2 granatowy kolor - naglowki kolumn stopki byly niewidoczne na /oprogramowanie/ i stronach sklepu */
body .cb-stopka h2.cb-stopka-h, body .cb-stopka .cb-stopka-h { color: #fff !important; }   /* body + h2: wyzsza specyficznosc niz body.single-product :is(...) w sklep.css */

/* --- Cookie Notice pod skin (globalnie, przez stopka.css) --- */
#cookie-notice { background: #0d1b2a !important; font-family: Inter, system-ui, -apple-system, sans-serif !important; box-shadow: 0 -8px 30px rgba(13,27,42,.18); }
#cookie-notice .cookie-notice-container, #cookie-notice .cookie-revoke-container { max-width: 1180px; margin: 0 auto; padding: 14px 20px !important; display: flex; align-items: center; gap: 12px 20px; flex-wrap: wrap; text-align: left !important; }
#cookie-notice .cn-text-container { flex: 1 1 420px; margin: 0 !important; font-size: 12.5px !important; line-height: 1.5 !important; color: #c3cfdb !important; }
#cookie-notice .cn-buttons-container { display: flex !important; gap: 8px; margin: 0 !important; flex-wrap: wrap; align-items: center; }
#cookie-notice .cn-button.cb-cookies, #cookie-notice .cn-button { background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.35) !important; border-radius: 8px !important; font: 600 13px/1 Inter, system-ui, sans-serif !important; padding: 10px 16px !important; margin: 0 !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; min-height: 40px; cursor: pointer; }
#cookie-notice .cn-button:hover { border-color: #fff !important; }
#cookie-notice #cn-accept-cookie { background: #fff !important; color: #0d1b2a !important; border-color: #fff !important; }
#cookie-notice #cn-accept-cookie:hover { background: #e8eef4 !important; }
#cookie-notice #cn-more-info { border: 0 !important; padding: 10px 6px !important; color: #c3cfdb !important; font-weight: 500 !important; text-decoration: underline; text-underline-offset: 3px; }
#cookie-notice #cn-more-info:hover { color: #fff !important; }
#cookie-notice .cn-close-icon { display: none !important; }
@media (max-width: 640px) {
	#cookie-notice .cookie-notice-container { padding: 12px 16px 14px !important; gap: 10px; }
	#cookie-notice .cn-text-container { flex-basis: 100%; font-size: 12px !important; }
	#cookie-notice .cn-buttons-container { width: 100%; }
	#cookie-notice #cn-accept-cookie, #cookie-notice #cn-refuse-cookie { flex: 1 1 0; text-align: center; }
	#cookie-notice #cn-more-info { flex-basis: 100%; text-align: center; padding: 6px 0 0 !important; }
}
#cookie-notice.cookie-notice-hidden .cookie-notice-container, #cookie-notice.cookie-revoke-hidden .cookie-revoke-container { display: none !important; }
#cookie-notice.cookie-revoke-visible .cookie-revoke-container { display: flex; }

/* cienka stopka landingow kursow */
.cb-stopka--cienka .cb-stopka-inner { display: flex; align-items: center; justify-content: space-between; gap: 14px 24px; flex-wrap: wrap; padding: 14px 20px; }
.cb-stopka--cienka .cb-stopka-logo img { width: 220px !important; height: auto !important; }
.cb-stopka--cienka .cb-stopka-platnosci { gap: 6px; }
.cb-stopka--cienka .cb-stopka-platnosci li { height: 24px; padding: 0 8px; font-size: 10px; }
.cb-stopka--cienka .cb-stopka-platnosci li img { height: 12px; max-width: 56px; }
.cb-stopka--cienka .cb-stopka-dol { margin: 0; padding: 0; border: 0; gap: 8px 14px; }
.cb-stopka--cienka .cb-stopka-prawne { gap: 12px; }
.cb-stopka--cienka .cb-stopka-prawne a { font-weight: 500; }
@media (max-width: 600px) { .cb-stopka--cienka .cb-stopka-inner { flex-direction: column; align-items: center; text-align: center; padding: 14px 16px; } .cb-stopka--cienka .cb-stopka-dol { flex-direction: column; align-items: center; } .cb-stopka--cienka .cb-stopka-platnosci { justify-content: center; } }

/* cookie bar - kompaktowo (uwaga Szymona 23.09: za duze) */
#cookie-notice .cookie-notice-container, #cookie-notice .cookie-revoke-container { padding: 8px 20px !important; gap: 8px 16px; }
#cookie-notice .cn-text-container { font-size: 12px !important; line-height: 1.4 !important; }
#cookie-notice .cn-button, #cookie-notice .cn-button.cb-cookies, #cookie-notice #cn-accept-cookie, #cookie-notice #cn-refuse-cookie { padding: 7px 14px !important; font-size: 12px !important; line-height: 1 !important; border-radius: 6px !important; min-height: 0 !important; }
#cookie-notice #cn-more-info { padding: 6px 4px !important; font-size: 12px !important; }
@media (max-width: 767px) { #cookie-notice .cookie-notice-container { padding: 8px 14px 10px !important; } #cookie-notice .cn-text-container { font-size: 11.5px !important; } }

/* audyt 02.10.2026: na stronach sklepu style Woo/sklep.css nadawaly linkom granatowy kolor - telefon i "Ustawienia cookies" byly niewidoczne w stopce */
.cb-stopka a { color: #b7c5d3 !important; }
.cb-stopka a:hover { color: #fff !important; }
.cb-stopka .cb-stopka-kontakt a { color: #fff !important; }
