/**
 * Theme Name: generatepress-child
 * Template:   generatepress
 * ...other header fields
 */

/* =========================
   TYPOGRAPHY
   ========================= */
body, button, input, select, textarea,
h1,h2,h3,h4,h5,h6 {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

h1,h2,h3,h4,h5,h6 {
  letter-spacing: -0.01em;
}

/* =========================
   LANDING (pp-*)
   ========================= */
.pp-container{
  max-width:1100px;
  margin:0 auto;
  padding:0 10px;
}

/* Spacing */
.pp-hero{ padding:10px 0; }
.pp-section{ padding:12px 0; }
.pp-cta{ padding:12px 0; }

/* Colors */
.pp-hero,
.pp-hero p,
.pp-section,
.pp-section p,
.pp-section li,
.pp-section h1,
.pp-section h2,
.pp-section h3,
.pp-cta,
.pp-cta p{
  color:#000;
  opacity:1;
}

/* Text */
.pp-section h2{
  margin:0 0 8px 0;
  font-size:28px;
}

.pp-section p,
.pp-section li{
  margin:0 0 8px 0;
  line-height:1.6;
  font-size:16px;
  text-align:justify;
  text-justify:inter-word;
}

/* No "card" */
.pp-section .pp-container{
  background:transparent;
  padding:0;
  border-radius:0;
}

/* Buttons */
.pp-btn{
  display:inline-block;
  padding:12px 20px;
  background:var(--accent);
  color:#fff;
  text-decoration:none;
  border-radius:10px;
}
.pp-btn:hover{ opacity:.9; }

.pp-hero,
.pp-cta{ text-align:center; }

/* Lists */
.pp-list{ margin:0; padding-left:18px; }

/* =========================
   4:1 layout (text + image)
   ========================= */
.pp-grid-4-1 .pp-grid{
  display:grid;
  grid-template-columns: 4fr 1fr;
  gap:12px;
  align-items:center;
}

.pp-grid-4-1 .pp-text{ min-width:0; }

.pp-grid-4-1 .pp-media{
  justify-self:end;
  text-align:right;
}

.pp-media a{
  display:inline-block;
  text-decoration:none;
}

/* Images: SAME SIZE for course + you */
.pp-grid-4-1 .pp-photo{
  display:block;
  width:160px;              /* jeden, stały rozmiar */
  height:160px;             /* jeden, stały rozmiar */
  object-fit:cover;         /* równe kadrowanie */
  border-radius:16px;
  transition:transform .35s ease;
}

.pp-grid-4-1 .pp-photo:hover{
  transform:scale(1.08);
}

/* =========================
   Mobile
   ========================= */
@media (max-width:800px){
  .pp-grid-4-1 .pp-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .pp-grid-4-1 .pp-media{
    justify-self:center;
    text-align:center;
  }

  .pp-grid-4-1 .pp-photo{
    margin:0 auto;
  }
}