/* ======================
   /css/theme.css
   Jasny motyw + akcenty logo
====================== */
:root{
  /* Dobierz do kolorów z logo (próbkowane: zielony i pomarańczowy) */
  --brand-green: #22c55e;   /* zielony */
  --brand-orange: #e0ad89;  /* pomarańczowy */
  --brand-white: #d8d8d8; 
  --pd-blue: #2f4e6f;
  --pd-graphite: #3a424a;
  --pd-orange: #ff8c1a;
  --pd-steel: #8a97a6;


  /* Nadpisanie kolorów Bootstrapa */
  --bs-primary: #ff8c1a;
  --bs-primary-rgb: 255, 140, 26;
  --bs-link-color: #2f4e6f;
  --bs-link-hover-color: #1f3b57;
}

body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; 
  padding-bottom: 72px;
}

@media (max-width: 576px){
  body {padding-bottom: 96px;}
}

.bg-accent{ background: var(--pd-orange); }
.navbar-brand span{ letter-spacing:.2px }
.card img{ object-fit: cover; aspect-ratio: 16/10; }

.img-transparent{
  background: transparent;
  mix-blend-mode: multiply; /* lub screen */
}

/* TEXT */
.text-pd-blue{ color: var(--pd-blue); }
.text-pd-graphite{ color: var(--pd-graphite); }
.text-pd-orange{ color: var(--pd-orange); }
.text-pd-steel{ color: var(--pd-steel); }
.text-success{ color: var(--pd-blue); }

/* BG */
.bg-pd-blue{ background: var(--pd-blue); }
.bg-pd-graphite{ background: var(--pd-graphite); }
.bg-pd-orange{ background: var(--pd-orange); }
.bg-pd-steel{ background: var(--pd-steel); }

/* BORDER */
.border-pd-orange{ border-color: var(--pd-orange); }
.border-pd-blue{ border-color: var(--pd-blue); }

/* BUTTON */
.btn-pd{
  background: var(--pd-orange);
  border: none;
  color:#fff;
}

.btn-pd:hover{
  background:#e67700;
  color:#fff;
}

/* DESKTOP */
.hero{
  position:relative;
  /* min-height:auto;
  max-height: 250px; */
  padding:120px 0;
  background: linear-gradient(rgba(244, 241, 241, 0.35), rgba(234, 230, 230, 0.15)), url('../assets/hero-1.webp') center/cover no-repeat;
}

/* TABLET */
@media (max-width: 992px){
  .hero{
    /* min-height:auto;
    max-height: 480px; */
    padding:72px 0;
    
  }
}

/* MOBILE */
@media (max-width: 576px){
  .hero{
    /* min-height:auto;      
    max-height: 480px; */
    padding:60px 0 40px;
    /* background: linear-gradient(rgba(244, 241, 241, 0.55), rgba(234, 230, 230, 0.55)), url('../assets/magazyn-mobile.webp') center/cover no-repeat; */
  }

}


/* Hero dla Barn4Z (tło = dedykowana grafika) */
.hero-barn4z{
  background:
    linear-gradient(rgba(244, 241, 241, 0.78), rgba(234, 230, 230, 0.78)),
    url('../assets/barn4z-hero1.webp') right center/cover no-repeat;
  min-height: auto;
  padding: 120px 0;
}

/* Mobile: tło bardziej “centralnie”, żeby grafika nie uciekła */
@media (max-width: 576px){
  .hero-barn4z{
    background:
      linear-gradient(rgba(244, 241, 241, 0.86), rgba(234, 230, 230, 0.86)),
      url('../assets/barn4z-hero1.webp') center/cover no-repeat;
    padding: 60px 0 40px;
  }
}



.hero-projekty {
  position: relative;
  min-height: 520px;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.6),
      rgba(244, 241, 241, 0.9)
    ),
    url("../assets/projekty-hero2.webp");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  color: #fff;
  padding: 120px 0;
}

.hero-projekty .text-white-75 {
  color: rgba(255, 255, 255, 0.85);
}

@media (max-width: 991px) {
  .hero-projekty {
    min-height: 420px;
    background-position: center;
    padding: 80px 0;
  }
}


.hero-logo-img{
    max-width:180px;
    max-height:180px;
  }

.text-brand-green{
  color: #16a34a;
}

.lead-text_orange{
  color: var(--pd-graphite);
  font-weight: 700;
  font-size: 20px;
}

.pd-card{
  border:1px solid rgba(138,151,166,0.25);
}
.pd-card:hover{
  border-color: rgba(255,140,26,0.35);
}


.cookie-banner{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 12px 0;
  background: rgba(25, 28, 32, 0.95);
  color: #fff;
  border-top: 1px solid rgba(255,255,255,0.12);
  backdrop-filter: blur(6px);
}

.cookie-banner__inner{
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.cookie-banner__text{
  font-size: 0.95rem;
  line-height: 1.35;
}

.cookie-banner a{
  color: #fff;
  text-decoration: underline;
}

.cookie-banner.is-hidden{
  display: none;
}

.pd-diagram-wrap{
  width: 100%;
  max-width: 980px;         /* żeby nie było “płasko” na ultra-szerokich */
  margin: 0 auto;           /* wyśrodkowanie */
}

.pd-diagram{
  width: 100%;
  height: auto;
  display: block;
}

/* Ikony dla kart funkcji Barn4Z */
.pd-icon {
  width: 120px;
  height: 120px;
  display: inline-block;
  margin-bottom: 10px;
}

.pd-icon .pd-stroke { stroke: var(--pd-blue); }
.pd-icon .pd-accent { stroke: var(--pd-orange); }
.pd-icon .pd-fill   { fill: rgba(47,78,111,0.08); }        /* delikatne tło */
.pd-icon .pd-fill2  { fill: rgba(255,140,26,0.12); }       /* akcent */

@media (max-width: 576px){
  .pd-icon{ width: 48px; height: 48px; }
}