/*
Theme Name: Poliweglan Lity24 Child
Theme URI: https://poliweglan-lity24.pl
Description: Child theme Astry dla poliweglan-lity24.pl — materiałowa baza wiedzy o poliwęglanie litym. Wygenerowany na podstawie prototypów Claude Design (Faza 1).
Author: Zespol projektowy
Template: astra
Version: 1.0.0
Text Domain: poliweglan-lity24-child
*/

/* Ten plik jest wymagany przez WordPress jako naglowek child theme.
   Rzeczywiste style zyja w assets/css/ (tokens.css, base.css, components.css) —
   ladowane przez functions.php z wersjonowaniem filemtime().
   Nie dodawac tu regul stylow — tylko globalne override, jesli kiedys potrzebne. */



/* --- KLASTER 3: CONSTRUCTION PETROL GREEN (SPACE GROTESK + PLUS JAKARTA) --- */
:root {
  --pol-petrol: #0F766E;
  --pol-petrol-dark: #115E59;
  --pol-slate: #0F172A;
  --pol-bg: #F0FDFA;
  --pol-radius: 4px;
  --pol-font-head: 'Space Grotesk', sans-serif;
  --pol-font-body: 'Plus Jakarta Sans', sans-serif;
}
body { font-family: var(--pol-font-body); }
h1, h2, h3, h4, h5, h6 { font-family: var(--pol-font-head); font-weight: 700; }
.pol-btn-action { background: var(--pol-petrol); color: #fff; border-radius: var(--pol-radius); padding: 12px 24px; font-weight: 600; display: inline-block; text-decoration: none; }
.pol-btn-action:hover { background: var(--pol-petrol-dark); color: #fff; }
.pol-cert-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--pol-bg); border: 1px solid var(--pol-petrol); color: var(--pol-petrol); padding: 6px 12px; border-radius: var(--pol-radius); font-weight: 600; font-size: 13px; }
@media (max-width: 768px) {
  .pol-mobile-bar { position: fixed; bottom: 0; left: 0; width: 100%; height: 56px; background: var(--pol-slate); display: flex; z-index: 99999; }
  .pol-mobile-bar a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-decoration: none; font-size: 11px; font-weight: 600; }
  .pol-mobile-bar a.pol-cta { background: var(--pol-petrol); }
}

.pol-mobile-bar { display: none !important; }

@media (max-width: 768px) { .plx-topbar { display: none !important; } }

/* ============================================================
   FULL-WIDTH & NO-BOXED RESET (Astra Child Fix)
   Likwidacja białych obwódek, marginesów i układu boxed.
   ============================================================ */
html,
body,
body.ast-desktop,
body.ast-plain-container,
body.ast-separate-container,
body.ast-boxed-container,
#page,
.site,
.site-content,
.ast-container,
.entry-content,
#primary,
#main {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #08091E !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  overflow-x: hidden !important;
}


/* DEFINITIVE DESKTOP BAR REMOVAL */
.rzp-mobile-bar, .cdz-mobile-bar, .fol-mobile-bar, .pnw-mobile-bar, .pxp-mobile-bar, 
.plr-mobile-bar, .pol-mobile-bar, .rwz-mobile-bar, .stj-mobile-bar, .szy-mobile-bar, 
.czp-sticky-cta, #rzp-sticky-cta, #rw-sticky-cta, .plx-sticky-cta, .s24-sticky-mobile-bar {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* OPS-171: responsive wrapper for wide technical tables (2026-08-22) */
.entry-content table,.ast-container table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* MASTER BAR KILLER */
.rzp-mobile-bar, #rzp-sticky-cta, #rw-sticky-cta, .rw-sticky-cta, .plx-sticky-cta, .s24-sticky-mobile-bar, .cdz-mobile-bar, .fol-mobile-bar, .pnw-mobile-bar, .pxp-mobile-bar, .plr-mobile-bar, .pol-mobile-bar, .rwz-mobile-bar, .stj-mobile-bar, .szy-mobile-bar, .czp-sticky-cta, #plexi-sticky-bar { display: none !important; visibility: hidden !important; pointer-events: none !important; height: 0 !important; max-height: 0 !important; opacity: 0 !important; overflow: hidden !important; }

/* Extracted from single.php */

  html, body { overflow-x: hidden; width: 100%; }
  * { box-sizing: border-box; }

  .post-layout {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 48px;
    align-items: start;
    max-width: 1200px;
    margin: 0 auto;
    padding: clamp(36px, 5vw, 60px) 20px 80px;
  }

  .post-main {
    min-width: 0;
    background: #FFFFFF;
  }

  .post-article-body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #334155;
  }

  .post-article-body h2 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 800;
    color: #0D0E35;
    margin: 40px 0 16px;
    line-height: 1.25;
    padding-bottom: 8px;
    border-bottom: 2px solid #E2E8F0;
  }
  .post-article-body h2:first-of-type {
    margin-top: 0;
  }

  .post-article-body h3 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(18px, 2.4vw, 22px);
    font-weight: 700;
    color: #0D0E35;
    margin: 28px 0 12px;
  }

  .post-article-body p {
    margin: 0 0 20px;
  }

  .post-article-body ul, .post-article-body ol {
    margin: 0 0 24px;
    padding-left: 24px;
  }

  .post-article-body li {
    margin-bottom: 8px;
  }

  .post-article-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 28px 0;
    font-size: 14.5px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    overflow: hidden;
  }

  .post-article-body th {
    background: #0D0E35;
    color: #FFFFFF;
    padding: 14px 16px;
    font-weight: 700;
    text-align: left;
  }

  .post-article-body td {
    padding: 12px 16px;
    border-bottom: 1px solid #E2E8F0;
    color: #334155;
  }

  .post-article-body tr:nth-child(even) td {
    background: #F8FAFC;
  }

  .post-article-body blockquote {
    margin: 28px 0;
    padding: 20px 24px;
    background: #F8FAFC;
    border-left: 4px solid #F05139;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #1E293B;
  }

  .post-sidebar {
    position: sticky;
    top: 90px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .sidebar-box {
    border-radius: 12px;
    padding: 24px;
    border: 1px solid #E2E8F0;
  }

  @media (max-width: 991px) {
    .post-layout {
      grid-template-columns: 1fr;
      gap: 36px;
      padding: 32px 16px 60px;
    }
    .post-sidebar {
      position: static;
    }
  }