/*
Theme Name: ATP Method (Kadence Child)
Theme URI: https://example.com/
Description: Child theme dla Kadence. Branding ATP Method (czerń/biel/czerwień) + lekkie style pod landing.
Author: ATP Method
Template: kadence
Version: 1.0.0
Text Domain: atp-method-kadence-child
*/

:root{
  --atp-red: #E01937;
  --atp-black: #0A0A0A;
  --atp-white: #FFFFFF;
  --atp-gray: #1f1f1f;
  --atp-bg: #F6F6F6;
}

.atp-badge{
  display:inline-block;
  padding:.35rem .6rem;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  font-size:.85rem;
  line-height:1;
  opacity:.95;
}

.atp-hero{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(224,25,55,.18), transparent 60%),
              radial-gradient(900px 500px at 90% 30%, rgba(224,25,55,.10), transparent 55%),
              linear-gradient(180deg, #0A0A0A, #0A0A0A);
}

.atp-hero h1, .atp-hero p, .atp-hero li { color: #FFFFFF; }
.atp-hero a { color: #FFFFFF; }

.atp-section--alt{
  /* User feedback: avoid alternating grey panels. Keep sections clean white; use subtle separators instead. */
  background: #fff;
}

/* Subtle separators between sections (instead of grey backgrounds) */
.atp-section{ position: relative; }
.atp-section:before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  background: linear-gradient(90deg, rgba(0,0,0,0), rgba(10,10,10,.12), rgba(0,0,0,0));
  opacity:.35;
  pointer-events:none;
}
.atp-hero.atp-section:before{ display:none; }

/* Menu button styles (Kadence) */
.atp-menu-cta > a{
  background: var(--atp-red) !important;
  color:#fff !important;
  border-radius: 14px !important;
  padding: 10px 14px !important;
  font-weight: 900 !important;
}
.atp-menu-ghost > a{
  border: 2px solid var(--atp-red) !important;
  color: var(--atp-red) !important;
  border-radius: 14px !important;
  padding: 8px 12px !important;
  font-weight: 900 !important;
  background: transparent !important;
}

.atp-cta .wp-block-button__link,
.wp-block-button.is-style-fill .wp-block-button__link{
  background: var(--atp-red);
  border-color: var(--atp-red);
}
.atp-cta .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover{
  filter: brightness(.95);
}

.atp-outline .wp-block-button__link{
  background: transparent;
  border: 2px solid var(--atp-red);
  color: var(--atp-red);
}
.atp-outline .wp-block-button__link:hover{
  background: rgba(224,25,55,.08);
}

.atp-kicker{ color: var(--atp-red); text-transform: uppercase; letter-spacing: .10em; font-size: .82rem; font-weight: 800; }

.atp-card{
  border: 1px solid rgba(10,10,10,.08);
  border-radius: 18px;
  padding: 1.2rem;
  background: #fff;
  box-shadow: 0 10px 30px rgba(10,10,10,.05);
}

.atp-table table{
  width:100%;
  border-collapse: collapse;
}
.atp-table th, .atp-table td{
  border:1px solid rgba(10,10,10,.10);
  padding:.6rem .7rem;
  vertical-align: top;
}
.atp-table th{
  background: #fff;
}

.atp-footer-note{
  font-size:.9rem;
  color: #1f1f1f;
}



/* Layout helpers */
.atp-mini{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background: rgba(255,255,255,.04);
}
.atp-mini span{ opacity:.85; font-size:.92rem; }
.atp-icon{ width:40px; height:40px; object-fit:contain; background:#fff; border-radius:12px; padding:6px; }

.atp-grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:18px;
}
.atp-grid-2{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:18px;
}
@media (max-width: 900px){
  .atp-grid-3{ grid-template-columns: 1fr; }
  .atp-grid-2{ grid-template-columns: 1fr; }
}

.atp-card--img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:16px;
}

.atp-hero-media img{
  width:100%;
  height:auto;
  border-radius:22px;
  box-shadow: 0 18px 55px rgba(10,10,10,.40);
  border:1px solid rgba(255,255,255,.12);
}


.atp-card{ transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.atp-card:hover{ transform: translateY(-3px); box-shadow: 0 18px 55px rgba(10,10,10,.12); border-color: rgba(224,25,55,.28); }

.atp-kicker{ position:relative; display:inline-block; }
.atp-kicker:after{ content:""; display:block; height:3px; width:64px; background: var(--atp-red); margin-top:10px; border-radius:999px; }