/* ==========================================================================
   PROJECT OVERRIDES (Bootstrap 5 friendly)
   Uses CSS variables set in base.html (:root from SiteSettings)
   ========================================================================== */

:root{
  --sf-bg: #fbfaf8;
  --sf-surface: rgba(255,255,255,.86);
  --sf-line: rgba(20,20,22,.10);
  --sf-text: #1b1b1c;
  --sf-muted: #5c5f66;

  --sf-accent: #e4572e;   /* liščí oranžová */
  --sf-accent-2: #f3a24f;

  --sf-radius: 18px;
  --sf-shadow: 0 18px 48px rgba(16,16,18,.10);
}

body{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(228,87,46,.08), transparent 60%),
    radial-gradient(900px 500px at 80% 10%, rgba(243,162,79,.10), transparent 55%),
    var(--sf-bg);
  color: var(--sf-text);
}

.fw-800{ font-weight: 800 !important; }
.fw-700{ font-weight: 700 !important; }

/* HERO */
.sf-hero{ min-height: 520px; }
.sf-hero-bg{
  position:absolute;
  inset:0;
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  /* overlay pro čitelnost textu */
  filter: saturate(1.02) contrast(1.02);
}
.sf-hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(251,250,248,.96) 0%,
      rgba(251,250,248,.88) 40%,
      rgba(251,250,248,.55) 70%,
      rgba(251,250,248,.25) 100%);
}

.sf-pill{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--sf-line);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 30px rgba(0,0,0,.06);
  font-weight: 750;
  color: rgba(27,27,28,.80);
}

.sf-chip{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid var(--sf-line);
  background: rgba(255,255,255,.65);
  color: rgba(27,27,28,.78);
}

/* Buttons (Bootstrap-compatible) */
.btn-sf{
  background: linear-gradient(180deg, rgba(228,87,46,.92), rgba(228,87,46,.86));
  border: 1px solid rgba(228,87,46,.22);
  color: #fff;
  font-weight: 800;
  box-shadow: 0 18px 36px rgba(228,87,46,.18);
  border-radius: 14px;
}
.btn-sf:hover{ filter: brightness(1.03); color:#fff; }
.btn-outline-sf{
  background: rgba(255,255,255,.75);
  border: 1px solid var(--sf-line);
  color: var(--sf-text);
  font-weight: 800;
  border-radius: 14px;
  box-shadow: 0 16px 34px rgba(0,0,0,.06);
}
.btn-outline-sf:hover{ color: var(--sf-text); filter: brightness(1.02); }

/* Sections */
.sf-section-tint{
  background: linear-gradient(180deg, rgba(244,241,236,.85), rgba(251,250,248,.10));
}

/* Cards / tiles */
.sf-card, .sf-tile, .sf-product, .sf-step, .sf-ref, .sf-form{
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius);
  box-shadow: var(--sf-shadow);
  background: var(--sf-surface);
}
.sf-tile{ box-shadow: 0 12px 30px rgba(0,0,0,.06); }
.sf-product{ box-shadow: 0 14px 36px rgba(0,0,0,.07); }
.sf-step{ box-shadow: 0 12px 30px rgba(0,0,0,.06); }
.sf-ref{ box-shadow: 0 12px 30px rgba(0,0,0,.06); }

.sf-kicker{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(27,27,28,.62);
  font-weight: 800;
  margin-bottom: 6px;
}

.sf-badge{
  display:inline-flex;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(228,87,46,.12);
  border: 1px solid rgba(228,87,46,.22);
  color: rgba(27,27,28,.86);
}

.sf-checks{ list-style:none; padding-left:0; }
.sf-checks li{ position:relative; padding-left: 22px; margin: 7px 0; }
.sf-checks li::before{
  content:"✓";
  position:absolute;
  left:0; top:0;
  color: var(--sf-accent);
  font-weight: 900;
}

.sf-link{
  font-weight: 900;
  color: rgba(228,87,46,.95);
  text-decoration:none;
}
.sf-link:hover{ text-decoration: underline; }

.sf-callout{
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius);
  background: rgba(255,255,255,.65);
}

.sf-step-num{
  width: 34px; height: 34px;
  display:flex; align-items:center; justify-content:center;
  border-radius: 12px;
  font-weight: 900;
  background: rgba(228,87,46,.12);
  border: 1px solid rgba(228,87,46,.22);
}

.sf-mini{
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255,255,255,.75);
}

/* Bootstrap form look: jen jemně */
.form-control{
  border-radius: 12px;
  border-color: rgba(20,20,22,.16);
  background: rgba(251,250,248,.75);
}
.form-control:focus{
  border-color: rgba(228,87,46,.40);
  box-shadow: 0 0 0 .25rem rgba(228,87,46,.12);
  background: #fff;
}

/*.section-digital-production{*/
/*  position: relative;*/
/*  overflow: hidden;*/

/*  !* méně bílé, víc obrázku *!*/
/*  background:*/
/*    radial-gradient(1200px 700px at 15% 15%,*/
/*      rgba(255,255,255,.72) 0%,*/
/*      rgba(255,255,255,.45) 40%,*/
/*      rgba(255,255,255,.18) 75%,*/
/*      rgba(255,255,255,0) 100%*/
/*    ),*/
/*    url("/static/images/bg-digital-production.png");*/

/*  background-size: cover;*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*}*/

.section-digital-production{
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.92) 0%,
      rgba(255,255,255,.70) 35%,
      rgba(255,255,255,.25) 65%,
      rgba(255,255,255,0) 100%
    ),
    url("/static/images/bg-digital-production.png");
  background-size: cover;
  background-position: 70% center; /* posuň obraz doprava */
  background-repeat: no-repeat;
}

.section-digital-production::before{
  content:"";
  position:absolute;
  inset:0;
  /* blur fakt jen trochu, jinak to celé “zmléční” */
  backdrop-filter: blur(0.8px);
  background: rgba(255,255,255,.08);
  pointer-events:none;
}

.section-digital-production > *{ position: relative; z-index: 1; }


#open_preferences_center {
	background: rgba(233,183,82,.10) none repeat scroll 0 0;
	bottom: 75px;
	color: #999;
	right: 0px;
	cursor: pointer;
	height: 62px;
	line-height: 20px;
	position: fixed;
	text-align: center;
	-webkit-transition: all 4ms linear 0s;
			transition: all 4ms linear 0s;
	width: 70px;
	z-index: 1000;
	font-size: 12px;
	/*border: 1px solid #8d8d8d;*/
	border-radius: 30px 0px 0px 30px;
	padding-top: 2px;
}
#open_preferences_center:hover {background-color: rgba(233,183,82,.25); color: #eee;}