/*


* CIS KP Styles — szablony strony kurs i studia


 * @author Wojciech Modzelewski


 * Wyciągnięte z functions.php — ładowane tylko na stronach kurs/studia


 */





/* ── Reset & base ───────────────────────────────────── */


.kp-wrap { max-width:980px; margin:0 auto; padding:0 20px; }


.kp-wrap *, .kp-wrap *::before, .kp-wrap *::after { box-sizing:border-box; }





/* ── Breadcrumb ─────────────────────────────────────── */


.kp-breadcrumb { background:#F0F6FF; border-bottom:1px solid rgba(13,46,107,.1); padding:10px 0; font-size:.75rem; color:#64748b; }


.kp-breadcrumb a { color:#64748b; text-decoration:none; }


.kp-breadcrumb a:hover { color:#2d4a6e; }


.kp-breadcrumb span { margin:0 6px; color:#cbd5e1; }





/* ── Hero ───────────────────────────────────────────── */


.kp-hero { background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%); color:#fff; padding:56px 0 0; position:relative; overflow:hidden; }


.kp-hero::after { content:\'\'; position:absolute; bottom:0; left:0; right:0; height:40px; background:#F0F6FF; clip-path:ellipse(55% 100% at 50% 100%); }


.kp-hero__inner { display:grid; grid-template-columns:1fr 300px; gap:48px; align-items:start; padding-bottom:56px; }


.kp-hero__badges { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }


.kp-badge { display:inline-flex; align-items:center; gap:5px; padding:4px 11px; border-radius:100px; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }


.kp-badge--open  { background:rgba(42,144,143,.15); color:#2d4a6e; border:1px solid rgba(42,144,143,.3); }


.kp-badge--close { background:rgba(165,61,61,.12); color:#A53D3D; border:1px solid rgba(165,61,61,.3); }


.kp-badge--soon  { background:rgba(196,120,138,.1); color:#C4788A; border:1px solid rgba(196,120,138,.22); }


.kp-badge--type  { background:rgba(13,43,69,.08); color:#1a2e4a; border:1px solid rgba(13,43,69,.25); }


.kp-hero h1 { font-size:clamp(1.7rem,3.5vw,2.4rem); font-weight:900; line-height:1.15; margin:0 0 14px; color:#fff; }


.kp-hero__exc { font-size:.95rem; color:rgba(255,255,255,.7); line-height:1.75; margin-bottom:24px; max-width:560px; }


.kp-hero__cta-btn { display:inline-flex; align-items:center; gap:8px; padding:13px 28px; background:linear-gradient(90deg,#C4788A,#8B4A5E); color:#fff; font-weight:700; font-size:.88rem; letter-spacing:.06em; text-transform:uppercase; border-radius:11px; text-decoration:none; box-shadow:0 8px 20px rgba(196,120,138,.18); transition:all .2s; }


.kp-hero__cta-btn:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(139,74,94,.15); color:#fff; }





/* Sidebar karta */


.kp-sidebar { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:22px; backdrop-filter:blur(8px); }


.kp-sidebar__row { display:flex; justify-content:space-between; align-items:flex-start; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.06); font-size:.82rem; }


.kp-sidebar__row:last-child { border-bottom:none; }


.kp-sidebar__label { color:rgba(255,255,255,.5); }


.kp-sidebar__val { color:#fff; font-weight:700; text-align:right; max-width:60%; }


.kp-sidebar__price { font-size:1.6rem; font-weight:900; color:#fff; text-align:center; padding:12px 0 16px; }


.kp-sidebar__price small { display:block; font-size:.7rem; color:rgba(255,255,255,.5); font-weight:400; margin-top:2px; }





/* ── Licznik ────────────────────────────────────────── */


.kp-countdown { background:#fff; border:2px solid #C4788A; border-radius:10px; padding:10px 14px; text-align:center; margin-bottom:14px; }


.kp-countdown__label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#1a2e4a; margin-bottom:6px; }


.kp-countdown__timer { display:flex; gap:8px; justify-content:center; }


.kp-countdown__unit { text-align:center; }


.kp-countdown__unit strong { display:block; font-size:1.3rem; font-weight:900; color:#0f172a; line-height:1; }


.kp-countdown__unit span { font-size:.6rem; color:#94a3b8; text-transform:uppercase; }





/* ── Treść główna ───────────────────────────────────── */


.kp-main { background:#F0F6FF; padding:56px 0; }


.kp-content-grid { display:grid; grid-template-columns:1fr 280px; gap:40px; align-items:start; }





/* Sekcje treści */


.kp-section { background:#fff; border-radius:14px; border:1px solid rgba(13,46,107,.1); padding:28px 28px 24px; margin-bottom:20px; }


.kp-section:last-child { margin-bottom:0; }


.kp-section h2 { font-size:1.05rem; font-weight:900; color:#0f172a; margin:0 0 16px; padding-bottom:12px; border-bottom:2px solid #E8F1FB; display:flex; align-items:center; gap:8px; }


.kp-section h2::before { content:\'\'; display:block; width:4px; height:18px; background:linear-gradient(180deg,#1a2e4a,#2d4a6e); border-radius:2px; flex-shrink:0; }





/* Content z edytora WP */


.kp-wp-content { font-size:.9rem; line-height:1.85; color:#374151; }


.kp-wp-content h2,.kp-wp-content h3,.kp-wp-content h4 { color:#0f172a; font-weight:800; margin:22px 0 10px; }


.kp-wp-content h2 { font-size:1.1rem; }


.kp-wp-content h3 { font-size:.95rem; }


.kp-wp-content p  { margin:0 0 14px; }


.kp-wp-content ul,.kp-wp-content ol { padding-left:22px; margin:0 0 14px; }


.kp-wp-content li { margin-bottom:6px; }


.kp-wp-content a  { color:#2d4a6e; }


.kp-wp-content strong { color:#0f172a; }


.kp-wp-content blockquote { border-left:3px solid #1a2e4a; margin:16px 0; padding:12px 16px; background:#E8F1FB; border-radius:0 8px 8px 0; font-style:italic; color:#0D2038; }


.kp-wp-content table { width:100%; border-collapse:collapse; margin:14px 0; font-size:.85rem; }


.kp-wp-content th { background:#F0F6FF; border:1px solid rgba(13,46,107,.1); padding:8px 12px; font-weight:700; text-align:left; }


.kp-wp-content td { border:1px solid rgba(13,46,107,.1); padding:8px 12px; }





/* Lista dla kogo */


.kp-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }


.kp-list li { display:flex; align-items:flex-start; gap:10px; font-size:.86rem; color:#374151; line-height:1.6; }


.kp-list li::before { content:\'✓\'; width:20px; height:20px; background:#E8F1FB; color:#2d4a6e; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.65rem; font-weight:700; flex-shrink:0; margin-top:2px; }


.kp-list--req li::before { content:\'→\'; background:#dbeafe; color:#1d4ed8; }





/* Sticky sidebar */


.kp-sticky-aside { position:sticky; top:90px; }


.kp-aside-card { background:#fff; border-radius:14px; border:1px solid rgba(13,46,107,.1); padding:22px; box-shadow:0 4px 16px rgba(0,0,0,.06); }


.kp-aside-card h3 { font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#94a3b8; margin:0 0 14px; }


.kp-aside-row { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid #F0F6FF; font-size:.82rem; }


.kp-aside-row:last-of-type { border-bottom:none; }


.kp-aside-row__label { color:#64748b; }


.kp-aside-row__val { color:#0f172a; font-weight:700; }


.kp-aside-price { font-size:1.8rem; font-weight:900; color:#0f172a; text-align:center; padding:10px 0; }


.kp-aside-price small { font-size:.72rem; color:#94a3b8; font-weight:400; display:block; }


.kp-aside-btn { display:block; width:100%; padding:13px; background:linear-gradient(90deg,#C4788A,#8B4A5E); color:#fff; text-align:center; font-weight:700; font-size:.85rem; letter-spacing:.06em; text-transform:uppercase; border-radius:10px; text-decoration:none; transition:all .2s; margin-top:14px; }


.kp-aside-btn:hover { opacity:.9; transform:translateY(-1px); color:#fff; }


.kp-cert-box { background:#f0fdf4; border:1px solid #bbf7d0; border-radius:10px; padding:12px 14px; margin-top:12px; font-size:.8rem; color:#15803d; display:flex; align-items:center; gap:8px; }





/* Wykładowcy */


.kp-wyk-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:14px; }


.kp-wyk-card { text-align:center; padding:16px; background:#F0F6FF; border-radius:12px; border:1px solid rgba(13,46,107,.1); }


.kp-wyk-photo { width:64px; height:64px; border-radius:50%; margin:0 auto 10px; overflow:hidden; background:linear-gradient(135deg,#1a2e4a,#2d4a6e); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.2rem; font-weight:900; }


.kp-wyk-photo img { width:100%; height:100%; object-fit:cover; }


.kp-wyk-name { font-size:.82rem; font-weight:800; color:#0f172a; margin-bottom:2px; }


.kp-wyk-role { font-size:.72rem; color:#64748b; }





/* Sticky CTA bar */


.kp-cta-bar { position:fixed; bottom:0; left:0; right:0; background:#fff; border-top:1px solid rgba(13,46,107,.1); padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; z-index:200; transform:translateY(100%); transition:transform .3s; box-shadow:0 -6px 24px rgba(0,0,0,.08); }


.kp-cta-bar.show { transform:translateY(0); }


.kp-cta-bar__title { font-size:.88rem; font-weight:800; color:#0f172a; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


.kp-cta-bar__price { font-size:.95rem; font-weight:900; color:#1a2e4a; flex-shrink:0; }





/* Formularz zapisu */


.kp-enroll { background:#fff; padding:56px 0; border-top:1px solid rgba(13,46,107,.1); }





/* Responsive */


@media(max-width:900px){


    .kp-hero__inner { grid-template-columns:1fr; }


    .kp-sidebar { display:none; }


    .kp-content-grid { grid-template-columns:1fr; }


    .kp-sticky-aside { position:static; }


    .kp-wrap { padding:0 16px; }


}


@media(max-width:480px){


    .kp-wrap { padding:0 14px; }


    .kp-hero { padding:36px 0 0; }


    .kp-hero__inner { padding-bottom:32px; gap:20px; }


    .kp-hero h1 { font-size:clamp(1.4rem,6vw,1.9rem); }


}


@media(max-width:640px){


    .kp-wyk-grid { grid-template-columns:1fr 1fr; }


}