/*
 Theme Name: Upadłość Premium Child
 Theme URI: https://example.com/
 Description: Child theme pod stronę premium kancelarii zajmującej się upadłością konsumencką.
 Author: OpenAI
 Template: astra
 Version: 1.0.0
 Text Domain: upadlosc-premium-child
*/

:root{
  --uk-bg:#f6f4ef;
  --uk-surface:#ffffff;
  --uk-ink:#18202a;
  --uk-muted:#5a6675;
  --uk-line:#d8d1c4;
  --uk-dark:#0f1720;
  --uk-dark-2:#121c28;
  --uk-gold:#b08a4a;
  --uk-gold-2:#d6b67a;
  --uk-accent:#8d1f1f;
  --uk-radius:18px;
  --uk-shadow:0 20px 60px rgba(16,23,32,.08);
}

html{scroll-behavior:smooth;}
body{
  background:var(--uk-bg);
  color:var(--uk-ink);
}
h1,h2,h3,h4{
  letter-spacing:-0.02em;
}
.site-content{
  background:var(--uk-bg);
}
.uk-section{
  padding:72px 0;
}
.uk-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}
.uk-hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(120deg, rgba(15,23,32,.96), rgba(18,28,40,.93)),
    radial-gradient(circle at top right, rgba(176,138,74,.26), transparent 34%);
  color:#fff;
  padding:96px 0 88px;
}
.uk-hero:after{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:340px;
  height:340px;
  background:radial-gradient(circle, rgba(214,182,122,.18), transparent 65%);
  border-radius:50%;
}
.uk-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(214,182,122,.35);
  border-radius:999px;
  color:var(--uk-gold-2);
  font-size:.86rem;
  margin-bottom:18px;
}
.uk-badge:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--uk-gold);
}
.uk-hero-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:32px;
  align-items:center;
}
.uk-hero h1{
  color:#fff;
  font-size:clamp(2.3rem, 4vw, 4.4rem);
  line-height:1.02;
  margin:0 0 18px;
}
.uk-hero p{
  color:rgba(255,255,255,.82);
  font-size:1.08rem;
  max-width:720px;
}
.uk-hero-points{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin:28px 0;
}
.uk-hero-points div,
.uk-stat{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  padding:16px;
}
.uk-hero-points strong,
.uk-stat strong{
  display:block;
  color:#fff;
  font-size:1rem;
  margin-bottom:6px;
}
.uk-hero-points span,
.uk-stat span{
  color:rgba(255,255,255,.75);
  font-size:.93rem;
}
.uk-btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}
.uk-btn,
.wp-block-button__link.uk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 24px;
  border-radius:999px;
  text-decoration:none !important;
  font-weight:700;
  transition:.25s ease;
}
.uk-btn-primary{
  background:linear-gradient(135deg, var(--uk-gold), var(--uk-gold-2));
  color:#111;
}
.uk-btn-primary:hover{transform:translateY(-1px); opacity:.95;}
.uk-btn-secondary{
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  background:transparent;
}
.uk-card{
  background:var(--uk-surface);
  border:1px solid rgba(216,209,196,.75);
  border-radius:var(--uk-radius);
  box-shadow:var(--uk-shadow);
}
.uk-card-dark{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:26px;
  backdrop-filter:blur(6px);
}
.uk-card-dark h3,
.uk-card-dark p,
.uk-card-dark li{color:#fff;}
.uk-card-dark p,
.uk-card-dark li{color:rgba(255,255,255,.78);}
.uk-side-panel{
  padding:28px;
}
.uk-side-panel .uk-mini{
  margin:0;
  padding-left:18px;
}
.uk-section-title{
  font-size:clamp(1.8rem, 2.6vw, 3rem);
  margin:0 0 10px;
}
.uk-section-lead{
  font-size:1.05rem;
  color:var(--uk-muted);
  max-width:820px;
  margin:0 0 28px;
}
.uk-grid-3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:22px;
}
.uk-grid-2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
}
.uk-problem-card,
.uk-value-card,
.uk-faq-item,
.uk-process-card,
.uk-contact-card{
  padding:28px;
}
.uk-kicker{
  display:inline-block;
  color:var(--uk-gold);
  text-transform:uppercase;
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.11em;
  margin-bottom:10px;
}
.uk-problem-card h3,
.uk-value-card h3,
.uk-process-card h3{
  margin-top:0;
  font-size:1.25rem;
}
.uk-problem-card p,
.uk-value-card p,
.uk-process-card p,
.uk-contact-card p{
  color:var(--uk-muted);
}
.uk-split-dark{
  background:linear-gradient(180deg, var(--uk-dark), var(--uk-dark-2));
  color:#fff;
}
.uk-split-dark .uk-section-title,
.uk-split-dark .uk-kicker{
  color:#fff;
}
.uk-split-dark .uk-section-lead{
  color:rgba(255,255,255,.75);
}
.uk-list-check{
  list-style:none;
  padding:0;
  margin:0;
}
.uk-list-check li{
  position:relative;
  padding-left:28px;
  margin:0 0 12px;
}
.uk-list-check li:before{
  content:"✓";
  position:absolute;
  left:0; top:0;
  color:var(--uk-gold-2);
  font-weight:700;
}
.uk-process-card{
  position:relative;
}
.uk-step{
  display:inline-flex;
  width:42px; height:42px;
  border-radius:50%;
  align-items:center; justify-content:center;
  font-weight:800;
  background:rgba(176,138,74,.12);
  color:var(--uk-gold);
  margin-bottom:14px;
}
.uk-faq{
  display:grid;
  gap:16px;
}
.uk-faq-item h3{
  margin:0 0 8px;
  font-size:1.12rem;
}
.uk-faq-item p{
  margin:0;
  color:var(--uk-muted);
}
.uk-cta-band{
  background:linear-gradient(135deg, #171f29, #0f1720);
  color:#fff;
  border-radius:28px;
  padding:42px;
  border:1px solid rgba(214,182,122,.16);
}
.uk-cta-band p{color:rgba(255,255,255,.76);}
.uk-contact-grid{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:24px;
}
.uk-contact-card h3{
  margin-top:0;
}
.uk-contact-meta{
  display:grid;
  gap:12px;
  margin-top:20px;
}
.uk-contact-meta div{
  padding:14px 16px;
  background:#f8f7f3;
  border-radius:14px;
  border:1px solid var(--uk-line);
}
.uk-trust{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}
.uk-trust .uk-card{
  padding:20px;
  text-align:center;
}
.uk-footer-note{
  font-size:.92rem;
  color:var(--uk-muted);
}
@media (max-width: 980px){
  .uk-hero-grid,
  .uk-grid-3,
  .uk-grid-2,
  .uk-contact-grid,
  .uk-trust{
    grid-template-columns:1fr;
  }
  .uk-hero-points{
    grid-template-columns:1fr;
  }
}
