/* ==========================================================================

   OMEGA HAVLÍKOVI - MASTER CSS (VEŘEJNÁ ČÁST)

   VERZE 12.23: Odstranění duplicitního pravidla malého kontaktního formuláře

   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');

:root {

    --om-gold-primary: #ffc107;

    --om-public-white: #ffffff;

    --om-public-orange: #fd7e14;

    --om-public-blue: #0d6efd;

    --om-public-cyan: #0dcaf0;

    --om-public-green: #2ecc71;

    --om-public-red: #dc3545;

    --om-public-purple: #a55eea;

    --om-public-transition-soft: 220ms ease;

}

/* --- 01. ZÁKLADNÍ NASTAVENÍ A FIREMNÍ SCROLLBAR --- */

* { box-sizing: border-box; margin: 0; padding: 0; }

body.om-public-body { font-family: 'Inter', sans-serif; background: radial-gradient(circle at top left, #1b6099 0%, #0a3059 40%, #05182d 100%) fixed !important; color: #ffffff; min-height: 100dvh; display: flex; flex-direction: column; overflow-x: hidden; }

::-webkit-scrollbar { width: 10px; height: 10px; }

::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.6); }

::-webkit-scrollbar-thumb { background: rgba(255, 193, 7, 0.5); border-radius: 5px; border: 1px solid rgba(0,0,0,0.8); }

::-webkit-scrollbar-thumb:hover { background: var(--om-gold-primary); }

/* --- 02. HLAVIČKA A NAVIGACE --- */

nav.om-navbar { min-height: 55px !important; height: auto !important; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-bottom: 1px solid rgba(255, 193, 7, 0.5) !important; position: fixed; top: 0; width: 100%; z-index: 10000; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 30px !important; flex-wrap: wrap; }

.om-brand-gold { color: #ffc107 !important; font-weight: 800; text-decoration: none; font-size: 1.1rem; display: flex; align-items: center; margin-right: 20px; flex-shrink: 0; }

.om-nav-links { display: flex; gap: 10px; align-items: center; flex-grow: 1; justify-content: flex-start; flex-wrap: wrap; }

.om-nav-link, .om-btn-client-zone { color: #ffffff !important; border: 1px solid #ffc107 !important; background: rgba(0, 0, 0, 0.5); padding: 6px 14px; border-radius: 4px; font-size: 0.75rem; text-transform: uppercase; text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); white-space: nowrap; }

.om-btn-client-zone { margin-left: auto; }

.om-nav-link:hover, .om-btn-client-zone:hover { background: rgba(255, 193, 7, 0.15); color: #ffc107 !important; border-color: #ffc107 !important; transform: translateY(-4px); box-shadow: 0 4px 10px rgba(0,0,0,0.5); }

.om-dropdown { position: relative; display: inline-block; }

.om-dropdown::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 10px; background: transparent; }

.om-dropdown-content { display: none; position: absolute; background-color: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); min-width: 260px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8); z-index: 10005; border: 1px solid #ffc107; border-radius: 4px; top: calc(100% + 5px); left: 0; }

.om-dropdown:hover .om-dropdown-content { display: block; }

.om-dropdown-content a { color: #ffffff; padding: 12px 15px; text-decoration: none; display: flex; align-items: center; gap: 10px; font-size: 0.85rem; border-bottom: 1px solid #333333; transition: all 0.3s ease; white-space: normal; }

.om-dropdown-content a:hover { background-color: rgba(255, 255, 255, 0.05); color: #ffc107; padding-left: 25px; }

.om-dropdown-content a:last-child { border-bottom: none; }

/* --- 03. HLAVNÍ STRANA (MŘÍŽKA A DLAŽDICE) --- */

.om-scrollable-main { flex: 1; padding: 65px 20px 60px; display: flex; flex-direction: column; align-items: center; width: 100%; }

.om-index-header { text-align: center; margin-bottom: 40px; width: 100%; padding-top: 0; }

.om-hero-title { color: #ffc107; font-weight: 900; font-size: 2.5rem; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; }

.om-hero-subtitle { font-size: 1.15rem; color: #e2e8f0; }

.om-index-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 35px; width: 100%; max-width: 1200px; }

.om-index-card { background: rgba(15, 20, 30, 0.4) !important; border: 2px solid rgba(255, 255, 255, 0.15) !important; border-radius: 12px !important; padding: 30px 35px; display: flex; align-items: center; text-decoration: none !important; backdrop-filter: blur(8px); transition: all 0.4s ease; min-height: 160px; }

.om-index-card i, .om-index-card svg, .om-index-card .fas { font-size: 3.2rem !important; margin-right: 25px !important; min-width: 55px; text-align: center; transition: transform 0.4s ease; }

.om-index-card:hover i, .om-index-card:hover svg, .om-index-card:hover .fas { transform: scale(1.1); }

.om-index-card-content h5 { margin: 0 0 8px 0; font-weight: 800; text-transform: uppercase; font-size: 1.2rem; transition: color 0.3s ease; }

.om-index-card-content p { margin: 0; font-size: 0.95rem; color: #aaaaaa; line-height: 1.4; }

/* --- 04. PODSTRÁNKY A OBSAH --- */

.om-content-body { color: #e2e8f0; line-height: 1.8; font-size: 1.05rem; text-align: left; }

.om-content-body h3, .om-content-body h4 { color: #ffffff; font-weight: 700; }

.om-content-body ul { list-style-type: none; padding-left: 0; } 

.om-content-body ul li { margin-bottom: 12px; display: flex; align-items: flex-start; }

.om-content-body ul li i, .om-content-body ul li svg { margin-right: 12px; margin-top: 4px; flex-shrink: 0; }

.service-card { background: rgba(15, 20, 30, 0.4) !important; border: 2px solid rgba(255, 255, 255, 0.15) !important; border-radius: 12px !important; padding: 25px 30px !important; transition: all 0.4s ease; height: 100%; display: flex; flex-direction: column; }

.om-card-center { align-items: center; text-align: center; }

.overflow-hidden.rounded-4 iframe { width: 100% !important; min-height: 400px; display: block; border: 0; border-radius: 12px; }

.om-content-body a.om-link-hover { color: #ffffff !important; font-weight: normal !important; text-decoration: none !important; transition: color 0.3s ease; }

.om-content-body a.om-link-hover:hover { color: #ffc107 !important; text-decoration: none !important; }

/* --- 05. TLAČÍTKA --- */

.om-content-body a.btn { display: inline-flex; align-items: center; justify-content: center; width: max-content; background-color: transparent; padding: 12px 30px; border-radius: 50px; font-weight: 700; text-decoration: none; text-transform: uppercase; font-size: 0.85rem; border: 2px solid; transition: all 0.3s ease; }

.om-content-body a.btn-outline-cyan { color: #0dcaf0 !important; border-color: #0dcaf0 !important; }

.om-content-body a.btn-outline-cyan:hover { background-color: #0dcaf0 !important; color: #000000 !important; box-shadow: 0 5px 15px rgba(13, 202, 240, 0.4) !important; }

.om-content-body a.btn-outline-red { color: #dc3545 !important; border-color: #dc3545 !important; }

.om-content-body a.btn-outline-red:hover { background-color: #dc3545 !important; color: #000000 !important; box-shadow: 0 5px 15px rgba(220, 53, 69, 0.4) !important; }

.om-content-body a.btn-outline-light { color: #ffffff !important; border-color: rgba(255, 255, 255, 0.5) !important; }

.om-content-body a.btn-outline-light:hover { background-color: rgba(255, 193, 7, 0.15) !important; color: #ffc107 !important; border-color: #ffc107 !important; box-shadow: 0 5px 15px rgba(255, 193, 7, 0.3) !important; }

/* --- 06. OMEGA BAREVNÁ PALETA (11 BAREV) --- */

.om-color-orange { border-color: rgba(253, 126, 20, 0.4) !important; } .om-color-orange i, .om-color-orange svg, .om-color-orange .fas, .om-color-orange h5 { color: #fd7e14 !important; } .om-color-orange:hover { transform: translateY(-8px); border-color: #fd7e14 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(253, 126, 20, 0.3) !important; } .om-text-orange { color: #fd7e14 !important; }

.om-color-blue { border-color: rgba(13, 110, 253, 0.4) !important; } .om-color-blue i, .om-color-blue svg, .om-color-blue .fas, .om-color-blue h5 { color: #0d6efd !important; } .om-color-blue:hover { transform: translateY(-8px); border-color: #0d6efd !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(13, 110, 253, 0.3) !important; } .om-text-blue { color: #0d6efd !important; }

.om-color-green { border-color: rgba(46, 204, 113, 0.4) !important; } .om-color-green i, .om-color-green svg, .om-color-green .fas, .om-color-green h5 { color: #2ecc71 !important; } .om-color-green:hover { transform: translateY(-8px); border-color: #2ecc71 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(46, 204, 113, 0.3) !important; } .om-text-green { color: #2ecc71 !important; }

.om-color-gold { border-color: rgba(255, 193, 7, 0.4) !important; } .om-color-gold i, .om-color-gold svg, .om-color-gold .fas, .om-color-gold h5 { color: #ffc107 !important; } .om-color-gold:hover { transform: translateY(-8px); border-color: #ffc107 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(255, 193, 7, 0.3) !important; } .om-text-gold { color: #ffc107 !important; }

.om-color-red { border-color: rgba(220, 53, 69, 0.4) !important; } .om-color-red i, .om-color-red svg, .om-color-red .fas, .om-color-red h5 { color: #dc3545 !important; } .om-color-red:hover { transform: translateY(-8px); border-color: #dc3545 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(220, 53, 69, 0.3) !important; } .om-text-red { color: #dc3545 !important; }

.om-color-cyan { border-color: rgba(13, 202, 240, 0.4) !important; } .om-color-cyan i, .om-color-cyan svg, .om-color-cyan .fas, .om-color-cyan h5 { color: #0dcaf0 !important; } .om-color-cyan:hover { transform: translateY(-8px); border-color: #0dcaf0 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(13, 202, 240, 0.3) !important; } .om-text-cyan { color: #0dcaf0 !important; }

.om-color-purple { border-color: rgba(165, 94, 234, 0.4) !important; } .om-color-purple i, .om-color-purple svg, .om-color-purple .fas, .om-color-purple h5 { color: #a55eea !important; } .om-color-purple:hover { transform: translateY(-8px); border-color: #a55eea !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(165, 94, 234, 0.3) !important; } .om-text-purple { color: #a55eea !important; }

.om-color-gdpr { border-color: rgba(32, 201, 151, 0.4) !important; } .om-color-gdpr i, .om-color-gdpr svg, .om-color-gdpr .fas, .om-color-gdpr h5 { color: #20c997 !important; } .om-color-gdpr:hover { transform: translateY(-8px); border-color: #20c997 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(32, 201, 151, 0.3) !important; } .om-text-gdpr { color: #20c997 !important; }

.om-color-admin { border-color: rgba(108, 117, 125, 0.4) !important; } .om-color-admin i, .om-color-admin svg, .om-color-admin .fas, .om-color-admin h5 { color: #6c757d !important; } .om-color-admin:hover { transform: translateY(-8px); border-color: #6c757d !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(108, 117, 125, 0.3) !important; } .om-text-admin { color: #6c757d !important; }

.om-color-pink { border-color: rgba(232, 67, 147, 0.4) !important; } .om-color-pink i, .om-color-pink svg, .om-color-pink .fas, .om-color-pink h5 { color: #e84393 !important; } .om-color-pink:hover { transform: translateY(-8px); border-color: #e84393 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(232, 67, 147, 0.3) !important; } .om-text-pink { color: #e84393 !important; }

.om-color-lime { border-color: rgba(186, 220, 88, 0.4) !important; } .om-color-lime i, .om-color-lime svg, .om-color-lime .fas, .om-color-lime h5 { color: #badc58 !important; } .om-color-lime:hover { transform: translateY(-8px); border-color: #badc58 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(186, 220, 88, 0.3) !important; } .om-text-lime { color: #badc58 !important; }

/* --- 07. PATIČKA --- */

.om-footer { min-height: 45px !important; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-top: 1px solid rgba(255, 193, 7, 0.5); position: fixed; bottom: 0; width: 100%; z-index: 1000; display: flex; justify-content: center; align-items: center; padding: 5px 0; }

.om-footer-container { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; font-size: 0.85rem; width: 100%; padding: 0 15px; }

.om-footer-text { color: #ffc107; font-weight: 700; }

.om-small-dot { font-size: 0.4rem; color: #555; }

.om-footer-trigger { display: flex; align-items: center; color: #aaaaaa; cursor: pointer; transition: color 0.3s ease; }

.om-footer-trigger:hover { color: #ffc107; }

a.om-footer-link { text-decoration: none; }

.om-footer-dropup { position: relative; display: inline-block; }

.om-footer-dropdown-menu { display: none; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid #ffc107; padding: 12px; z-index: 10002; border-radius: 4px; box-shadow: 0px -4px 10px rgba(0,0,0,0.8); text-align: left; margin-bottom: 10px; width: max-content; color: #ffffff; line-height: 1.5; }

.om-footer-dropup:hover .om-footer-dropdown-menu { display: block; }

.om-footer-dropdown-menu::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 20px; background: transparent; }

.om-footer-dropdown-menu a { color: #ffffff !important; text-decoration: none !important; display: block; padding: 4px 0; transition: color 0.3s ease; font-weight: normal; position: relative; z-index: 2; }

.om-footer-dropdown-menu a:hover { color: #ffc107 !important; }

/* --- 09. SYSTÉMOVÁ HLAVIČKA A PATIČKA PUBLIC INCLUDE --- */

body.om-public-body .om-public-brand-symbol {

    display: inline-flex !important;

    align-items: center !important;

    line-height: 1 !important;

    margin-right: 8px !important;

}

body.om-public-body .om-public-navbar-spacer {

    height: 60px !important;

    flex-shrink: 0 !important;

}

body.om-public-body .om-navbar {

    transition:

        background-color var(--om-public-transition-soft),

        box-shadow var(--om-public-transition-soft),

        border-color var(--om-public-transition-soft) !important;

}

body.om-public-body .om-navbar.om-navbar-scrolled {

    background-color: rgba(0, 0, 0, 0.65) !important;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.50) !important;

}

body.om-public-body .om-public-chevron {

    font-size: 0.7em !important;

    color: #aaaaaa !important;

}

body.om-public-body .om-public-dropdown-icon {

    width: 20px !important;

    min-width: 20px !important;

    text-align: center !important;

}

body.om-public-body .om-public-icon-white { color: var(--om-public-white) !important; }

body.om-public-body .om-public-icon-gold { color: var(--om-gold-primary) !important; }

body.om-public-body .om-public-icon-orange { color: var(--om-public-orange) !important; }

body.om-public-body .om-public-icon-blue { color: var(--om-public-blue) !important; }

body.om-public-body .om-public-icon-cyan { color: var(--om-public-cyan) !important; }

body.om-public-body .om-public-icon-green { color: var(--om-public-green) !important; }

body.om-public-body .om-public-icon-red { color: var(--om-public-red) !important; }

body.om-public-body .om-public-icon-purple { color: var(--om-public-purple) !important; }

body.om-public-body .om-public-footer-icon {

    margin-right: 5px !important;

}

body.om-public-body .om-public-footer-status-open {

    color: var(--om-public-green) !important;

}

body.om-public-body .om-public-footer-status-closed {

    color: var(--om-public-red) !important;

}

body.om-public-body .om-public-footer-note {

    font-size: 0.85em !important;

    opacity: 0.75 !important;

}

body.om-public-body .om-public-nowrap {

    white-space: nowrap !important;

}

/* --- 08. RESPONZIVITA (PROFESIONÁLNÍ MOBILNÍ UX) --- */

@media (max-width: 1150px) { .om-nav-links { gap: 6px; } .om-nav-link { padding: 6px 10px; font-size: 0.7rem; } }

@media (max-width: 991px) { 

    /* TVRDÝ ZÁMEK: Zakazuje horizontální přetečení a zoomování do stran */

    body.om-public-body { overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; }

    /* UVOLNĚNÍ HLAVIČKY A PATIČKY */

    nav.om-navbar { position: relative !important; padding: 15px !important; flex-direction: column; gap: 12px; }

    body.om-public-body .om-public-navbar-spacer { height: 0 !important; } 

    /* OPRAVA: Odstraněno overflow-x: hidden (které uřezávalo/schovávalo menu) a přidán vysoký z-index */

    .om-footer { position: relative !important; margin-top: auto; width: 100%; max-width: 100vw; z-index: 10005 !important; } 

    .om-nav-links { flex-wrap: wrap; justify-content: center; overflow: visible; padding: 0; width: 100%; } 

    .om-brand-gold { margin: 0 auto; justify-content: center; width: 100%; text-align: center; } 

    .om-btn-client-zone { margin: 0 auto; width: 100%; justify-content: center; } 

    .om-footer-container { flex-direction: column; text-align: center; gap: 10px; } 

    .om-small-dot { display: none; } 

    /* OPTIMALIZACE PROSTORU A ZALAMOVÁNÍ TEXTU */

    .om-scrollable-main { padding: 40px 15px 40px !important; width: 100%; max-width: 100vw; overflow-x: hidden; } 

    .om-hero-title { font-size: 1.8rem !important; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; }

    .om-hero-subtitle { font-size: 1rem !important; }

    h1, h2, h3, h4, h5 { word-wrap: break-word; overflow-wrap: break-word; }

    /* PŘESKLÁDÁNÍ DLAŽDIC (1 sloupec, ikona nahoře, menší padding) */

    .om-index-grid { grid-template-columns: 1fr !important; gap: 20px !important; width: 100%; }

    .om-index-card { flex-direction: column !important; text-align: center !important; padding: 25px 20px !important; min-height: auto !important; }

    .om-index-card i, .om-index-card svg, .om-index-card .fas { margin-right: 0 !important; margin-bottom: 15px !important; font-size: 2.8rem !important; }

    .om-index-card-content h5 { font-size: 1.15rem !important; margin-bottom: 10px; }

    /* OPTIMALIZACE PODSTRÁNEK */

    .service-card { padding: 25px 20px !important; }

    .om-content-body { font-size: 0.95rem !important; }

    /* TLAČÍTKA NA CELOU ŠÍŘKU (Thumb-friendly) */

    .om-content-body a.btn { width: 100%; display: block; margin-bottom: 15px; text-align: center; }

}

/* --- 10. SYSTÉMOVÉ TŘÍDY PRO page.php A index.php --- */

body.om-public-body .om-public-content-shell {

    max-width: 1300px !important;

    margin-left: auto !important;

    margin-right: auto !important;

}

body.om-public-body .om-public-404-title {

    font-size: clamp(3.5rem, 12vw, 5rem) !important;

}

/* --- 11. VEŘEJNÉ KONTAKTNÍ FORMULÁŘE A KONTAKTNÍ OBSAH --- */

body.om-public-body .om-public-contact-form {

    width: 100% !important;

    margin-left: auto !important;

    margin-right: auto !important;

}

body.om-public-body .om-public-form-grid {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 18px !important;

}

body.om-public-body .om-public-field {

    margin-bottom: 18px !important;

}

body.om-public-body .om-public-label {

    display: block !important;

    color: #ffc107 !important;

    font-size: 0.82rem !important;

    font-weight: 800 !important;

    text-transform: uppercase !important;

    letter-spacing: 0.06em !important;

    margin-bottom: 8px !important;

}

body.om-public-body .om-public-input,

body.om-public-body .om-public-textarea {

    width: 100% !important;

    color: #ffffff !important;

    background: rgba(0, 0, 0, 0.35) !important;

    border: 1px solid rgba(255, 193, 7, 0.45) !important;

    border-radius: 12px !important;

    padding: 12px 14px !important;

    outline: none !important;

    transition:

        border-color 220ms ease,

        box-shadow 220ms ease,

        background-color 220ms ease !important;

}

body.om-public-body .om-public-input:focus,

body.om-public-body .om-public-textarea:focus {

    background: rgba(0, 0, 0, 0.52) !important;

    border-color: #ffc107 !important;

    box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.16) !important;

}

body.om-public-body .om-public-textarea {

    min-height: 140px !important;

    resize: vertical !important;

}

body.om-public-body .om-public-help {

    color: rgba(255, 255, 255, 0.62) !important;

    font-size: 0.82rem !important;

    margin-top: 8px !important;

}

body.om-public-body .om-public-form-actions {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    margin-top: 8px !important;

}

body.om-public-body .om-public-hp {

    position: absolute !important;

    left: -9999px !important;

    width: 1px !important;

    height: 1px !important;

    overflow: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;

}

body.om-public-body .om-public-hours-list {

    max-width: 380px !important;

    margin-left: auto !important;

    margin-right: auto !important;

}

body.om-public-body .om-public-hours-row {

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    gap: 14px !important;

    padding-bottom: 8px !important;

    margin-bottom: 8px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;

}

body.om-public-body .om-public-map-shell {

    width: 100% !important;

    min-height: 450px !important;

    display: block !important;

    border: 1px solid rgba(255, 255, 255, 0.10) !important;

}

body.om-public-body .om-public-map-iframe {

    width: 100% !important;

    height: 450px !important;

    min-height: 450px !important;

    display: block !important;

    border: 0 !important;

}

@media (max-width: 768px) {

    body.om-public-body .om-public-form-grid {

        grid-template-columns: 1fr !important;

        gap: 0 !important;

    }

    body.om-public-body .om-public-hours-row {

        flex-direction: column !important;

        align-items: center !important;

        text-align: center !important;

        gap: 4px !important;

    }

    body.om-public-body .om-public-form-actions .btn {

        width: 100% !important;

    }

}

/* --- 12. VEŘEJNÉ OBSAHOVÉ STRÁNKY A HAVARIJNÍ KONTAKTY --- */

body.om-public-body .om-public-section-title-wrap {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

}

body.om-public-body .om-public-section-heading {

    text-align: center !important;

    margin-left: auto !important;

    margin-right: auto !important;

}

body.om-public-body .om-public-section-heading-red {

    border-bottom: 2px solid #dc3545 !important;

}

body.om-public-body .om-public-section-heading-blue {

    border-bottom: 2px solid #0d6efd !important;

}

body.om-public-body .om-public-havarie-card-center {

    align-items: center !important;

    text-align: center !important;

}

body.om-public-body .om-public-full-center {

    width: 100% !important;

    text-align: center !important;

    align-self: center !important;

}

body.om-public-body .om-public-gap-top-large {

    margin-top: 80px !important;

}

body.om-public-body .om-public-subsection-wrap {

    margin-top: 40px !important;

    margin-bottom: 20px !important;

}

body.om-public-body .om-public-subsection-wrap-small {

    margin-top: 30px !important;

}

body.om-public-body .om-text-gray {

    color: #adb5bd !important;

}

body.om-public-body .om-text-mint {

    color: #20c997 !important;

}

/* --- 13. HLAVNÍ STRANA - CENTROVÁNÍ POSLEDNÍ NEÚPLNÉ ŘADY DLAŽDIC --- */

@media (min-width: 992px) {

    body.om-public-body .om-index-grid.om-index-grid-centered-last {

        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    }

    body.om-public-body .om-index-grid.om-index-grid-centered-last > .om-index-card {

        grid-column: span 2 !important;

    }

    body.om-public-body .om-index-grid.om-index-grid-centered-last > .om-index-card:nth-last-child(2):nth-child(3n+1) {

        grid-column: 2 / span 2 !important;

    }

    body.om-public-body .om-index-grid.om-index-grid-centered-last > .om-index-card:last-child:nth-child(3n+2) {

        grid-column: 4 / span 2 !important;

    }

}

/* --- 14. VEŘEJNÉ FORMULÁŘE - KOMPAKTNĚJŠÍ VÝŠKA BEZ ZMĚNY ŠÍŘKY --- */

body.om-public-body .service-card:has(.om-public-contact-form) {

    padding-top: 22px !important;

    padding-bottom: 22px !important;

}

body.om-public-body .service-card:has(.om-public-contact-form) .text-center.mb-4 {

    margin-bottom: 16px !important;

}

body.om-public-body .service-card:has(.om-public-contact-form) h3 {

    margin-bottom: 8px !important;

}

body.om-public-body .service-card:has(.om-public-contact-form) p {

    line-height: 1.45 !important;

}

body.om-public-body .om-public-contact-form {

    max-width: 980px !important;

}

body.om-public-body .om-public-mini-form {

    max-width: 860px !important;

}

body.om-public-body .om-public-form-grid {

    gap: 14px !important;

}

body.om-public-body .om-public-field {

    margin-bottom: 12px !important;

}

body.om-public-body .om-public-label {

    margin-bottom: 6px !important;

    font-size: 0.78rem !important;

}

body.om-public-body .om-public-input,

body.om-public-body .om-public-textarea {

    padding: 9px 12px !important;

    border-radius: 10px !important;

}

body.om-public-body .om-public-textarea {

    min-height: 96px !important;

}

body.om-public-body .om-public-help {

    margin-top: 5px !important;

    font-size: 0.78rem !important;

}

body.om-public-body .om-public-form-actions {

    margin-top: 4px !important;

}

body.om-public-body .om-public-form-actions .btn {

    padding-top: 9px !important;

    padding-bottom: 9px !important;

}

/* --- 15. VEŘEJNÉ FORMULÁŘE - MOBILNĚ KOMPAKTNÍ REŽIM --- */

body.om-public-body .service-card:has(.om-public-contact-form) {

    padding-top: 18px !important;

    padding-bottom: 18px !important;

}

body.om-public-body .service-card:has(.om-public-contact-form) .fa-2x {

    font-size: 1.45rem !important;

    margin-bottom: 8px !important;

}

body.om-public-body .service-card:has(.om-public-contact-form) h3 {

    font-size: 1.22rem !important;

    line-height: 1.2 !important;

    margin-bottom: 6px !important;

}

body.om-public-body .service-card:has(.om-public-contact-form) p {

    font-size: 0.86rem !important;

    line-height: 1.35 !important;

    margin-bottom: 10px !important;

}

body.om-public-body .om-public-field {

    margin-bottom: 9px !important;

}

body.om-public-body .om-public-label {

    margin-bottom: 4px !important;

    font-size: 0.72rem !important;

}

body.om-public-body .om-public-input,

body.om-public-body .om-public-textarea {

    padding: 7px 10px !important;

    font-size: 0.88rem !important;

    border-radius: 9px !important;

}

body.om-public-body .om-public-textarea {

    min-height: 76px !important;

}

body.om-public-body .om-public-help {

    margin-top: 4px !important;

    font-size: 0.72rem !important;

    line-height: 1.3 !important;

}

body.om-public-body .om-public-form-actions {

    margin-top: 2px !important;

}

body.om-public-body .om-public-form-actions .btn {

    padding-top: 7px !important;

    padding-bottom: 7px !important;

    font-size: 0.78rem !important;

}

@media (max-width: 768px) {

    body.om-public-body .service-card:has(.om-public-contact-form) {

        padding: 14px 14px !important;

    }

    body.om-public-body .service-card:has(.om-public-contact-form) .text-center.mb-4 {

        margin-bottom: 10px !important;

    }

    body.om-public-body .service-card:has(.om-public-contact-form) .fa-2x {

        font-size: 1.25rem !important;

        margin-bottom: 5px !important;

    }

    body.om-public-body .service-card:has(.om-public-contact-form) h3 {

        font-size: 1.08rem !important;

        margin-bottom: 4px !important;

    }

    body.om-public-body .service-card:has(.om-public-contact-form) p {

        font-size: 0.78rem !important;

        line-height: 1.25 !important;

        margin-bottom: 7px !important;

    }

    body.om-public-body .om-public-field {

        margin-bottom: 7px !important;

    }

    body.om-public-body .om-public-input,

    body.om-public-body .om-public-textarea {

        padding: 6px 9px !important;

        font-size: 0.82rem !important;

    }

    body.om-public-body .om-public-textarea {

        min-height: 62px !important;

    }

    body.om-public-body .om-public-help {

        display: none !important;

    }

    body.om-public-body .om-public-form-actions .btn {

        padding-top: 6px !important;

        padding-bottom: 6px !important;

        font-size: 0.74rem !important;

    }

}