/* =============================================================================
   Realizacje — kafle (home + archiwum), archiwum, pojedyncza realizacja
   Tokeny: --dachy-red:#E30613  --dachy-dark:#0B0B0D  --dachy-bg:#F6F7F9
   Radius 8px, Poppins (nagłówki) + Inter (tekst)
   ========================================================================== */

:root{
	--dachy-red:#E30613;
	--dachy-dark:#0B0B0D;
	--dachy-bg:#F6F7F9;
}

/* --- Siatka kafli (wspólna dla home i archiwum) ------------------------- */
.dachy-real-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:24px;
}
.dachy-real-card{
	display:flex;flex-direction:column;
	background:#fff;border-radius:8px;overflow:hidden;
	text-decoration:none;color:inherit;
	box-shadow:0 2px 10px rgba(11,11,13,.06);
	transition:transform .2s ease,box-shadow .2s ease;
}
.dachy-real-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(11,11,13,.12)}
.dachy-real-card__img{position:relative;aspect-ratio:4/3;background:var(--dachy-bg);overflow:hidden}
.dachy-real-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.dachy-real-card:hover .dachy-real-card__img img{transform:scale(1.05)}
.dachy-real-card__ph{position:absolute;inset:0;background:linear-gradient(135deg,#e9ebef,#f6f7f9)}
.dachy-real-card__tag{
	position:absolute;top:12px;left:12px;
	background:var(--dachy-red);color:#fff;
	font-family:"Poppins",sans-serif;font-size:12px;font-weight:600;
	padding:5px 12px;border-radius:100px;letter-spacing:.2px;
}
.dachy-real-card__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.dachy-real-card__title{
	font-family:"Poppins",sans-serif;font-size:18px;font-weight:600;
	color:var(--dachy-dark);margin:0;line-height:1.3;
}
.dachy-real-card__meta{font-size:13px;color:#6b7280;margin:0}
.dachy-real-card__scope{font-size:14px;color:#374151;margin:2px 0 0;line-height:1.45}
.dachy-real-card__more{
	margin-top:auto;padding-top:10px;
	font-family:"Poppins",sans-serif;font-size:14px;font-weight:600;color:var(--dachy-red);
}

/* --- Archiwum ---------------------------------------------------------- */
.dachy-real-archive{background:var(--dachy-bg);padding:56px 0 72px}
.dra-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.dra-head{text-align:center;margin-bottom:28px}
.dra-title{font-family:"Poppins",sans-serif;font-size:clamp(28px,4vw,40px);color:var(--dachy-dark);margin:0 0 10px}
.dra-lead{max-width:640px;margin:0 auto;color:#4b5563;font-size:16px;line-height:1.6}
.dra-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 34px}
.dra-chip{
	font-family:"Poppins",sans-serif;font-size:14px;font-weight:500;
	padding:8px 16px;border-radius:100px;text-decoration:none;
	background:#fff;color:var(--dachy-dark);border:1px solid #e5e7eb;
	transition:all .15s ease;
}
.dra-chip:hover{border-color:var(--dachy-red);color:var(--dachy-red)}
.dra-chip.is-active{background:var(--dachy-red);color:#fff;border-color:var(--dachy-red)}

/* =============================================================================
   Pojedyncza realizacja
   Selektory z prefiksem .dachy-single-real, żeby przebić globalne reguły motywu
   (np. kolor h1) bez używania !important.
   ========================================================================== */
.dachy-single-real{background:#fff}

.dachy-single-real .dsr-hero{
	background:var(--dachy-dark);
	color:#fff;
	padding:56px 0 48px;
}
.dachy-single-real .dsr-wrap{max-width:1040px;margin:0 auto;padding:0 20px}

.dachy-single-real .dsr-crumbs{font-size:13px;color:#9ca3af;margin-bottom:18px}
.dachy-single-real .dsr-crumbs a{color:#d1d5db;text-decoration:none}
.dachy-single-real .dsr-crumbs a:hover{color:#fff}

/* Tytuł — WYMUSZONY biały, wysoka specyficzność przebija motyw */
.dachy-single-real .dsr-hero .dsr-title,
.dachy-single-real h1.dsr-title{
	font-family:"Poppins",sans-serif;
	color:#ffffff;
	font-size:clamp(26px,3.6vw,40px);
	line-height:1.18;
	margin:0 0 20px;
	font-weight:700;
}

.dachy-single-real .dsr-facts{
	list-style:none;padding:0;margin:0;
	display:flex;flex-wrap:wrap;gap:10px 14px;
}
.dachy-single-real .dsr-facts li{
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.14);
	border-radius:100px;
	padding:7px 16px;
	font-size:14px;color:#e5e7eb;
}
.dachy-single-real .dsr-facts strong{color:#fff;font-weight:600}
.dachy-single-real .dsr-facts a{color:#fff;text-decoration:underline;text-underline-offset:2px}

.dachy-single-real .dsr-body{padding:48px 20px 68px}

/* Galeria z meta boxa (właściwa) */
.dachy-single-real .dsr-gallery{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
	gap:14px;
	margin-bottom:44px;
}
.dachy-single-real .dsr-gallery__item{
	padding:0;border:0;background:var(--dachy-bg);cursor:pointer;
	border-radius:8px;overflow:hidden;aspect-ratio:4/3;
}
.dachy-single-real .dsr-gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.dachy-single-real .dsr-gallery__item:hover img{transform:scale(1.06)}

/* Fallback: gdy jest tylko obrazek wyróżniający (bez galerii) — pokaż go duży */
.dachy-single-real .dsr-gallery--single{grid-template-columns:1fr;max-width:760px;margin-inline:auto}
.dachy-single-real .dsr-gallery--single img{width:100%;height:auto;border-radius:8px;display:block}

.dachy-single-real .dsr-content{
	max-width:760px;margin:0 auto 44px;
	font-size:17px;line-height:1.75;color:#374151;
}
.dachy-single-real .dsr-content h2,
.dachy-single-real .dsr-content h3{font-family:"Poppins",sans-serif;color:var(--dachy-dark)}
.dachy-single-real .dsr-content p{margin:0 0 18px}
/* Galeria wrzucona przez blok Gutenberga w treści — dociągnij do porządku */
.dachy-single-real .dsr-content .wp-block-gallery{margin:24px 0}
.dachy-single-real .dsr-content img{border-radius:8px}

.dachy-single-real .dsr-cta{
	max-width:760px;margin:0 auto 28px;
	background:var(--dachy-bg);border-radius:12px;
	padding:32px 24px;text-align:center;
}
.dachy-single-real .dsr-cta p{margin:0 0 18px;font-size:18px;color:var(--dachy-dark);font-weight:600;font-family:"Poppins",sans-serif}
.dachy-single-real .dsr-cta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.dachy-single-real .dsr-btn{font-family:"Poppins",sans-serif;font-weight:600;font-size:15px;padding:13px 24px;border-radius:8px;text-decoration:none;transition:all .15s ease;line-height:1}
.dachy-single-real .dsr-btn--red{background:var(--dachy-red);color:#fff}
.dachy-single-real .dsr-btn--red:hover{background:#b80510}
.dachy-single-real .dsr-btn--out{background:#25D366;color:#fff}
.dachy-single-real .dsr-btn--out:hover{filter:brightness(.94)}
.dachy-single-real .dsr-btn--ghost{background:#fff;color:var(--dachy-dark);border:1px solid #e5e7eb}
.dachy-single-real .dsr-btn--ghost:hover{border-color:var(--dachy-red);color:var(--dachy-red)}

.dachy-single-real .dsr-back{max-width:760px;margin:0 auto;text-align:center}
.dachy-single-real .dsr-back a{color:var(--dachy-red);text-decoration:none;font-weight:600;font-family:"Poppins",sans-serif}

/* --- Lightbox ---------------------------------------------------------- */
.dsr-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(11,11,13,.93);display:none;align-items:center;justify-content:center}
.dsr-lightbox[aria-hidden="false"]{display:flex}
.dsr-lightbox__img{max-width:90vw;max-height:86vh;object-fit:contain;border-radius:6px}
.dsr-lightbox__close{position:absolute;top:18px;right:24px;background:none;border:0;color:#fff;font-size:38px;line-height:1;cursor:pointer}
.dsr-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);border:0;color:#fff;font-size:34px;width:54px;height:54px;border-radius:50%;cursor:pointer}
.dsr-lightbox__prev{left:20px}
.dsr-lightbox__next{right:20px}
.dsr-lightbox__nav:hover{background:var(--dachy-red)}

@media(max-width:600px){
	.dsr-lightbox__nav{width:44px;height:44px;font-size:26px}
	.dachy-single-real .dsr-hero{padding:40px 0 34px}
}