/* MIRVEO Opravy – doplnkové štýly */

/* Jednotná hlavička a pätička na podstránkach */
.mvo-chrome { display: contents; }
.mvo-chrome .mv2-header,
.mvo-chrome .mv2-footer { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #13213a; }
.mvo-chrome .mv2-header a,
.mvo-chrome .mv2-footer a { text-decoration: none; }
.mvo-chrome .mv2-header .mv2-wrap,
.mvo-chrome .mv2-footer .mv2-wrap { box-sizing: border-box; }
body.admin-bar .mvo-chrome .mv2-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .mvo-chrome .mv2-header { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .mvo-chrome .mv2-header { top: 0; } }

/* Cenník má vlastnú hlavičku a pätičku z Elementora – nahrádza ich jednotná */
.page-id-96 .elementor-element-a91f3c2d,
.page-id-96 .elementor-element-edcb32c1 { display: none !important; }

/* Formulár dopytu a registrácie: tlačidlá musia vyzerať ako tlačidlá */
.mirveo-form .mv-step-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; align-items: center; }
.mirveo-form .mv-step-actions .mirveo-btn,
.mirveo-form button.mirveo-btn,
.mirveo-form .mirveo-btn-primary {
    display: inline-flex !important; align-items: center; justify-content: center;
    min-height: 48px; padding: 13px 28px !important; border-radius: 12px !important;
    font: 800 15px/1.2 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
    text-decoration: none !important; cursor: pointer; transition: background-color .15s ease, transform .15s ease;
}
.mirveo-form .mirveo-btn-primary,
.mirveo-form .mv-next,
.mirveo-form button[type="submit"] {
    background: #ed2939 !important; color: #fff !important; border: 0 !important;
    box-shadow: 0 10px 24px rgba(237, 41, 57, .22) !important;
}
.mirveo-form .mirveo-btn-primary:hover,
.mirveo-form .mv-next:hover,
.mirveo-form button[type="submit"]:hover { background: #d51f30 !important; color: #fff !important; }
.mirveo-form .mirveo-btn-ghost,
.mirveo-form .mv-prev {
    background: #fff !important; color: #13213a !important; border: 1px solid #cfd5df !important; box-shadow: none !important;
}
.mirveo-form .mirveo-btn-ghost:hover,
.mirveo-form .mv-prev:hover { border-color: #13213a !important; }
.mirveo-form .mirveo-btn:focus-visible { outline: 3px solid rgba(237, 41, 57, .35); outline-offset: 2px; }
@media (max-width: 600px) {
    .mirveo-form .mv-step-actions .mirveo-btn { flex: 1 1 100%; }
}

/* Domovská stránka: „Ako to funguje“ namiesto prázdnej nástenky */
.mvo-how .mvo-steps { list-style: none; margin: 18px 0 4px; padding: 0; counter-reset: mvo; display: grid; gap: 12px; }
.mvo-how .mvo-steps li {
    counter-increment: mvo; position: relative; padding: 16px 16px 16px 60px;
    border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; background: rgba(255, 255, 255, .05);
}
.mvo-how .mvo-steps li::before {
    content: counter(mvo); position: absolute; left: 16px; top: 16px; width: 30px; height: 30px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; background: #ed2939; color: #fff; font-weight: 800; font-size: 14px;
}
.mvo-how .mvo-steps b { display: block; color: #fff; font-size: 15px; margin-bottom: 3px; }
.mvo-how .mvo-steps span { display: block; color: rgba(255, 255, 255, .72); font-size: 13px; line-height: 1.45; }

/* Karty kategórií: zoznam profesií */
.mv2-main-category-card small { line-height: 1.45; }

/* Kontaktná stránka */
.mvo-contact { max-width: 760px; margin: 0 auto; padding: 64px 16px 80px; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #13213a; }
.mvo-contact small { color: #ed2939; font-weight: 800; letter-spacing: .12em; font-size: 12px; }
.mvo-contact h1 { font-size: clamp(32px, 5vw, 48px); line-height: 1.05; margin: 10px 0 14px; letter-spacing: -.02em; }
.mvo-contact > p { color: #687389; font-size: 17px; line-height: 1.6; margin: 0 0 28px; }
.mvo-contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.mvo-contact-card { border: 1px solid #e3e8f0; border-radius: 16px; padding: 22px; background: #fff; }
.mvo-contact-card h2 { font-size: 17px; margin: 0 0 6px; }
.mvo-contact-card p { margin: 0 0 12px; color: #687389; font-size: 14px; line-height: 1.5; }
.mvo-contact-card a { color: #ed2939; font-weight: 800; text-decoration: none; word-break: break-word; }
.mvo-contact-company { margin-top: 28px; padding: 18px 22px; border-radius: 14px; background: #f5f7fb; color: #13213a; font-size: 14px; line-height: 1.6; }

/* Filter odborníkov a dopytov – prehľadné rozloženie */
form.mirveo-filter { display: grid !important; grid-template-columns: 1.4fr 1.2fr 1.6fr 1fr auto auto; gap: 10px; align-items: center; padding: 12px !important; }
form.mirveo-filter > input, form.mirveo-filter > select {
    width: 100% !important; min-height: 46px; margin: 0 !important; box-sizing: border-box;
    border: 1px solid #e3e8f0 !important; border-radius: 10px !important; padding: 10px 12px !important; background: #fff !important;
}
form.mirveo-filter .mirveo-filter-check { display: flex !important; align-items: center; gap: 6px; white-space: nowrap; margin: 0 !important; font-weight: 700; font-size: 13px; }
form.mirveo-filter > button {
    min-height: 46px; padding: 0 22px !important; border: 0 !important; border-radius: 10px !important;
    background: #ed2939 !important; color: #fff !important; font-weight: 800 !important; cursor: pointer; width: auto !important;
}
form.mirveo-filter > button:hover { background: #d51f30 !important; }
@media (max-width: 900px) {
    form.mirveo-filter { grid-template-columns: 1fr 1fr; }
    form.mirveo-filter > input[name="q"], form.mirveo-filter > button { grid-column: 1 / -1; }
}
@media (max-width: 520px) { form.mirveo-filter { grid-template-columns: 1fr; } }