/*
 * NoName Themes 1.1
 * Jeden HTML/backend, trzy kontrolowane warstwy prezentacji.
 * Kolory i font pochodzą z tenant_branding. Własny CSS klienta jest ładowany później.
 */

body.theme-classic,
body.theme-premium,
body.theme-minimal{
  --theme-radius:0px;
  --theme-card-radius:0px;
  --theme-shadow:none;
}

/* CLASSIC — zachowuje geometrię dotychczasowej strony. */
body.theme-classic .tenant-header-image .big-text{background:rgba(255,255,255,.90)}

.noname-hero-description{margin-bottom:0}
.noname-hero-cta-wrap{margin-top:24px;text-align:left}
.noname-home-cta{display:inline-block;background:var(--tenant-primary);color:#fff!important;padding:11px 20px;text-decoration:none!important;font-weight:600;line-height:1.3;transition:opacity .18s ease,transform .18s ease}
.noname-home-cta:hover,.noname-home-cta:focus{color:#fff!important;opacity:.88;text-decoration:none!important;transform:translateY(-1px)}

/* PREMIUM — większa prezentacja marki, miękkie powierzchnie i katalog w stylu editorial. */
body.theme-premium{
  --theme-radius:18px;
  --theme-card-radius:14px;
  --theme-shadow:0 18px 45px rgba(20,24,30,.10);
}
body.theme-premium .navigation{
  border:0!important;
  box-shadow:0 7px 24px rgba(20,24,30,.08);
  padding:7px 3.5%;
  margin-bottom:0;
}
body.theme-premium .tenant-navigation .navbar-brand img{max-width:220px!important;max-height:58px!important}
body.theme-premium #header{
  min-height:560px;
  padding-top:110px;
  padding-bottom:110px;
  display:flex;
  align-items:center;
  isolation:isolate;
  overflow:hidden;
}
body.theme-premium #header.tenant-header-image:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(15,17,20,.16) 0%,rgba(15,17,20,.03) 55%,rgba(15,17,20,.14) 100%);
  pointer-events:none;
}
body.theme-premium #header .section-content{position:relative;z-index:2;width:100%}
body.theme-premium .tenant-header-image .big-text{
  max-width:760px;
  padding:40px 44px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:18px;
  background:rgba(255,255,255,.84);
  box-shadow:0 24px 70px rgba(0,0,0,.16);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
body.theme-premium #header .big-text h2{font-size:clamp(40px,4.6vw,72px);line-height:1.05;letter-spacing:-.035em;max-width:720px}
body.theme-premium #header .big-text h3{line-height:1.45;max-width:670px}
body.theme-premium #header .separator-small{width:68px;height:2px;margin-top:30px;margin-bottom:30px}
body.theme-premium .source-home-intro{padding:0 0 70px}
body.theme-premium .source-home-intro .section-content{padding-top:48px;max-width:1200px;margin:0 auto}
body.theme-premium .noname-home-cta{border-radius:999px;padding:12px 22px;box-shadow:0 8px 22px rgba(20,24,30,.12)}
body.theme-premium #portfolio{padding-bottom:105px}
body.theme-premium #portfolio .noname-filterbar{padding-top:48px;margin-bottom:44px}
body.theme-premium .works-filter-full li a{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  text-decoration:none!important;
  transition:.18s ease;
}
body.theme-premium .works-filter-full li.active a,
body.theme-premium .works-filter-full li a:hover{background:var(--tenant-primary);color:#fff!important}
body.theme-premium .noname-cover-card .image-container{
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 34px rgba(20,24,30,.09);
  transform:translateY(0);
  transition:transform .22s ease,box-shadow .22s ease;
}
body.theme-premium .noname-cover-card .image-container:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(20,24,30,.15)}
body.theme-premium .noname-cover-card .image-container img{border-radius:14px}
body.theme-premium .noname-cover-card .uk-position-bottom{left:0!important;right:0!important;text-align:center!important}
body.theme-premium .caption-page{left:0;right:0;bottom:0;width:100%;transform:none;box-sizing:border-box;padding:11px 14px;border-radius:0;font-size:12px;letter-spacing:.02em;text-align:center!important}
body.theme-premium .caption-page.has-background{background:rgba(255,255,255,.92);box-shadow:none}
body.theme-premium #about{padding-top:88px;padding-bottom:88px;background:#fafafa}
body.theme-premium #offer{padding-top:78px;padding-bottom:78px}
body.theme-premium #header-calendars{padding-top:112px;padding-bottom:46px;background:#fafafa}
body.theme-premium #header-calendars .big-text h2,
body.theme-premium #header-calendars .big-text h1{letter-spacing:-.025em}
body.theme-premium .page-box,
body.theme-premium .noname-source-inquiry,
body.theme-premium .notes-type-info{border-radius:14px;box-shadow:0 12px 34px rgba(20,24,30,.06);border:1px solid rgba(20,24,30,.07)}
body.theme-premium .btn-brand,
body.theme-premium .button-info-active,
body.theme-premium .noname-form-button{border-radius:999px!important;padding:11px 20px!important}

/* MINIMAL — mniej warstw, krótszy hero, prosta geometria i szybszy katalog. */
body.theme-minimal .navigation{
  border:0!important;
  border-bottom:1px solid #e7e7e7!important;
  box-shadow:none!important;
  padding-left:3%;
  padding-right:3%;
  margin-bottom:0;
}
body.theme-minimal .tenant-navigation .navbar-brand img{max-height:46px!important}
body.theme-minimal #header{
  min-height:315px;
  padding-top:76px;
  padding-bottom:70px;
  display:flex;
  align-items:center;
  border-bottom:1px solid #eee;
}
body.theme-minimal .tenant-header-image .big-text{
  max-width:720px;
  padding:26px 30px;
  background:rgba(255,255,255,.94);
  border-left:4px solid var(--tenant-primary);
}
body.theme-minimal #header .big-text h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.03em}
body.theme-minimal #header .big-text h3{font-size:18px;line-height:1.5;margin-top:12px;margin-bottom:12px}
body.theme-minimal #header .separator-small{width:32px;height:2px;margin-top:22px;margin-bottom:22px}
body.theme-minimal .noname-home-cta{border-radius:0;padding:10px 18px}
body.theme-minimal .source-home-intro{padding-bottom:38px;border-bottom:1px solid #eee}
body.theme-minimal .source-home-intro .section-content{padding-top:28px}
body.theme-minimal #portfolio{padding-bottom:72px}
body.theme-minimal #portfolio .noname-filterbar{padding-top:30px;margin-bottom:32px;text-align:left;word-spacing:0}
body.theme-minimal .works-filter-full li{margin-right:18px}
body.theme-minimal .works-filter-full li a{padding:7px 0;border-bottom:1px solid transparent;text-decoration:none!important}
body.theme-minimal .works-filter-full li.active a,
body.theme-minimal .works-filter-full li a:hover{border-color:var(--tenant-primary);color:var(--tenant-heading)!important}
body.theme-minimal .noname-cover-card .image-container{border:1px solid #e4e4e4;background:#fff}
body.theme-minimal .image-container:hover img{transform:none}
body.theme-minimal .caption-page{position:static;width:100%;padding:10px 4px 2px;border-radius:0;background:transparent!important;text-align:left!important;font-size:12px;white-space:normal}
body.theme-minimal .noname-cover-card .uk-position-bottom{position:static!important}
body.theme-minimal #about{padding-top:58px;padding-bottom:58px;border-top:1px solid #eee}
body.theme-minimal #offer{padding-top:54px;padding-bottom:54px}
body.theme-minimal #header-calendars{padding-top:82px;padding-bottom:28px;border-bottom:1px solid #eee}
body.theme-minimal #header-calendars .separator-small{margin-top:24px;margin-bottom:24px}
body.theme-minimal .page-box,
body.theme-minimal .noname-source-inquiry,
body.theme-minimal .notes-type-info{box-shadow:none;border:1px solid #e5e5e5;border-radius:0;background:#fff}
body.theme-minimal .btn-brand,
body.theme-minimal .button-info-active,
body.theme-minimal .noname-form-button{border-radius:0!important}

@media all and (max-width:767px){
  body.theme-premium .navigation{padding:0}
  body.theme-premium #header{min-height:430px;padding-top:70px;padding-bottom:70px}
  body.theme-premium .tenant-header-image .big-text{padding:26px 24px;border-radius:12px}
  body.theme-premium #header .big-text h2{font-size:38px}
  body.theme-premium #about,body.theme-premium #offer{padding-top:55px;padding-bottom:55px}
  body.theme-minimal #header{min-height:270px;padding-top:55px;padding-bottom:50px}
  body.theme-minimal .tenant-header-image .big-text{padding:20px 18px}
  body.theme-minimal #portfolio .noname-filterbar{text-align:left}
}