/* DRR DAMSON 22.05 — finalny polish: header, projekty, darmowe projekty, forum, SEO/UX compact */
body.drr-brand-final{
  --drr-pro-bg:#06110f;
  --drr-pro-panel:rgba(8,29,25,.94);
  --drr-pro-panel-2:rgba(11,42,36,.96);
  --drr-pro-line:rgba(50,226,183,.20);
  --drr-pro-gold:#d6a84f;
  --drr-pro-gold-2:#f2d37d;
  --drr-pro-teal:#32e2b7;
  --drr-pro-text:#f7fff9;
  --drr-pro-muted:#a8dfcf;
  --drr-pro-shadow:0 20px 60px rgba(0,0,0,.30);
}

/* Header ma wyglądać jak na głównej, bez rozjazdu logo i kolorów */
body.drr-brand-final .drr-unified-topbar .container{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:32px!important;
}
body.drr-brand-final .drr-unified-header .header-v2-inner{
  display:grid!important;
  grid-template-columns:auto minmax(260px,560px) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:72px!important;
  padding:6px 0!important;
}
body.drr-brand-final .drr-unified-header .brand img{
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}
body.drr-brand-final .drr-unified-header .brand{
  min-width:250px!important;
  align-self:center!important;
}
body.drr-brand-final .drr-unified-header .search-container{
  width:100%!important;
  max-width:560px!important;
  align-self:center!important;
}
body.drr-brand-final .drr-unified-header .search-input{
  height:42px!important;
  min-height:42px!important;
  padding:8px 52px 8px 17px!important;
}
body.drr-brand-final .drr-unified-header .search-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  right:4px!important;
}
body.drr-brand-final .drr-unified-header .user-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
body.drr-brand-final .drr-unified-header .action-item{
  min-height:36px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  font-size:13px!important;
}
body.drr-brand-final .drr-unified-nav .container{width:min(1280px,calc(100% - 40px));margin:0 auto;}
body.drr-brand-final .drr-unified-nav .nav-v2-list--rich{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:0!important;
  padding:10px 0!important;
  list-style:none!important;
}
body.drr-brand-final .drr-unified-nav .nav-v2-list--rich a{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:8px 11px!important;
  font-size:12.5px!important;
  font-weight:850!important;
  line-height:1!important;
}
body.drr-brand-final .drr-unified-nav .nav-v2-list--rich a.active,
body.drr-brand-final .drr-unified-nav .nav-v2-list--rich a[aria-current="page"]{
  color:#061112!important;
  background:linear-gradient(135deg,var(--drr-pro-gold),var(--drr-pro-teal))!important;
  border-color:transparent!important;
}

/* Kompakt — okna/teksty ok. 15% ciaśniej, mniej kręcenia rolką */
body.drr-compact-pages .projects-hero,
body.drr-compact-pages .forum-hero{
  padding:42px 0 26px!important;
  border-radius:0 0 28px 28px!important;
}
body.drr-compact-pages .projects-hero h1,
body.drr-compact-pages .forum-hero h1{
  font-size:clamp(1.85rem,3.2vw,3.25rem)!important;
  line-height:1.03!important;
  max-width:980px!important;
}
body.drr-compact-pages .projects-lead,
body.drr-compact-pages .forum-lead{
  max-width:920px!important;
  font-size:.98rem!important;
  line-height:1.55!important;
}
body.drr-compact-pages .projects-section,
body.drr-compact-pages .forum-section{
  padding:26px 0!important;
}
body.drr-compact-pages .section-head{margin-bottom:14px!important;}
body.drr-compact-pages .section-head h2{font-size:clamp(1.32rem,2vw,2rem)!important;}
body.drr-compact-pages .section-head p{font-size:.94rem!important;line-height:1.5!important;}
body.drr-compact-pages .project-toolbar{margin-top:18px!important;padding:12px!important;}
body.drr-compact-pages .btn-drr{padding:10px 14px!important;font-size:.9rem!important;}

/* Katalog projektów jak produkty: drzewo po lewej, podgląd po prawej */
body.drr-brand-final .project-catalog-layout{
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  margin-top:0!important;
}
body.drr-brand-final .project-tree-panel,
body.drr-brand-final .project-preview-panel{
  border:1px solid var(--drr-pro-line)!important;
  background:linear-gradient(180deg,var(--drr-pro-panel),rgba(5,18,16,.96))!important;
  border-radius:24px!important;
  box-shadow:var(--drr-pro-shadow)!important;
}
body.drr-brand-final .project-tree-panel{
  position:sticky!important;
  top:10px!important;
  max-height:calc(100vh - 20px)!important;
  overflow:auto!important;
  padding:12px!important;
}
body.drr-brand-final .project-preview-panel{padding:14px!important;min-width:0!important;}
body.drr-brand-final .tree-title{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:12px!important;
  padding:2px 3px 10px!important;
  border-bottom:1px solid rgba(50,226,183,.13)!important;
  margin-bottom:9px!important;
}
body.drr-brand-final .tree-title span{font-size:16px!important;font-weight:950!important;color:#fff!important;letter-spacing:-.035em!important;}
body.drr-brand-final .tree-title small{color:var(--drr-pro-muted)!important;font-weight:800!important;font-size:11px!important;}
body.drr-brand-final .project-category-tree{display:grid!important;gap:7px!important;}
body.drr-brand-final .project-category-tree button{
  width:100%!important;
  border:1px solid rgba(50,226,183,.14)!important;
  background:rgba(255,255,255,.035)!important;
  color:#dffcf3!important;
  border-radius:12px!important;
  padding:8px 9px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  cursor:pointer!important;
  text-align:left!important;
  font-weight:900!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  transition:.16s ease!important;
}
body.drr-brand-final .project-category-tree button em{
  flex:0 0 auto!important;
  font-style:normal!important;
  min-width:24px!important;
  text-align:center!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:rgba(50,226,183,.09)!important;
  color:var(--drr-pro-muted)!important;
  font-size:10px!important;
}
body.drr-brand-final .project-category-tree button:hover,
body.drr-brand-final .project-category-tree button.active{
  transform:translateX(2px)!important;
  border-color:rgba(214,168,79,.36)!important;
  background:linear-gradient(135deg,rgba(214,168,79,.18),rgba(50,226,183,.08))!important;
  color:#fff!important;
}
body.drr-brand-final .project-category-tree .tree-root{
  background:linear-gradient(135deg,var(--drr-pro-gold),var(--drr-pro-gold-2))!important;
  color:#141009!important;
  border:0!important;
}
body.drr-brand-final .project-category-tree .tree-root em{background:rgba(0,0,0,.13)!important;color:#141009!important;}
body.drr-brand-final .project-tree-meta{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:10px 0 0!important;}
body.drr-brand-final .project-tree-meta span{
  color:var(--drr-pro-muted)!important;
  background:rgba(0,0,0,.16)!important;
  border:1px solid rgba(50,226,183,.10)!important;
  border-radius:12px!important;
  padding:7px 9px!important;
  font-size:10.5px!important;
  font-weight:850!important;
  text-align:center!important;
}
body.drr-brand-final .project-count-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:92px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(214,168,79,.28)!important;
  background:rgba(214,168,79,.10)!important;
  color:#f6e1a6!important;
  font-weight:950!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
body.drr-brand-final .project-preview-head{
  align-items:flex-start!important;
  margin-bottom:12px!important;
}
body.drr-brand-final .project-grid{
  grid-template-columns:repeat(auto-fill,minmax(218px,1fr))!important;
  gap:13px!important;
}
body.drr-brand-final .project-card{
  border-radius:18px!important;
  min-height:410px!important;
}
body.drr-brand-final .project-card-thumb{
  height:auto!important;
  aspect-ratio:1.08/1!important;
  background:#fff!important;
}
body.drr-brand-final .project-card-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#fff!important;
}
body.drr-brand-final .project-card-body{
  padding:12px!important;
  gap:7px!important;
}
body.drr-brand-final .project-card h3{
  font-size:.96rem!important;
  line-height:1.22!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.drr-brand-final .project-card p{
  font-size:.84rem!important;
  line-height:1.38!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.drr-brand-final .chip{font-size:.70rem!important;padding:4px 7px!important;}
body.drr-brand-final .project-price{font-size:.98rem!important;}
body.drr-brand-final .project-card-actions{gap:7px!important;}
body.drr-brand-final .project-card-actions .btn-drr{
  min-height:36px!important;
  padding:8px 10px!important;
  font-size:.78rem!important;
}

/* Forum — ciaśniej, lepiej ułożone formularze i tekst przy grafice */
body.drr-brand-final .forum-layout{
  grid-template-columns:minmax(0,1.05fr) 330px!important;
  gap:16px!important;
}
body.drr-brand-final .forum-panel,
body.drr-brand-final .forum-card,
body.drr-brand-final .community-card{
  border-radius:20px!important;
  padding:17px!important;
}
body.drr-brand-final .forum-panel h2{font-size:1.32rem!important;margin-bottom:8px!important;}
body.drr-brand-final .forum-panel p,
body.drr-brand-final .forum-note,
body.drr-brand-final .forum-clean-list{
  font-size:.92rem!important;
  line-height:1.48!important;
}
body.drr-brand-final .forum-form{gap:10px!important;}
body.drr-brand-final .forum-form label{gap:5px!important;font-size:.9rem!important;}
body.drr-brand-final .forum-form input,
body.drr-brand-final .forum-form textarea,
body.drr-brand-final .forum-form select{
  padding:10px 12px!important;
  border-radius:13px!important;
  font-size:.9rem!important;
}
body.drr-brand-final .forum-form textarea{min-height:96px!important;}
body.drr-brand-final .forum-choice{padding:10px!important;border-radius:15px!important;}
body.drr-brand-final .project-only{padding:10px!important;gap:10px!important;border-radius:15px!important;}
body.drr-brand-final .forum-project-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:13px!important;}

/* Strona główna: hasło było za ciężkie względem logo */
body.drr-brand-final .hero-v2-content h1{
  font-size:clamp(2.35rem,4.4vw,4.85rem)!important;
  line-height:1.00!important;
  letter-spacing:-.055em!important;
  max-width:660px!important;
}
body.drr-brand-final .hero-v2-content h1 span{font-size:.92em!important;}
body.drr-brand-final .hero-v2-content p{font-size:clamp(.98rem,1.35vw,1.16rem)!important;max-width:620px!important;}

/* SEO/czytelność: sekcje końcowe i FAQ bez przepompowania */
body.drr-brand-final .faq-grid{gap:12px!important;}
body.drr-brand-final .faq-item{padding:14px!important;border-radius:16px!important;}
body.drr-brand-final .faq-item h3{font-size:1rem!important;}
body.drr-brand-final .faq-item p{font-size:.9rem!important;line-height:1.48!important;}

@media(max-width:1100px){
  body.drr-brand-final .drr-unified-header .header-v2-inner{grid-template-columns:1fr!important;align-items:start!important;}
  body.drr-brand-final .drr-unified-header .brand{min-width:0!important;}
  body.drr-brand-final .drr-unified-header .search-container{max-width:none!important;}
  body.drr-brand-final .drr-unified-header .user-actions{justify-content:flex-start!important;flex-wrap:wrap!important;}
}
@media(max-width:980px){
  body.drr-brand-final .project-catalog-layout{grid-template-columns:1fr!important;}
  body.drr-brand-final .project-tree-panel{position:relative!important;top:auto!important;max-height:none!important;}
  body.drr-brand-final .project-category-tree{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;}
  body.drr-brand-final .forum-layout{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  body.drr-brand-final .drr-unified-topbar{display:none!important;}
  body.drr-brand-final .drr-unified-nav .nav-v2-list--rich{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:8px!important;}
  body.drr-brand-final .drr-unified-nav .nav-v2-list--rich a{white-space:nowrap!important;}
  body.drr-brand-final .drr-unified-header .user-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important;}
  body.drr-brand-final .drr-unified-header .action-item{justify-content:center!important;font-size:12px!important;padding:7px 8px!important;}
  body.drr-brand-final .project-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))!important;}
  body.drr-brand-final .project-card{min-height:370px!important;}
  body.drr-brand-final .project-card-actions{grid-template-columns:1fr!important;display:grid!important;}
  body.drr-brand-final .hero-v2-content h1{font-size:clamp(2rem,10vw,3.4rem)!important;}
}
