/* Widgety mnamka.net vložené do stránok webu (torty, koláčiky, Vianoce).
   Widget si štýluje všetko sám (inline štýly), ale ráta s tým, čo mu stránka
   dá zdediť. Na /b2c/ to rieši plátno (partials/platno.html); tu je ten istý
   základ len vnútri `.widget-obal`, aby nezasiahol zvyšok webu. */

.widget-sekcia { padding: 60px 10px; }
.widget-sekcia--sede { background: #F7F7F7; }

.widget-sekcia__poznamka,
.widget-sekcia__podmienky {
  max-width: 760px;
  margin: 20px auto 0;
  font-size: 20px;
  line-height: 1.6;
  color: var(--vinova-svetla);
  text-align: center;
}

.widget-sekcia__podmienky { margin-top: 30px; font-size: 18px; }

.widget-sekcia a:not([class]),
.widget-sekcia__poznamka a { text-decoration: underline; }

/* Vlastný stacking context: lepivá hlavička a karty widgetu majú z-index
   100 až 400, ktorý by inak prekryl otvorené menu (prekryv 55, menu 60).
   `isolation` ich drží vnútri tohto obalu a fixné okná widgetu (pozícia
   voči oknu) to neovplyvní. */
.widget-obal {
  isolation: isolate;
  margin-top: 30px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #334155;
}

/* To isté, čo plátno /b2c/: výška riadku formulárových prvkov a nadpisov,
   na ktorú widget spolieha (bez nich je tlačidlo o 2 a pole o 5 px vyššie). */
.widget-obal button,
.widget-obal input[type="button"],
.widget-obal input[type="submit"] { line-height: 1em; }

.widget-obal input[type="text"], .widget-obal input[type="number"],
.widget-obal input[type="email"], .widget-obal input[type="url"],
.widget-obal input[type="password"], .widget-obal input[type="search"],
.widget-obal input[type="tel"], .widget-obal input[type="date"],
.widget-obal select { height: 40px; line-height: 24px; }

.widget-obal textarea { line-height: 24px; }
.widget-obal h1 { line-height: 1.4em; }
.widget-obal h2, .widget-obal h3 { line-height: 1.3em; }
.widget-obal h4, .widget-obal h5 { line-height: 1.2em; }
.widget-obal label, .widget-obal legend { line-height: 20px; }

/* Text, kým sa widget nenačíta (widget obsah kontajnera nahradí) */
.widget-obal__nacitavam {
  margin: 0;
  padding: 40px 20px;
  font-family: var(--pismo-text);
  font-size: 20px;
  color: var(--vinova-svetla);
  text-align: center;
}

.widget-obal__nacitavam a { text-decoration: underline; }

/* Odkaz na objednávku v úvode stránky (torty, koláčiky) */
.widget-odkaz { margin: 20px 0 0; text-align: center; }

@media (max-width: 767px) {
  .widget-sekcia { padding: 40px 3%; }
  .widget-sekcia__poznamka { font-size: 18px; }
  .widget-sekcia__podmienky { font-size: 16px; }
  .widget-obal { margin-top: 20px; }
}

/* Na /ponuka-toriet/ nadväzuje na úvod, ktorý má vlastné spodné odsadenie */
.widget-sekcia--torty { padding-top: 10px; }