/* =========================================================
   TOMSA V30 – jednotná šírka, čitateľnejšie písmo,
   mobilné menu, kontakt s mapou.
   Načítava sa po app.css, takže prepisuje staršie pravidlá.
   ========================================================= */

/* ---------- 1. Jedna šírka obsahu pre celý web ---------- */
:root { --tomsa-w: min(1320px, calc(100% - 48px)); }
@media (max-width: 1023px) { :root { --tomsa-w: calc(100% - 32px); } }
@media (max-width: 520px)  { :root { --tomsa-w: calc(100% - 24px); } }

.tomsa-container { box-sizing: border-box; width: var(--tomsa-w); max-width: none; margin-left: auto; margin-right: auto; }

/* Úvodná stránka */
.tomsa-hero-v13 { padding: 0 0 1rem; }
.tomsa-section-v13 { padding: 0 0 1rem; }
.tomsa-hero-shell-v13,
.tomsa-content-card-v13,
.tomsa-tests-split-v20,
.tomsa-contact-strip-v13 { box-sizing: border-box; width: var(--tomsa-w); max-width: none !important; margin-left: auto; margin-right: auto; }

/* Podstránky (Žiadosti, FAQ, GDPR, Cookies, Prihláška) */
main#main-content > section.px-3,
main#main-content > section.px-4,
main#main-content > section.px-5 { padding-left: 0; padding-right: 0; }
main#main-content .mx-auto.max-w-\[80rem\],
main#main-content .mx-auto.max-w-\[88rem\] { box-sizing: border-box; width: var(--tomsa-w); max-width: none; }
.tomsa-legal-hero, .tomsa-legal-content { padding-left: 0; padding-right: 0; }
.tomsa-legal-hero-inner, .tomsa-legal-grid { box-sizing: border-box; width: var(--tomsa-w); }
.tomsa-form-hero-v13 { box-sizing: border-box; width: var(--tomsa-w); max-width: none !important; }
.tomsa-form-layout-v13 { box-sizing: border-box; width: var(--tomsa-w); max-width: none !important; padding: 0; }

/* ---------- 2. Žiadny rámik okolo obsahu po prekliknutí ---------- */
main[tabindex="-1"]:focus,
main[tabindex="-1"]:focus-visible { outline: none; }

/* ---------- 3. Úvod: hero ---------- */
.tomsa-hero-main-v13 { min-height: 0; gap: 2rem; justify-content: center; }
.tomsa-hero-lead-v13 { font-size: 1.05rem; max-width: 38rem; }
.tomsa-btn-v13 { font-size: .82rem; }
.tomsa-start-head-v13 p { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.tomsa-start-step-v13 > span { font-size: .78rem; }
.tomsa-start-step-v13 strong { font-size: .95rem; }
.tomsa-start-step-v13 small { font-size: .84rem; color: #475569; }
.tomsa-quick-card-v13 strong { font-size: .95rem; }
.tomsa-quick-card-v13 small { font-size: .74rem; letter-spacing: .02em; text-transform: none; font-weight: 700; }

/* Pás so skupinami, adresou a telefónom */
.tomsa-facts-v30 { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); }
.tomsa-facts-v30 > div { padding: 1.1rem 1.4rem; }
.tomsa-facts-v30 span { margin: 0; color: #fca5a5; font-size: .78rem; font-weight: 800; letter-spacing: .02em; text-transform: none; }
.tomsa-facts-v30 a,
.tomsa-facts-v30 a:visited { display: inline-block; margin-top: .4rem; color: #fff !important; font-size: 1.2rem; font-weight: 800; letter-spacing: -.01em; text-decoration: none; }
.tomsa-facts-v30 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.tomsa-facts-v30 small { margin-top: .25rem; font-size: .86rem; color: #cbd5e1; }
.tomsa-fact-groups-v30 ul { display: flex; flex-wrap: wrap; gap: .4rem; margin: .55rem 0 0; padding: 0; list-style: none; }
.tomsa-fact-groups-v30 li { min-width: 2.6rem; padding: .4rem .6rem; border: 1px solid rgba(255,255,255,.22); border-radius: .6rem; background: rgba(255,255,255,.08); color: #fff; font-size: .95rem; font-weight: 800; text-align: center; }

/* Prečo TOMŠA */
.tomsa-section-title-v13 p,
.tomsa-eyebrow-v13 { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
.tomsa-section-title-v13 h2 { font-size: 1.6rem; }
.tomsa-content-card-v13 { padding: 1.5rem; }
.tomsa-trust-grid-v13 article { padding: 1.1rem 1.2rem; }
.tomsa-trust-grid-v13 article:hover { transform: none; box-shadow: none; border-color: #e2e8f0; }
.tomsa-trust-grid-v13 h3 { margin: 0; font-size: 1.02rem; }
.tomsa-trust-grid-v13 p { margin-top: .35rem; font-size: .9rem; line-height: 1.55; color: #475569; }

/* Testy */
.tomsa-test-copy-v20 > p:not(.tomsa-eyebrow-v13) { font-size: .92rem; color: #475569; }
.tomsa-test-button-v20 { font-size: .82rem; }
.tomsa-skvza-mark-v20 small { font-size: .72rem; letter-spacing: .08em; }

/* Kontaktný pás */
.tomsa-contact-strip-v13 { padding: 1.25rem 1.4rem; }
.tomsa-contact-strip-v13 p { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
.tomsa-contact-strip-v13 h2 { font-size: 1.4rem; }
.tomsa-contact-strip-v13 small { font-size: .9rem; }
.tomsa-contact-main-v13, .tomsa-contact-phone-v13 { min-height: 44px; padding: .6rem 1.1rem; font-size: .82rem; text-transform: none; }

@media (max-width: 900px) {
  .tomsa-facts-v30 { grid-template-columns: 1fr 1fr; }
  .tomsa-fact-groups-v30 { grid-column: 1 / -1; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.09); }
}
@media (max-width: 700px) {
  .tomsa-facts-v30 { grid-template-columns: 1fr; }
  .tomsa-facts-v30 > div { border-right: 0 !important; }
  .tomsa-hero-shell-v13 { border-left: 0; border-radius: 0 0 1.4rem 1.4rem; }
  .tomsa-contact-strip-v13 { border-left: 0; }
}
@media (max-width: 520px) {
  .tomsa-hero-main-v13 h1 { font-size: 2.15rem; line-height: 1.04; }
  .tomsa-content-card-v13 { padding: 1.1rem; }
}

/* ---------- 4. Podstránky: menšie písmo zväčšené ---------- */
.tomsa-pagehero-text { font-size: 1.02rem; }
main#main-content .text-\[0\.6rem\],
main#main-content .text-\[0\.62rem\],
main#main-content .text-\[0\.64rem\],
main#main-content .text-\[0\.65rem\] { font-size: .75rem; }
main#main-content .text-\[0\.68rem\],
main#main-content .text-\[0\.7rem\],
main#main-content .text-\[0\.72rem\] { font-size: .8rem; }
main#main-content [class*="tracking-[0.2"] { letter-spacing: .1em; }

/* ---------- 5. Kontakt: ikony, rozloženie, mapa ---------- */
.tomsa-contact-layout-v30 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
.tomsa-contact-badge-icon { min-width: 3rem; width: 3rem; height: 3rem; padding: 0; background: #0f172a; color: #fff; }
.tomsa-contact-card-primary .tomsa-contact-badge-icon { background: #dc2626; }
.tomsa-contact-label { font-size: .75rem; }
.tomsa-contact-copy { font-size: .92rem; }
.tomsa-contact-button { font-size: .82rem; text-transform: none; }

.tomsa-map-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #dbe3ec; border-radius: 1.3rem; background: #fff; box-shadow: 0 10px 26px rgba(15,23,42,.06); }
.tomsa-map-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.3rem; border-bottom: 1px solid #e2e8f0; }
.tomsa-map-head h2 { margin: 0; color: #0f172a; font-size: 1.15rem; font-weight: 800; }
.tomsa-map-head p { margin: .2rem 0 0; color: #475569; font-size: .9rem; }
.tomsa-map-link, .tomsa-map-link:visited { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 40px; padding: 0 .95rem; border: 1px solid #dbe3ec; border-radius: 999px; color: #0f172a !important; font-size: .82rem; font-weight: 800; text-decoration: none !important; }
.tomsa-map-link:hover { border-color: #fca5a5; color: #b91c1c !important; }
.tomsa-map-frame { position: relative; flex: 1 1 auto; min-height: 340px; background: #e8eef5; }
.tomsa-map-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tomsa-map-placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; padding: 1.5rem; text-align: center;
  background:
    linear-gradient(rgba(232,238,245,.86), rgba(232,238,245,.86)),
    repeating-linear-gradient(0deg, transparent 0 46px, #cfd9e5 46px 48px),
    repeating-linear-gradient(90deg, transparent 0 46px, #cfd9e5 46px 48px); }
.tomsa-map-placeholder-icon { display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: #dc2626; color: #fff; box-shadow: 0 10px 22px rgba(220,38,38,.25); }
.tomsa-map-placeholder strong { margin-top: .3rem; color: #0f172a; font-size: 1.05rem; }
.tomsa-map-placeholder p { max-width: 24rem; margin: 0; color: #475569; font-size: .84rem; line-height: 1.5; }
.tomsa-map-placeholder button { margin-top: .4rem; min-height: 44px; padding: 0 1.3rem; border: 0; border-radius: 999px; background: #0f172a; color: #fff; font: 800 .88rem/1 Inter, "Segoe UI", Arial, sans-serif; cursor: pointer; }
.tomsa-map-placeholder button:hover { background: #1e293b; }
.tomsa-map-placeholder button:focus-visible, .tomsa-map-link:focus-visible { outline: 3px solid #fca5a5; outline-offset: 2px; }

@media (max-width: 1023px) {
  .tomsa-contact-layout-v30 { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .tomsa-map-head { flex-direction: column; align-items: flex-start; }
  .tomsa-map-frame { min-height: 300px; }
}

/* Rýchle odkazy na mobile v dvoch stĺpcoch (menej skrolovania) */
@media (max-width: 520px) {
  .tomsa-quick-grid-v13 { grid-template-columns: 1fr 1fr; }
  .tomsa-quick-card-v13 { flex-direction: column; align-items: flex-start; gap: .5rem; min-height: 0; padding: .8rem; }
}
.tomsa-contact-layout-v30 { margin-bottom: 1.5rem; }