@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root{
  /* --- 60 % : uhlová škála  --- */
  --ec-ink-900:#0e1014;   /* základní tmavé pozadí     */
  --ec-ink-800:#141821;   /* střídavá tmavá sekce      */
  --ec-ink-700:#1b2029;   /* karty a panely na tmavém  */
  --ec-ink-600:#232935;   /* zvýšené plochy, hover     */
  --ec-line:#2b3341;      /* linky a okraje na tmavém  */

  /* --- Světlá („papírová") škála pro proložení tmavých sekcí --- */
  --ec-paper:#ffffff;
  --ec-paper-2:#f5f6f3;   /* teplá bílá, ne klinicky studená */
  --ec-paper-3:#ebeee9;
  --ec-line-light:#e0e3dd;

  /* --- 30 % : červená (karmínová — působí dráž než signální rudá) --- */
  --ec-red:#c8102e;       /* plochy a tlačítka: bílý text na ní má 5,9:1  */
  --ec-red-dark:#a20c25;  /* červený TEXT na světlém: 7,5:1               */
  --ec-red-darker:#8c0a20;/* hover tlačítek                               */
  --ec-red-bright:#f6354e;  /* Zjasněná firemní červená pro TEXT na tmavém.*/

  /* --- 10 % : zlatožlutá --- */
  --ec-gold:#e0b13f;      /* zlatý text na tmavém: 8,9–9,9:1              */
  --ec-gold-dark:#c2952b; /* hover tlačítek                               */
  --ec-gold-ink:#a97e10;  /* starozlatá pro grafiku na světlém: 3,7:1     */

  /* --- Typografie --- */
  --ec-muted-dark:#a2aab6;  /* vedlejší text na tmavém: 8,3:1            */
  --ec-text-light:#181b21;  /* hlavní text na světlém: 15,4:1            */
  --ec-muted-light:#525a67; /* vedlejší text na světlém: 6,7:1           */

  /* --- Poloměry doplněné k Bootstrapu 5.1 (jeho škála je jemnější) --- */
  --ec-radius:.375rem;
  --ec-radius-lg:.5rem;
  --ec-radius-xl:1rem;
  --ec-radius-xxl:2rem;


  /* ==========================================================================
  1) TMAVÉ TÉMA — základní režim webu
  ========================================================================== */

  --bs-body-bg:var(--ec-ink-800);              --bs-body-bg-rgb:20,24,33;
  --bs-body-color:var(--ec-muted-dark);         --bs-body-color-rgb:162,170,182;
  --bs-emphasis-color:#ffffff;                 --bs-emphasis-color-rgb:255,255,255;
  --bs-secondary-color:var(--ec-muted-dark);   --bs-secondary-color-rgb:162,170,182;
  --bs-secondary-bg:var(--ec-ink-800);         --bs-secondary-bg-rgb:20,24,33;
  --bs-tertiary-color:#8b93a0;                 --bs-tertiary-color-rgb:139,147,160;
  --bs-tertiary-bg:var(--ec-ink-700);          --bs-tertiary-bg-rgb:27,32,41;
  --bs-border-color:var(--ec-line);
  --bs-border-color-translucent:rgba(255,255,255,.09);

  --bs-secondary:var(--ec-muted-dark);         --bs-secondary-rgb:162,170,182;

  --bs-danger:var(--ec-red);                   --bs-danger-rgb:200,16,46;
  --bs-warning:var(--ec-gold);                 --bs-warning-rgb:224,177,63;
  --bs-dark:var(--ec-ink-900);                 --bs-dark-rgb:14,16,20;
  --bs-light:#f3f4f6;                          --bs-light-rgb:243,244,246;

  /* Akcentní TEXT (.ec-text-accent) — zjasněná červená. */
  --bs-danger-text-emphasis:var(--ec-red-bright);

  /* Odkazy v textu = zlatý akcent (drobná plocha, spadá do 10 %) */
  --bs-link-color:var(--ec-gold);              --bs-link-color-rgb:224,177,63;
  --bs-link-hover-color:#efcd80;               --bs-link-hover-color-rgb:239,205,128;

  /* Barevné „subtle" varianty pro alert-warning apod. */
  --bs-warning-text-emphasis:#f0cf87;
  --bs-warning-bg-subtle:#2a2311;
  --bs-warning-border-subtle:#5a4a1c;

  --bs-heading-color:#ffffff;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  /* Vlastní tokeny pro komponenty */
  --ec-card-bg:var(--ec-ink-700);
  --ec-input-bg:#0a0c10;
  --ec-input-border:#5a6473;      /* obrys pole vůči pozadí 3,3:1 (WCAG 1.4.11) */
  --ec-placeholder:#7f8794;       /* 5,3:1 */
  --ec-lift-border:rgba(224,177,63,.5);
  --ec-lift-shadow:0 .75rem 2rem rgba(0,0,0,.35);
  --ec-dropdown-bg:var(--ec-ink-700);
  --ec-dropdown-link:#d3d8e0;
  --ec-dropdown-hover-bg:var(--ec-ink-600);
  --ec-text-small:.875em!important;

  /* Ikony vykreslené obrázkem (šipka selectu, šipka accordionu) */
  --ec-select-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a2aab6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  --ec-chevron:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dde1e8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --ec-chevron-active:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e0b13f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

/* ==========================================================================
2) SVĚTLÉ TÉMA — pro sekce s atributem data-bs-theme="light"
========================================================================== */
[data-bs-theme="light"]{
  --bs-body-bg:var(--ec-paper);                --bs-body-bg-rgb:255,255,255;
  --bs-body-color:var(--ec-muted-light);        --bs-body-color-rgb:82,90,103;
  --bs-emphasis-color:#0b0d11;                 --bs-emphasis-color-rgb:11,13,17;
  --bs-secondary-color:var(--ec-muted-light);  --bs-secondary-color-rgb:82,90,103;
  --bs-secondary-bg:var(--ec-paper-2);         --bs-secondary-bg-rgb:245,246,243;
  --bs-tertiary-color:#6b7382;                 --bs-tertiary-color-rgb:107,115,130;
  --bs-tertiary-bg:var(--ec-paper-3);          --bs-tertiary-bg-rgb:235,238,233;
  --bs-border-color:var(--ec-line-light);
  --bs-border-color-translucent:rgba(11,13,17,.10);

  --bs-secondary:var(--ec-muted-light);        --bs-secondary-rgb:82,90,103;

  --bs-danger:var(--ec-red-dark);              --bs-danger-rgb:162,12,37;

  --bs-warning:var(--ec-gold-ink);             --bs-warning-rgb:169,126,16;
  --bs-dark:var(--ec-ink-900);                 --bs-dark-rgb:14,16,20;
  --bs-light:var(--ec-paper-2);                --bs-light-rgb:245,246,243;

  --bs-danger-text-emphasis:var(--ec-red-dark);

  --bs-link-color:var(--ec-red-dark);          --bs-link-color-rgb:162,12,37;
  --bs-link-hover-color:#7a0919;               --bs-link-hover-color-rgb:122,9,25;

  --bs-warning-text-emphasis:#6b4f08;
  --bs-warning-bg-subtle:#fdf6e3;
  --bs-warning-border-subtle:#eddcae;

  --bs-heading-color:#0b0d11;

  --ec-card-bg:#ffffff;
  --ec-input-bg:#ffffff;
  --ec-input-border:#8b9199;      /* obrys pole vůči bílé 3,2:1 (WCAG 1.4.11) */
  --ec-placeholder:#6b7382;       /* 4,9:1 */
  --ec-lift-border:rgba(200,16,46,.35);
  --ec-lift-shadow:0 .75rem 2rem rgba(11,13,17,.10);
  --ec-dropdown-bg:#ffffff;
  --ec-dropdown-link:var(--ec-text-light);
  --ec-dropdown-hover-bg:var(--ec-paper-3);

  --ec-select-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23525a67' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  --ec-chevron:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23181b21'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --ec-chevron-active:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a20c25'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

  color:var(--bs-body-color);
}

/* ==========================================================================
3) BOOTSTRAP 5.1 → FIREMNÍ TÉMA
========================================================================== */

/* --- Základ dokumentu ---*/
body{
  background-color:var(--bs-body-bg);
  color:var(--bs-body-color);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{ color:var(--bs-heading-color); }

h1,h2,h3,h4,h5,h6,
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{
  letter-spacing:-.015em;
}

h2 + p {
  font-size: 1.25rem;
}

.container--article h1+p,
.container--article .h1+p {
  margin-top: 0;
}

.container--article .ec-eyebrow+h2,
.container--article .ec-eyebrow+.h2 {
  margin-top: 0;
}

/* Plynulé velikosti velkých nadpisů. */
.display-1{ font-size:clamp(2.5rem,  8.5vw, 5rem);    }
.display-2{ font-size:clamp(2.25rem, 7.5vw, 4.5rem);  }
.display-3{ font-size:clamp(2rem,    6.5vw, 4rem);    }
.display-4{ font-size:clamp(1.875rem,5.5vw, 3.5rem);  }
.display-5{ font-size:clamp(1.75rem, 4.8vw, 3rem);    }
.display-6{ font-size:clamp(1.5rem,  3.6vw, 2.5rem);  }

.small, small {font-size:var(--ec-text-small)!important}

/* --- Odkazy --- */
a{ 
  color:var(--bs-link-color);
  text-decoration: underline;
  text-decoration-color: transparent;
}
a:hover{ color:var(--bs-link-hover-color); }

.link-secondary{ color:var(--bs-secondary-color); }
.link-secondary:hover,.link-secondary:focus{ color:var(--bs-emphasis-color); }
.link-light{ color:#f3f4f6; }
.link-light:hover,.link-light:focus{ color:#fff; }
.link-warning{ color:var(--bs-warning); }
.link-warning:hover,.link-warning:focus{ color:var(--bs-link-hover-color); }
.link-danger{ color:var(--bs-danger-text-emphasis); }
.link-danger:hover,.link-danger:focus{ color:var(--bs-danger); }

/* --- Okraje --- */
.border,.border-top,.border-end,.border-bottom,.border-start{
  border-color:var(--bs-border-color)!important;
}
.border-warning{   border-color:var(--bs-warning)!important;         }
.border-danger{    border-color:var(--bs-danger)!important;          }
.border-dark{      border-color:var(--bs-dark)!important;            }
.border-light{     border-color:var(--bs-light)!important;           }
.border-secondary{ border-color:var(--bs-secondary-color)!important; }

/* --- Poloměry --- */
.rounded{   border-radius:var(--ec-radius)!important;    }
.rounded-1{ border-radius:.25rem!important;              }
.rounded-2{ border-radius:var(--ec-radius)!important;    }
.rounded-3{ border-radius:var(--ec-radius-lg)!important; }

.btn,.card,.form-control,.form-select,.dropdown-menu,.badge,.alert{
  border-radius:var(--ec-radius);
}
.btn-lg,.form-control-lg,.form-select-lg{ border-radius:var(--ec-radius-lg); }

/* --- Tlačítka --- */
.btn{ font-weight:600; }
.btn:focus,.btn.focus,.btn-check:focus+.btn{ box-shadow:none; }

.btn-danger{
  color:#fff;
  background-color:var(--ec-red);
  border-color:var(--ec-red);
}
.btn-danger:hover,.btn-danger:focus,
.btn-check:focus+.btn-danger{
  color:#fff;
  background-color:var(--ec-red-dark);
  border-color:var(--ec-red-dark);
}
.btn-danger:active,.btn-danger.active,
.btn-check:checked+.btn-danger,
.show>.btn-danger.dropdown-toggle{
  color:#fff;
  background-color:var(--ec-red-darker);
  border-color:var(--ec-red-darker);
}
.btn-danger:disabled,.btn-danger.disabled{
  color:#fff;
  background-color:var(--ec-red);
  border-color:var(--ec-red);
}

.btn-default:hover .filter-white {
  filter: invert(0%) sepia(6%) saturate(26%) hue-rotate(224deg) brightness(97%) contrast(107%);
}

[data-bs-theme="light"] .btn-default {
  color: var(--bs-danger);
  background-color: transparent;
  border-color: var(--bs-danger);
}

[data-bs-theme="light"] .btn-default:hover {
  color:#fff;
  background-color:var(--ec-red);
  border-color:var(--ec-red);
}
/* --- Ikonové filtry (obrázkové/PNG ikony přebarvené přes CSS filter) --- */
.filter-red{
  filter:invert(43%) sepia(55%) saturate(6569%) hue-rotate(332deg) brightness(96%) contrast(101%);
}
.filter-yellow{
  filter:invert(68%) sepia(61%) saturate(453%) hue-rotate(3deg) brightness(94%) contrast(91%);
}
[data-bs-theme="light"] .filter-red{
  filter:invert(18%) sepia(28%) saturate(7370%) hue-rotate(335deg) brightness(84%) contrast(109%);
}
[data-bs-theme="light"] .filter-yellow{
  filter:invert(57%) sepia(54%) saturate(6392%) hue-rotate(29deg) brightness(98%) contrast(87%);
}
[data-bs-theme="light"] .btn-default:hover .filter-red{
  filter:invert(100%) sepia(28%) saturate(325%) hue-rotate(255deg) brightness(108%) contrast(102%);
}


/* --- Formuláře --- */
.user-form {
  background-color: transparent;
  padding: 0;
  padding-top:0;
  box-shadow:unset
}
.user-form__info-required {
  right: 0;
  top: 0;
}

.add-comment__input, .user-form__input,.form-select{
  background-color:var(--ec-input-bg);
  border-color:var(--ec-input-border);
  color:var(--bs-body-color);
}
.form-select{ background-image:var(--ec-select-arrow); }
.add-comment__input::placeholder,
.user-form__input::placeholder{ color:var(--ec-placeholder); }
.add-comment__input:focus,
.user-form__input:focus,.form-select:focus{
  background-color:var(--ec-input-bg);
  color:var(--bs-body-color);
  border-color:var(--ec-gold-dark);
  box-shadow:0 0 0 .2rem rgba(224,177,63,.28);
}
.form-check-input{
  background-color:var(--ec-input-bg);
  border-color:var(--ec-input-border);
}
.form-check-input:checked{ background-color:var(--ec-red); border-color:var(--ec-red); }
.form-check-input:focus{
  border-color:var(--ec-gold-dark);
  box-shadow:0 0 0 .2rem rgba(224,177,63,.28);
}
.user-form__label{ 
  color:var(--bs-body-color); 
  font-weight:600;
}

.asterisk {
  color:var(--bs-danger);
}

/* --- Karty --- */
.card{
  background-color:var(--ec-card-bg);
  border-color:var(--bs-border-color);
  color:var(--bs-body-color);
}
.card:hover,.card:focus{ color:var(--bs-body-color); }

/* --- Accordion --- */
.accordion-item{
  background-color:transparent;
  border-color:var(--bs-border-color);
  color:var(--bs-body-color);
}
.accordion-button{
  background-color:transparent;
  color:var(--bs-emphasis-color);
}

.accordion-button:not(.collapsed){
  background-color:transparent;
  color:var(--bs-link-color);
  box-shadow:inset 0 -1px 0 var(--bs-border-color);
}
.accordion-button::after{ background-image:var(--ec-chevron); }
.accordion-button:not(.collapsed)::after{ background-image:var(--ec-chevron-active); }
.accordion-button:focus{
  border-color:transparent;
  box-shadow:0 0 0 .2rem rgba(224,177,63,.28);
}

/* --- Tabulky --- */
.table{
  color:var(--bs-body-color);
  border-color:var(--bs-border-color);
}
.table > :not(:first-child){border-color: var(--bs-border-color);}

@media (min-width: 768px) {
  .table td {
    border-color: var(--bs-border-color);
  }
}

/* --- Drobečková navigace --- */
.breadcrumb-item + .breadcrumb-item::before{ color:var(--bs-secondary-color); }
.breadcrumb-item.active{ color:var(--bs-secondary-color); }

/* --- Upozornění --- */
.alert-warning{
  color:var(--bs-warning-text-emphasis);
  background-color:var(--bs-warning-bg-subtle);
  border-color:var(--bs-warning-border-subtle);
}

/* ==========================================================================
4) UTILITY DOPLNĚNÉ K BOOTSTRAPU 5.1
========================================================================== */

.fw-semibold{ font-weight:600!important; }

/* Barvy */
.ec-text-accent{ color:var(--bs-danger-text-emphasis)!important; }
.ec-text-strong{ color:var(--bs-emphasis-color)!important; }
.ec-link-strong{ color:var(--bs-emphasis-color); }
.ec-link-strong:hover,.ec-link-strong:focus{ color:var(--bs-emphasis-color); }
.ec-bg-2{ background-color:var(--bs-secondary-bg)!important; }

/* Obrázky */
.ec-cover{ object-fit:cover!important; }

.ec-underline-0{ text-decoration-color:transparent!important; }
.ec-underline-25{
  text-decoration-color:transparent!important;
  text-decoration-color:color-mix(in srgb, currentColor 25%, transparent)!important;
}
.ec-underline-50{
  text-decoration-color:transparent!important;
  text-decoration-color:color-mix(in srgb, currentColor 50%, transparent)!important;
}
.ec-underline-hover:hover,
.ec-underline-hover:focus{ text-decoration-color:currentColor!important; }

/* Poloměry nad rámec škály 5.1 */
.ec-rounded-4{ border-radius:var(--ec-radius-xl)!important;  }
.ec-rounded-5{ border-radius:var(--ec-radius-xxl)!important; }

/* Mezery v jedné ose */
.ec-row-gap-2{ row-gap:.5rem!important;     }
.ec-col-gap-4{ column-gap:1.5rem!important; }

/* ==========================================================================
5) Dekorativní pomocné třídy
========================================================================== */

/* Svislý rytmus sekcí — Bootstrap škála končí na 5, potřebujeme velkorysejší */
.ec-section{ padding-block:3.5rem; }
@media (min-width:992px){ .ec-section{ padding-block:6rem; } }

/* Ztmavující závoj přes fotku v hero sekci.*/
.ec-veil{
  background:
    radial-gradient(52rem 26rem at 50% 0%, rgba(200,16,46,.20), transparent 66%),
    linear-gradient(180deg, rgba(10,12,15,.88) 0%, rgba(12,14,18,.84) 40%, rgba(14,16,20,.97) 100%);
}

/* Jednotný tón všech fotografií na webu.*/
.ec-photo{ filter:saturate(.62) brightness(.92) contrast(1.04); }

/* Výřez fotky na pozadí hero sekce */
.ec-hero-photo{ object-position:72% 40%; }              /* motiv vpravo (úvodní fotka) */
@media (min-width:992px){ .ec-hero-photo{ object-position:60% 42%; } }
.ec-hero-photo-center{ object-position:50% 42%; }       /* motiv u středu      */
.ec-hero-photo-left{   object-position:32% 42%; }       /* motiv vlevo         */
.ec-hero-photo-right{  object-position:68% 42%; }       /* motiv vpravo        */
.ec-hero-photo-low{    object-position:50% 62%; }       /* motiv v dolní části */
.ec-hero-photo-top{    object-position:50% 22%; }       /* motiv v horní části */

/* Jemné firemní podbarvení tmavých ploch (CTA pásy, teasery) */
.ec-glow{
  background:
    radial-gradient(38rem 20rem at 88% -20%, rgba(200,16,46,.22), transparent 62%),
    radial-gradient(30rem 18rem at 4% 120%, rgba(224,177,63,.09), transparent 60%),
    var(--ec-ink-800);
}

/* Nadzáhlaví sekcí ("NAŠE SLUŽBY") */
.ec-eyebrow{ letter-spacing:.16em; }

/* Číslované kolečko u kroků postupu. */
.ec-step{
  inline-size:2.75rem;
  block-size:2.75rem;
}

/* Nadzvednutí karty při přejezdu myší */
.ec-lift{ transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.ec-lift:hover{
  transform:translateY(-.35rem);
  border-color:var(--ec-lift-border)!important;
  box-shadow:var(--ec-lift-shadow);
}

/* Logo je zatím černá kresba na bílém JPG. */
.ec-logo{ filter:invert(1); mix-blend-mode:screen; }

/* Kotvy pod fixní hlavičkou */
:target{ scroll-margin-top:7rem; }
html{ scroll-behavior:smooth; }

/* Viditelný fokus pro klávesovou navigaci (přístupnost) */
a:focus-visible,button:focus-visible,
.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible{
  outline:.1875rem solid var(--ec-gold);
  outline-offset:.125rem;
}

/* ==========================================================================
Aurora - padding/margin
========================================================================== */
.section-3-col-bottom-text h3,
.section-3-col-bottom-text .h3,
.section-3-col-bottom-text p,
.section-3-col-top-text h3,
.section-3-col-top-text .h3,
.section-3-col-top-text p {
  max-width: 100%;
  margin: unset;
  margin-bottom: 1rem;
}

.section--header~.perex,
.section--header~.section-perex,
.perex {
  display: block;
  margin-top: 0;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.section--header {
  text-align: left;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* padding, margin */
.main>.container:first-child,
.main>.motive__motto:first-child,
.container--article {
  padding-bottom: 0rem
}

body:not(#galleries) #main {
  padding-top: 0rem;
}

body:not(.rubric):not(.product-detail):not(#galleries):not(.gallery-detail):not(#sections) #main {
  padding-bottom: 0rem;
}

#index .main,
#index .container--article,
#index .main>.container:first-child {
  padding-bottom: 0;
}

#user-info-content,
.container.container--files:first-child,
.container--files {
  padding-bottom: clamp(1.5rem, 3vw, 4rem);
}

.category-wrapper,
.article-item-wrapper,
.file-item-wrapper,
.comment-item-wrapper {
  margin-bottom: 2.3rem;
  padding-right: calc(var(--bs-gutter-x)* .6);
  padding-left: calc(var(--bs-gutter-x)* .6);
}

.gallery {
  margin-bottom: 1rem;
}

.section-container:not(.section-bg)+p+.section-container:not(.section-bg) {
  padding-top: 0;
}

section .section-bg-light,
section .section--bg,
section .section-bg {
  padding: 1rem !important;
  margin: 0;
}

.section-3-col-bottom-text .section-cell-item,
.section-3-col-top-text .section-cell-item {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  z-index: 1;
}

.section-3-col-bottom-text,
.section-3-col-top-text {
  text-align: left;
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset
}

.section-3-col-bottom-text img,
.section-3-col-top-text img {
  margin-bottom: 0em
}

.section-cell-img {
  margin-bottom: 1em;
}

.section-fullwidth.section-map *,
.section--fullwidth.section-map * {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* section-fullwidth */
.section-fullwidth .row,
.section--fullwidth .row {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.section-bg.section-fullwidth,
.section-bg.section--fullwidth {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.section--fullwidth,
.section-fullwidth {
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}

@media(min-width: 576px) {

  .section--fullwidth,
  .section-fullwidth {
    margin-left: calc((-100vw + 540px - (2 * 0.5rem))/2) !important;
    margin-right: calc((-100vw + 540px - (2 * 0.5rem))/2) !important;
  }
}

@media(min-width: 768px) {

  .section--fullwidth,
  .section-fullwidth {
    margin-left: calc((-100vw + 720px - (2 * 0.5rem))/2) !important;
    margin-right: calc((-100vw + 720px - (2 * 0.5rem))/2) !important;
  }
}

@media(min-width: 992px) {

  .section--fullwidth,
  .section-fullwidth {
    margin-left: calc((-100vw + 960px - (2 * 0.5rem))/2) !important;
    margin-right: calc((-100vw + 960px - (2 * 0.5rem))/2) !important;
  }
}

@media(min-width: 1200px) {

  .section--fullwidth,
  .section-fullwidth {
    margin-left: calc((-100vw + 1140px - (2 * 0.5rem))/2) !important;
    margin-right: calc((-100vw + 1140px - (2 * 0.5rem))/2) !important;
  }
}

@media(min-width: 1400px) {

  .section--fullwidth,
  .section-fullwidth {
    margin-left: calc((-100vw + 1320px - (2 * 0.5rem))/2) !important;
    margin-right: calc((-100vw + 1320px - (2 * 0.5rem))/2) !important;
  }
}

/*other*/
.perex__text-wrapper,
.section-perex__text-wrapper {
  text-align: left;
}

.font-size-fluid,
.col-text,
.section--header,
.section--text,
.section-blank,
.section-title,
.section-header,
.section-cta,
.section-2-col-right-text,
.section-2-col-left-text {
  font-size: var(--bs-body-font-size);
  line-height: var(--bs-body-line-height);
}

.section-dynamic .article-item-wrapper {
  flex: unset;
}

.section-cta,
.section--cta {
  text-align: left;
}

/*table*/
.table-overflow tr:first-of-type,
.table-collapse td:first-of-type {
  font-weight: inherit !important;
}

/*stejná výška ve vypisu*/
.categories--root .category,
.file-item,
.product-item {
  height: 100% !important;
}

/*breadcrumb*/
.breadcrumb__list {
  display: flex;
}

/*srovnání velikosti písma*/
@media(min-width: 768px) {

  body,
  table,
  form,
  .accordion-button,
  .font-size-fluid,
  .col-text,
  .section--header,
  .section--text,
  .section-blank,
  .section-title,
  .section-header,
  .section-cta,
  .section-2-col-right-text,
  .section-2-col-left-text {
    font-size: initial;
    line-height: var(--bs-body-line-height);
  }
}

/* ==========================================================================
Aurora - uprava prvku
========================================================================== */
/**/

#header {
  background-color: var(--bs-secondary-bg) !important;
  border-bottom: 1px solid var(--bs-border-color) !important;
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}


/*menu uzsi vzhled*/
@media(min-width:1200px) {

  .menu-horizontal .contactus,
  .menu-horizontal #navbar {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    max-width: 1140px
  }
}

@media(min-width: 1400px) {
  .menu-horizontal .contactus,
  .menu-horizontal #navbar {
    max-width: 1320px
  }
}

/* uprava posledniho odkazu v menu*/
@media(min-width:992px) {

  .navbar__menu>ul>li:last-of-type a,
  .navbar__menu {
    margin-right: 0
  }
}

/*navbar menu*/
.navbar__menu-list button.navbar__menu-link,
.navbar__menu-list a {
  color:#d3d8e0;
  font-weight: 600;
}

button.navbar__menu-link:hover,
.navbar__menu-link:hover {
  color: #fff;
}

.navbar__menu-item.active>.navbar__menu-link,
.navbar__menu-item.active>.navbar__menu-link .navbar__menu-item .active {
  color: var(--ec-gold);;
}


#menu-item-469801 .navbar__menu-link {
  color:#fff;
  background-color:var(--ec-red);
  border-color:var(--ec-red);
  border-radius: var(--ec-radius);
  padding: .375rem .75rem;
}

#menu-item-469801 .navbar__menu-link:hover,
#menu-item-469801 .navbar__menu-link:focus{
  color:#fff;
  background-color:var(--ec-red-dark);
  border-color:var(--ec-red-dark);
}

/*subnav*/
.navbar__menu-item.active .navbar__menu-item {
  border:0
}
.navbar__menu-item--has-childs .navbar__menu-list {
  padding: 0;
  border-radius: var(--ec-radius-lg);
  box-shadow: var(--ec-lift-shadow);
  border-color: var(--bs-border-color);
  background-color: var(--ec-dropdown-bg);
  color:var(--ec-dropdown-link);
  min-width: 20em!important;
}

.navbar__menu-item--has-childs .navbar__menu-list a{
  font-weight: 400;
}

.navbar__menu-item--has-childs .navbar__menu-list .navbar__menu-link:hover,
.navbar__menu-item--has-childs .navbar__menu-list .navbar__menu-link:focus{
  color:var(--bs-emphasis-color);
  background-color:var(--ec-dropdown-hover-bg);
  border:0;
}

.navbar__menu-item.active .navbar__menu-item.active .navbar__menu-link {
  color:#fff;
  background-color:var(--ec-red);
}

#menu-item-468738 .navbar__menu-item:last-of-type .navbar__menu-link {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)); 
  border-top: 1px solid var(--bs-border-color);
}

#menu-item-468738 .navbar__menu-item.active:last-of-type .navbar__menu-link {
  color: white!important; 
}

/*breadcrumb uzsi vzhled*/
.breadcrumb {
  display:none;
  background-color: var(--bs-secondary-bg) !important;
  font-size:small;
  border-bottom:1px solid var(--bs-border-color);
}
.rubric-74489 .breadcrumb {
  display:block;
}

.breadcrumb .breadcrumb__link {
  color:var(--bs-secondary-color);;
}
.breadcrumb .breadcrumb__link:hover,
.breadcrumb__current {
  color: var(--bs-light);
}

.breadcrumb__list {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto
}

@media(min-width: 576px) {
  .breadcrumb__list {
    max-width: 540px
  }
}

@media(min-width: 768px) {
  .breadcrumb__list {
    max-width: 720px
  }
}

@media(min-width: 992px) {
  .breadcrumb__list {
    max-width: 960px
  }
}

@media(min-width: 1200px) {
  .breadcrumb__list {
    max-width: 1140px
  }
}

@media(min-width: 1400px) {
  .breadcrumb__list {
    max-width: 1320px
  }
}

/*uprava velikosti loga*/
@media(min-width: 1200px) {
  .menu-horizontal .navbar__brand {
    min-height: 3rem
  }
}

.navbar__brand-logo-img {
  filter: invert(1);
  mix-blend-mode: screen;
  height: 72px;
  max-height:unset
}

#main {
  background-color: transparent;
}

/*primary button*/
.btn-primary,
.comment__reply,
.add-comment__button--submit,
.product-page__cart-button,
.cart-button,
.promo-code__submit,
.account-button,
.minicart__button-cart,
.search-form__search-button,
.locked__submit,
.motto__button-link {
  color: #fff;
  background-color: var(--ec-red);
  border-color: var(--ec-red);
}

.btn-primary:hover,
.comment__reply:hover,
.add-comment__button--submit:hover,
.product-page__cart-button:hover,
.cart-button:hover,
.promo-code__submit:hover,
.account-button:hover,
.minicart__button-cart:hover,
.search-form__search-button:hover,
.locked__submit:hover,
.motto__button-link:hover {
  color:#fff;
  background-color:var(--ec-red-dark);
  border-color:var(--ec-red-dark);
}

.bg-danger .btn-primary {
  color: var(--ec-ink-900);
  background-color: #ffffff;
  border-color: #ffffff;
}

.bg-danger .btn-primary:hover {
  color:var(--ec-ink-900);
  background-color:#e9eaec;
  border-color:#e9eaec;
}
/*oblé rohy fotografií*/
.gallery__item-link {
  border-radius: var(--ec-radius-xl);
}

/*footer*/

.footer {
  background-color: #000;
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.footer .h6 {
  color: var(--bs-heading-color);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-weight: 700;
}

.footer strong {
  color: var(--bs-emphasis-color);
  font-weight: 600;
}

.footer a:not(.link-warning) {
  color: var(--bs-secondary-color);
  text-decoration:underline;
  text-decoration-color:transparent;
}

.footer a:hover:not(.link-warning) {
  color:#ffffff;
  text-decoration-color:white!important
}

/* ==========================================================================
Vlastní styly
========================================================================== */
/*horní pruh s kontakty*/
.section-top {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.section-top p {
  margin-bottom:0;
}

.section-top a {
  color:var(--bs-white); 
}
.section-top a:hover {
  text-decoration-color: var(--bs-white)
}

/*section-services services-reset*/
.services-reset ul {
  list-style: none;
  padding-left: 0;
  -webkit-column-count: unset;
  -moz-column-count: unset;
  column-count: unset;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  -webkit-column-width: unset;
  -moz-column-width: unset;
  column-width: unset
}

.services-reset li {
  background-color: transparent;
  border-left: 0;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0
}
/*section-services services-vstack*/
.services-vstack ul {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.services-vstack li {
  display:flex!important;
  gap: 1rem !important;
}
/*section-services services-hstack*/
.services-hstack ul {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  column-gap:1.5rem;
  row-gap:.5rem;
  margin-bottom:0;
}

.services-hstack li {
  display:inline-flex; 
  align-items:start; 
  gap:.5rem;
}

/*section-grid*/
.section-grid {
  position: relative;
}
.section-grid .row {
  gap: 1px;
  background: rgba(255, 255, 255, 0.12);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.section-grid .section-cell-item {
  background:rgba(var(--bs-black-rgb));
  position: relative;
  margin: 0;
  padding: 1rem;
  width: 100%;
}

@media (max-width:980px) {
  .section-grid .row {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*section link-card*/
.section-link-card .col > a {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background-color:var(--bs-white);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--ec-radius-xl);
  color: var(--bs-body-color);
  height: 100% ;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.section-link-card .col a:hover{
  transform:translateY(-.35rem);
  border-color:var(--ec-lift-border);
  box-shadow:var(--ec-lift-shadow);
  text-decoration-color:transparent;
}

/* .filter-red / .filter-yellow — viz sjednocený blok výše u .btn-default */
.section-img img{
  filter: saturate(.62) brightness(.92) contrast(1.04);
  border-radius: var(--ec-radius-xl) !important;
  max-width: 100%;
  height: auto;
  width: 100% !important;
}

/*section-grid-img*/
.section-grid-img img{
  filter: saturate(.62) brightness(.92) contrast(1.04);
  object-fit: cover !important;
  border-radius: var(--ec-radius-xl) !important;
}
.section-grid-img .col-7 img{
  height: 100% !important;
  width: 100% !important;
  max-width: 100%;
}

/* Bloky s uzsim containerem 
====================================================================== */

.container--article .col-text,
.container--article .section--header,
.container--article .section--text,
.container--article .section-blank,
.container--article .section-title,
.container--article .section-header,
.container--article .section-cta,
.container--article .col-text.section-bg-light>*,
.container--article .col-text.section-bg>*,
.container--article .section--header.section-bg-light>*,
.container--article .section--header.section-bg>*,
.container--article .section--text.section-bg-light>*,
.container--article .section--text.section-bg>*,
.container--article .section-blank.section-bg-light>*,
.container--article .section-blank.section-bg>*,
.container--article .section-title.section-bg-light>*,
.container--article .section-title.section-bg>*,
.container--article .section-header.section-bg-light>*,
.container--article .section-header.section-bg>*,
.container--article .section-cta.section-bg-light>*,
.container--article .section-cta.section-bg>*,
.section--3-col-text-bottom h3,
.section--3-col-text-bottom p,
.section--3-col-text-top h3,
.section--3-col-text-top p,
.comments,
.top-products__title,
.active-category__title,
.perex,
.section-perex,
.sitemap,
.product-page__description .section-dynamic[data-dynamic-type="folder"],
.col-text.section-bg-light>*,
.col-text.section-bg>*,
.section--header.section-bg-light>*,
.section--header.section-bg>*,
.section--text.section-bg-light>*,
.section--text.section-bg>*,
.section-blank.section-bg-light>*,
.section-blank.section-bg>*,
.section-title.section-bg-light>*,
.section-title.section-bg>*,
.section-header.section-bg-light>*,
.section-header.section-bg>*,
.section-cta.section-bg-light>*,
.section-cta.section-bg>*,
.section-pricelist.section-bg-light>*,
.section-pricelist.section-bg>*,
.col-text,
.section--header,
.section--text,
.section-blank,
.section-title,
.section-header,
.section-cta,
.section-pricelist,
.section-3-col-bottom-text h3,
.section-3-col-bottom-text .h3,
.section-3-col-bottom-text p,
.section-3-col-top-text h3,
.section-3-col-top-text .h3,
.section-3-col-top-text p {
  max-width: unset;
}

@media (min-width: 768px) {

  .user-form,
  .form-row--center .form-row__text,
  .account-form__fieldset,
  .form-row--center .form-row__text {
    max-width: 100%;
  }
}

@media (min-width: 992px) {

  .section-3-col-bottom-text h3,
  .section-3-col-bottom-text .h3,
  .section-3-col-bottom-text p,
  .section-3-col-top-text h3,
  .section-3-col-top-text .h3,
  .section-3-col-top-text p {
    max-width: unset;
  }
}