/* DRR DAMSON HOTFIX 19_05_7 — hurtowy porządek kreatorów/generatorów/narzędzi
  Cel: brak nachodzących pasków, równe karty, spójne tło, kompaktowe narzędzia. */

body.creator-clean-page,
body.creator-koszulki-page,
body.tool-clean-page {
 overflow-x: hidden !important;
}

/* Na stronach narzędziowych wyłączamy sticky, bo potrafił włazić w obszar roboczy. */
body.creator-clean-page .top-bar,
body.creator-clean-page .site-header-v2,
body.creator-clean-page .main-nav-v2,
body.creator-koszulki-page .top-bar,
body.creator-koszulki-page .site-header-v2,
body.creator-koszulki-page .main-nav-v2,
body.tool-clean-page .top-bar,
body.tool-clean-page .site-header-v2,
body.tool-clean-page .main-nav-v2 {
 position: relative !important;
 top: auto !important;
 z-index: 40 !important;
}

/* Legacy header/nav nie może dublować ani robić czarnych pasów. */
body.creator-clean-page .site-header:not(.site-header-v2),
body.creator-clean-page .main-nav:not(.main-nav-v2),
body.creator-koszulki-page .site-header:not(.site-header-v2),
body.creator-koszulki-page .main-nav:not(.main-nav-v2),
body.tool-clean-page .site-header:not(.site-header-v2),
body.tool-clean-page .main-nav:not(.main-nav-v2) {
 display: none !important;
}

/* Stopka na kreatorach/generatorach nie nachodzi na projekt — pokazuje się normalnie dopiero po treści.
  Dla dużych edytorów/kreatorów chowamy ją, bo ekran roboczy jest ważniejszy niż footer. */
body.creator-koszulki-page .site-footer,
body.creator-koszulki-page footer.site-footer {
 display: none !important;
}

body.creator-clean-page .site-footer,
body.tool-clean-page .site-footer {
 position: relative !important;
 z-index: 1 !important;
 margin-top: 36px !important;
 transform: none !important;
}

/* Obszar główny i wrapy narzędzi. */
body.creator-clean-page .site-main,
body.creator-koszulki-page .site-main,
body.tool-clean-page .site-main {
 position: relative !important;
 z-index: 1 !important;
 padding-top: 18px !important;
 overflow: visible !important;
}

body.creator-clean-page .wrap,
body.creator-koszulki-page .wrap,
body.tool-clean-page .wrap {
 max-width: min(1280px, calc(100% - 32px)) !important;
 margin-inline: auto !important;
 padding-inline: 0 !important;
}

/* Równe, czytelne karty narzędziowe. */
body.creator-clean-page .card,
body.creator-koszulki-page .card,
body.tool-clean-page .card,
body.creator-clean-page .panel,
body.tool-clean-page .panel,
body.creator-clean-page .box,
body.tool-clean-page .box {
 position: relative !important;
 z-index: 1 !important;
 background: linear-gradient(180deg, rgba(16,37,41,.86), rgba(7,18,20,.86)) !important;
 border: 1px solid rgba(215,184,103,.22) !important;
 box-shadow: 0 18px 48px rgba(0,0,0,.30) !important;
}

/* Przyciski i formularze — bez białego na białym, równo i brandowo. */
body.creator-clean-page input,
body.creator-clean-page textarea,
body.creator-clean-page select,
body.creator-koszulki-page input,
body.creator-koszulki-page textarea,
body.creator-koszulki-page select,
body.tool-clean-page input,
body.tool-clean-page textarea,
body.tool-clean-page select {
 color: var(--dd-text, #f5f1e8) !important;
 background: rgba(255,255,255,.055) !important;
 border-color: rgba(215,184,103,.24) !important;
}

body.creator-clean-page button,
body.creator-clean-page .btn,
body.creator-koszulki-page button,
body.creator-koszulki-page .btn,
body.tool-clean-page button,
body.tool-clean-page .btn {
 min-height: 42px;
}

/* Koszulki — układ roboczy bez pasków zasłaniających preview. */
body.creator-koszulki-page .grid {
 align-items: start !important;
}
body.creator-koszulki-page .previewWrap,
body.creator-koszulki-page .shirtStage,
body.creator-koszulki-page .shirt,
body.creator-koszulki-page .printArea {
 position: relative !important;
 z-index: 1 !important;
}
body.creator-koszulki-page .shirtStage {
 overflow: hidden !important;
}

/* Mobile: narzędzia bez poziomego wyjeżdżania. */
@media (max-width: 980px) {
 body.creator-clean-page .wrap,
 body.creator-koszulki-page .wrap,
 body.tool-clean-page .wrap {
  max-width: min(100% - 20px, 1280px) !important;
 }

 body.creator-clean-page .grid,
 body.creator-koszulki-page .grid,
 body.tool-clean-page .grid {
  grid-template-columns: 1fr !important;
 }
}