/*
 * HASPO – mobilná úprava (spoločná pre nový dizajn aj prémiovú vrstvu)
 * ---------------------------------------------------------------------
 * Všetko je pod html.hx-m a takmer všetko len pod 768 px. Texty ani funkcie sa nemenia:
 * poradie sekcií mení CSS (order), nič sa v stránke nepresúva; zbalené časti sa otvoria ťuknutím.
 * Farby: predvolené pre prémiovú vrstvu, html.hx-nd (nový dizajn) ich prepíše.
 */

html.hx-m{
  --hm-ink:#1D2340;--hm-mut:#5A6178;--hm-line:#E3E6EF;--hm-soft:#F5F6FA;--hm-card:#ffffff;
  --hm-primary:#D42027;--hm-primary-2:#B81B21;--hm-link:#212E63;--hm-kicker:#C8161C;
  --hm-r:18px;--hm-btn-r:999px;--hm-btn-w:700;
  --hm-foot-head:#ffffff;--hm-foot-line:rgba(255,255,255,.16);
}
html.hx-m.hx-nd{
  --hm-ink:#212E63;--hm-mut:#6e6e73;--hm-line:#d2d2d7;--hm-soft:#f5f5f7;--hm-card:#ffffff;
  --hm-primary:#D42027;--hm-primary-2:#B81B21;--hm-link:#2C3E8F;--hm-kicker:#C8161C;
  --hm-r:22px;--hm-btn-r:980px;--hm-btn-w:500;
  --hm-foot-head:#212E63;--hm-foot-line:#d2d2d7;
}

/* tlačidlá a karty, ktoré pridáva mobil.js, sú len pre mobil */
.hm-only{display:none!important}

@media (max-width:767px){

  /* ===== 1) Poradie sekcií domovskej stránky =====
     Kalkulačka hneď pod úvodom, potom služby, referencie, video, povinnosti, paušál + časté otázky, e-book,
     o nás, blog, výzva, pobočky. Obalové prvky dostanú display:contents, aby sa dali ich časti zoradiť samostatne. */
  html.hx-m :is(.elementor-44,.elementor-5877)[data-elementor-type="wp-page"]{display:flex;flex-direction:column}
  html.hx-m :is(.elementor-44,.elementor-5877) > *{order:105;min-width:0}
  html.hx-m :is(.elementor-44,.elementor-5877) > :is(.elementor-element-a279ba4,[data-hxh="hxh-tpl-a"]),
  html.hx-m :is(.elementor-44,.elementor-5877) > .elementor-element-a279ba4 > .elementor-container,
  html.hx-m :is(.elementor-44,.elementor-5877) > .elementor-element-a279ba4 > .elementor-container > .elementor-column,
  html.hx-m :is(.elementor-44,.elementor-5877) > .elementor-element-a279ba4 > .elementor-container > .elementor-column > .elementor-widget-wrap,
  html.hx-m :is(.elementor-44,.elementor-5877) > [data-hxh="hxh-tpl-a"] > .hxh{display:contents}
  html.hx-m :is(.elementor-44,.elementor-5877) > .elementor-element-a279ba4 .elementor-widget-wrap > .elementor-widget{order:105;min-width:0;margin:0!important}

  html.hx-m :is(.elementor-44,.elementor-5877) > .elementor-element-1964bbb{order:10}
  html.hx-m :is(.elementor-44,.elementor-5877) > .elementor-element-608359a9{order:20}
  html.hx-m :is(.elementor-44,.elementor-5877) > .hk-wrap{order:21}
  /* bočné okraje „auto“ by v stĺpci flex kalkulačku zúžili na šírku obsahu */
  html.hx-m :is(.elementor-44,.elementor-5877) > .hk-wrap{margin-left:0;margin-right:0;width:auto;align-self:stretch}
  html.hx-m :is(.elementor-44,.elementor-5877) [aria-labelledby="hxh-svc-h"]{order:30}
  html.hx-m :is(.elementor-44,.elementor-5877) .elementor-widget-wrap > .elementor-widget:has(.hx-hr){order:40}
  html.hx-m :is(.elementor-44,.elementor-5877) > .elementor-element-ccef650{order:50}
  html.hx-m :is(.elementor-44,.elementor-5877) [aria-labelledby="hxh-ob-h"]{order:60}
  html.hx-m :is(.elementor-44,.elementor-5877) .elementor-widget-wrap > .elementor-widget:has(.hx-city){order:70}
  html.hx-m :is(.elementor-44,.elementor-5877) > .hm-ebook{order:75}
  html.hx-m :is(.elementor-44,.elementor-5877) .hxh-about{order:80}
  html.hx-m :is(.elementor-44,.elementor-5877) > .elementor-element-41238ec1{order:90}
  html.hx-m :is(.elementor-44,.elementor-5877) > [data-hxh="hxh-tpl-b"]{order:100}
  html.hx-m :is(.elementor-44,.elementor-5877) > .elementor-element-3729458{order:110}
  /* prázdne medzery medzi pôvodnými sekciami – nové poradie má vlastné odsadenie */
  html.hx-m :is(.elementor-44,.elementor-5877) > :is(.elementor-element-db1bff7,.elementor-element-61a36d2,.elementor-element-13143aa,.elementor-element-1a386b9){display:none!important}

  /* časti, ktoré stratili obal: bočné odsadenie */
  html.hx-m :is(.elementor-44,.elementor-5877) :is([aria-labelledby="hxh-svc-h"],[aria-labelledby="hxh-ob-h"]){padding-left:16px!important;padding-right:16px!important}
  html.hx-m :is(.elementor-44,.elementor-5877) .hxh-about{margin:8px 16px 40px!important}
  html.hx-m :is(.elementor-44,.elementor-5877) .elementor-widget-wrap > .elementor-widget:has(.hx-city){padding:0 20px}
  /* formulár ponuky (kým ho kalkulačka nenahradí) na celú šírku – počítačové odsadenie 15 % sa prenášalo aj na mobil */
  html.hx-m :is(.elementor-44,.elementor-5877) .elementor-element.elementor-element-6ef4ce37>.elementor-widget-container{padding:0!important}

  /* ===== 2) Úvod: výhody v jednom stĺpci, „Spočítať cenu“ ako tlačidlo (rozloženie a ilustrácia ostávajú) ===== */
  html.hx-m .elementor-element-1964bbb .hh-usp.hh-c{grid-template-columns:max-content!important;justify-content:center!important;width:auto!important;max-width:100%!important;row-gap:10px!important}
  html.hx-m .elementor-element-1964bbb .hh-usp.hh-c li{font-size:16px!important}
  html.hx-m .elementor-element-1964bbb .hh-mlink{margin:8px 0 0!important}
  html.hx-m .elementor-element-1964bbb .hh-mlink a{display:flex!important;align-items:center;justify-content:center;min-height:52px;padding:0 24px!important;border-radius:var(--hm-btn-r)!important;background:var(--hm-primary)!important;color:#fff!important;font-size:17px!important;font-weight:var(--hm-btn-w)!important;letter-spacing:-.01em!important;text-decoration:none!important;transition:transform .16s ease-out,background-color .2s}
  html.hx-m .elementor-element-1964bbb .hh-mlink a:active{transform:scale(.97)}

  /* ===== 3) Služby a povinnosti: jeden rad, posúva sa do strany ===== */
  html.hx-m .hxh .hxh-ob{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html.hx-m .hxh .hxh-ob::-webkit-scrollbar{display:none}
  html.hx-m .hxh .hxh-o{flex:0 0 82%;scroll-snap-align:start;scroll-margin-left:16px}
  /* prvá karta služieb sa prichytávala k okraju obrazovky – nechať jej rovnaký okraj ako textu */
  html.hx-m .hxh .hxh-svc{scroll-padding-inline:16px}

  /* ===== 4) Text o paušáli: 3 riadky + „Čítať viac“, tlačidlá v jednom rade ===== */
  html.hx-m .hx-city .hm-clamp:not(.hm-open){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
  html.hx-m .hx-city .hm-more{display:inline-flex!important;align-items:center;min-height:44px;margin:-6px 0 6px;padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--hm-link);cursor:pointer}
  html.hx-m .hx-city .hx-links{flex-wrap:nowrap!important;overflow-x:auto;margin:4px -20px 0!important;padding:0 20px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html.hx-m .hx-city .hx-links::-webkit-scrollbar{display:none}
  html.hx-m .hx-city .hx-links .hx-btn{flex:none;white-space:nowrap}

  /* ===== 5) E-book: karta v stránke (plávajúca záložka sa na domovskej stránke skryje) ===== */
  html.hx-m .hm-ebook{display:flex!important;align-items:center;gap:16px;margin:0 20px 40px;padding:16px 18px;border-radius:var(--hm-r);background:var(--hm-soft);color:var(--hm-ink)!important;text-decoration:none!important}
  html.hx-m .hm-ebook img{flex:none;width:56px!important;height:auto!important;border-radius:3px 6px 6px 3px;box-shadow:0 10px 18px -10px rgba(0,0,0,.45)}
  html.hx-m .hm-ebook > span{display:flex;flex-direction:column;gap:3px;min-width:0}
  html.hx-m .hm-ebook small{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--hm-kicker)}
  html.hx-m .hm-ebook b{font-size:16px;line-height:1.3;font-weight:600;color:var(--hm-ink)}
  html.hx-m .hm-ebook em{font-style:normal;font-size:15px;font-weight:600;color:var(--hm-link)}
  html.hx-m.hm-has-ebook #ec-v-form-slider-handle{display:none!important}
  html.hx-m.hm-has-ebook body .hxb{padding-right:10px!important}

  /* ===== 6) Pobočky (okrem stránky Kontakt): zoznam, detail po ťuknutí ===== */
  html.hx-m .hx-visit.hm-vis .hx-visit__grid{display:flex!important;flex-direction:column;gap:0!important;border-radius:var(--hm-r);background:var(--hm-card);overflow:hidden;box-shadow:0 0 0 1px var(--hm-line)}
  html.hx-m .hx-visit .hx-card.hm-card{border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;background:transparent!important}
  html.hx-m .hx-visit .hx-card.hm-card + .hx-card.hm-card{border-top:1px solid var(--hm-line)!important}
  html.hx-m .hx-visit .hm-card .hx-card__img{display:none!important}
  html.hx-m .hx-visit .hm-card:not(.hm-open) :is(.hx-card__body,.hx-card__foot){display:none!important}
  html.hx-m .hx-visit .hm-card .hx-card__body{padding-top:0!important}
  html.hx-m .hx-visit .hm-card .hx-card__foot{border-top:0!important;margin-top:0!important}
  html.hx-m .hm-acc{display:flex!important;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;border:0;background:none;text-align:left;font:inherit;color:var(--hm-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
  html.hx-m .hm-acc .hm-pin{flex:none;color:var(--hm-primary)}
  html.hx-m .hm-acc__t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
  html.hx-m .hm-acc__t b{font-size:17px;line-height:1.25;font-weight:600;color:var(--hm-ink)}
  html.hx-m .hm-acc__t span{font-size:14px;line-height:1.3;color:var(--hm-mut)}
  html.hx-m .hm-chev{flex:none;transition:transform .25s ease}
  html.hx-m .hm-open > .hm-acc .hm-chev,html.hx-m .hm-fh.hm-open .hm-chev{transform:rotate(180deg)}

  /* ===== 7) Pätička: sekcie ako rozbaľovací zoznam, právne odkazy v jednom bloku ===== */
  html.hx-m .elementor-location-footer.hm-ft .hm-fh .elementor-heading-title{display:none!important}
  html.hx-m .elementor-location-footer.hm-ft .hm-fh{margin:0!important;border-top:1px solid var(--hm-foot-line)}
  html.hx-m .elementor-location-footer.hm-ft .hm-fbtn{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:0;border:0;background:none;font:inherit;font-size:15px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--hm-foot-head)!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
  html.hx-m .elementor-location-footer.hm-ft .hm-fp:not(.hm-show),
  html.hx-m .elementor-location-footer.hm-ft .hm-fp.elementor-widget-divider{display:none!important}
  html.hx-m .elementor-location-footer.hm-ft .hm-fp.hm-show{margin:0!important;padding-bottom:16px}
  html.hx-m .elementor-location-footer.hm-ft .elementor-top-section:first-of-type .elementor-widget-wrap{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
  html.hx-m .elementor-location-footer.hm-ft .elementor-top-section:first-of-type .elementor-column + .elementor-column .hm-fh:first-child{border-top:1px solid var(--hm-foot-line)}
  html.hx-m .elementor-location-footer .hm-x{display:none!important}
  html.hx-m .elementor-location-footer .elementor-element-1130f32 > .elementor-container{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:2px 18px}
  html.hx-m .elementor-location-footer .elementor-element-1130f32 > .elementor-container > .elementor-column{width:auto!important}

  /* ===== 8) Spodná lišta: skrytá nad úvodným tlačidlom a nad kalkulačkou ===== */
  html.hx-m .hxb.hm-off{transform:translateY(110%)}

  /* ===== 9) Hlavička: logo vľavo, e-mail a menu vpravo, jazyk v menu ===== */
  html.hx-m .elementor-location-header .elementor-element-827e6ba > .elementor-container{display:flex!important;flex-wrap:nowrap!important;align-items:center}
  html.hx-m .elementor-location-header .elementor-element-827e6ba .elementor-element-ef806cb{order:1;flex:1 1 auto!important;width:auto!important;min-width:0}
  html.hx-m .elementor-location-header .elementor-element-827e6ba .elementor-element-ee61e10{order:2;flex:none!important;width:auto!important}
  html.hx-m .elementor-location-header .elementor-element-827e6ba .elementor-element-5aa8222{order:3;flex:none!important;width:auto!important}
  html.hx-m .elementor-location-header .elementor-element-d1c1b30,
  html.hx-m .elementor-location-header .elementor-element-d1c1b30 .elementor-widget-container{text-align:left!important;justify-content:flex-start!important}
  html.hx-m .elementor-location-header .elementor-element-d1c1b30 img{margin-left:0!important;margin-right:auto!important}
  html.hx-m.hm-lang-menu .elementor-location-header .elementor-element-827e6ba .elementor-element-54cce94{display:none!important}

  /* menej pohybu, ak si to používateľ nastavil */
  @media (prefers-reduced-motion:reduce){
    html.hx-m .hm-chev,html.hx-m .elementor-element-1964bbb .hh-mlink a{transition:none!important}
  }
}