/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.5.1774726678
Updated: 2026-03-28 20:37:58

*/

/* #region >>>>>> CELÝ HEADER & NAVIGACE <<<<<< */

/* --- 1. LOGO & KONTEJNER --- */
.site-header-main-section-left {
    flex: 0 1 auto !important;
    margin-right: auto;
    padding-left: 0 !important;
}

.custom-logo {
    max-width: 220px;
    height: auto;
    display: block;
}

/* --- 2. DESKTOP MENU: Pilulkový styl --- */
.main-navigation .menu > li {
    margin: 0 4px;
}

.main-navigation .menu > li > a {
    padding: 10px 18px !important;
    border-radius: 50px;
    transition: all 0.3s ease !important;
    font-size: 18px;
    color: #32373c !important;
}

/* Hover stav a aktivní položka (pouze pro hlavní úroveň) */
.main-navigation .menu > li > a:hover,
.main-navigation .menu > li[class*="current-menu-item"] > a,
.main-navigation .menu > li[class*="current-menu-ancestor"] > a {
    background-color: #0F5068 !important; 
    color: #ffffff !important; 
    box-shadow: 0 4px 10px rgba(15, 80, 104, 0.2);
}

/* --- 3. DESKTOP SUBMENU (Podmenu) --- */
.main-navigation ul ul.sub-menu {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #e5e5e5 !important;
    padding: 10px 0 !important;
    min-width: 220px !important;
    top: 100% !important;
}

/* Oprava čitelnosti: Vynucení vzhledu odkazů v podmenu (i když je rodič aktivní) */
.main-navigation ul li ul.sub-menu li a {
    padding: 12px 20px !important;
    font-size: 16px !important;
    color: #32373c !important; /* Tmavý text */
    background-color: transparent !important; /* Žádné modré pozadí */
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    text-align: left !important;
}

/* Hover stav v podmenu */
.main-navigation ul li ul.sub-menu li a:hover {
    background-color: #f6f6f6 !important;
    color: #0F5068 !important;
    padding-left: 25px !important;
}

/* --- 4. DYNAMICKÉ ZMENŠOVÁNÍ (Mezi desktopem a tabletem) --- */
@media (max-width: 1415px) and (min-width: 1025px) {
    .main-navigation .menu > li > a {
        padding: 8px 12px !important; /* Zmenšení mezer */
        font-size: 15px !important;    /* Zmenšení písma */
    }
    .custom-logo {
        max-width: 180px;
    }
    .search-toggle-open {
        width: 150px !important;
    }
    .site-header-main-section-center {
        margin-right: -20px !important; /* Přitáhnutí k search poli */
    }
}

/* --- 5. SEARCH: Elegantní vyhledávací pole --- */
.search-toggle-open {
    background: #ffffff !important;
    border: 1.5px solid #e2e2e2 !important;
    border-radius: 25px !important;
    width: 190px !important; 
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 15px !important;
    transition: all 0.3s ease !important;
}

.search-toggle-open::before {
    content: 'Hledat...';
    font-size: 14px;
    color: #888;
}

.search-toggle-open:hover {
    border-color: #0F5068 !important;
}

/* --- 6. RESPONZIVITA & HAMBURGER (Aktivace při 1244px) --- */
@media (max-width: 1244px) {
    #main-header { 
        display: none !important; 
    }
    #mobile-header { 
        display: block !important; 
    }

    /* Uvolnění kontejneru pro mobilní header - roztažení ke krajům */
    #mobile-header .site-container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 25px !important; /* Elegantní odstup od levého okraje */
        padding-right: 25px !important; /* Elegantní odstup od pravého okraje */
    }

    /* Vynucení rozestupu mezi levou sekcí (logo) a pravou (hamburger) */
    #mobile-header .site-main-header-inner-wrap {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Reset a vyčištění vnitřních sekcí */
    .mobile-site-branding {
        padding-left: 0 !important;
    }

    #mobile-toggle {
        margin-right: 0 !important;
        padding: 10px !important;
        transform: scale(1.4); /* Zvětšení hamburgeru pro lepší ovladatelnost */
        color: #0F5068 !important;
    }

    .custom-logo { 
        max-width: 170px; 
    }
}

/* Speciální doladění pro tablety a mobily pod 800px */
@media (max-width: 800px) {
    .custom-logo { 
        max-width: 140px; 
    }
    #mobile-header .site-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* --- 7. MOBILNÍ MENU (Drawer) --- */
#mobile-drawer .drawer-inner {
    background-color: #fcfcfc !important;
}

.mobile-navigation ul li a {
    color: #32373c !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 15px 25px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: all 0.3s ease !important;
}

.mobile-navigation ul li.current-menu-item > a,
.mobile-navigation ul li a:hover {
    background-color: #0F5068 !important;
    color: #ffffff !important;
    padding-left: 35px !important;
}

.mobile-navigation ul li ul.sub-menu {
    background-color: #f3f3f3 !important;
    padding-left: 0 !important;
}

.mobile-navigation ul li ul.sub-menu li a {
    font-size: 16px !important;
    padding-left: 45px !important;
    font-weight: 500 !important;
    color: #555 !important;
}

.drawer-toggle-close {
    color: #0F5068 !important;
    transform: scale(1.3);
}

/* --- POSUN MENU DOPRAVA --- */
.site-header-main-section-center {
    margin-left: auto !important;
    margin-right: -60px !important;
    flex: 0 1 auto !important;
}

.site-header-main-section-left {
    flex: 0 1 auto !important;
}

.home #primary.content-area { margin-top: 60px !important; }
/* #endregion */


/* #region >>>>>> FOOTER STYLING <<<<<< */
/* 1. Pozadí celého footeru (přes celou šířku) */
#colophon.site-footer {
    background-color: #6984ab; /* Velmi světle šedá (pro čistý vzhled) */
    /* Pokud chceš tmavý footer, použij: background-color: #1a1a1a; */
    border-top: 1px solid #000000;
}

.custom-footer-container {
    padding: 60px 20px; /* Trochu víc místa nahoře a dole */
    text-align: center;
    color: #ffffff; 
    font-size: 14px;
    line-height: 1.7;
    max-width: 1200px;
    margin: 0 auto;
}

/* Pokud zvolíš tmavé pozadí, odkomentuj toto pro bílý text:
#colophon.site-footer, .custom-footer-container { color: #ffffff !important; }
*/

.footer-info p {
    margin-bottom: 5px !important;
}

.footer-info a {
    color: #0F5068; /* Tvá modrá */
    text-decoration: none;
    font-weight: 600;
}

.footer-info a:hover {
    text-decoration: underline;
}

/* 2. Sekce odkazů dole */
.footer-links {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid rgba(0,0,0,0.1); /* Jemná linka */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.footer-links a {
    color: #eadddd;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.footer-links a:hover {
    color: #0F5068;
}

.footer-links .sep {
    color: #ccc;
}

/* 3. Responzivita pro mobily */
@media (max-width: 600px) {
    .footer-links {
        flex-direction: column;
        gap: 8px;
    }
    .footer-links .sep {
        display: none;
    }
    .custom-footer-container {
        padding: 40px 15px;
        font-size: 13px;
    }
}
/* #endregion */


/* #region >>>>>> odstranění stínu nad footerem a oblastí pro články  <<<<<< */
#inner-wrap {
    box-shadow: none !important;
}
body.single article.single-entry {
    box-shadow: none !important;
}

article.entry.content-bg {
    box-shadow: none !important;
}
/* #endregion */


/* #region >>>>>> KONTAKTY - ZAROVNÁNÍ A STYLOVÁNÍ <<<<<< */
.fscr-contacts-wrapper {
    max-width: 800px;
    margin: 30px auto;
    line-height: 1.5;
    text-align: center; /* Zarovná text nadpisů a patičky na střed */
}

/* Oddělení jednotlivých bloků */
.fscr-group {
    margin-bottom: 35px;
}

/* Nadpis nad každým blokem */
.fscr-group-title {
    font-size: 1rem;
    color: #003366;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #cc0000;
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-weight: 800;
    display: inline-block; /* Aby linka nebyla přes celý web, ale jen pod textem */
    padding-left: 20px;
    padding-right: 20px;
}

/* Seznam položek v rámci bloku */
.fscr-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Karta kontaktu - VYLEPŠENÁ O STÍN A ZAOBLENÍ */
.fscr-item {
    background: #f6f5f5; /* Čistě bílá pro lepší efekt stínu */
    border: 1px solid #e5e5e5;
    padding: 15px; /*jfk*/
    display: flex;
    flex-direction: column;
    align-items: center; /* Zarovná vnitřní prvky (jméno, tel) na střed */
    border-radius: 12px; /* Mírné zaoblení */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Velmi lehký stín */
    transition: transform 0.2s ease; /* Jen pro jemnost, kdybys později chtěl hover */
}

/* Role v kartě */
.fscr-role {
    font-size: 0.9rem;
    color: #777;
    margin-bottom: 5px;
    font-weight: bold;
}

/* Jméno */
.fscr-name {
    font-size: 1.3rem;
    color: #003366;
    font-weight: 700;
}

/* Telefon */
.fscr-phone {
    color: #003366; /* Změnil jsem zpět na červenou, aby to "svítilo" jako akce */
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    margin-top: 8px;
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #f0f0f0;
    border-radius: 20px; /* "Pilulkový" vzhled čísla */
}

.fscr-phone:before {
    content: "📞 ";
}

/* Finální informace o platnosti */
.fscr-footer-info {
    background: #f0f4f8;
    padding: 15px;
    font-size: 0.9rem;
    color: #444;
    text-align: center;
    border-radius: 8px;
    margin-top: 20px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}
/* #endregion */


/* #region >>>>>> ÚVODNÍ STRÁNKA - DOPLŇKY <<<<<< */
.fscr-item p {
    margin: 0;
    color: #444;
    font-size: 1rem;
}

/* Úprava nadpisu H1 pro úvod, pokud je v wrapperu */
.fscr-contacts-wrapper h1.fscr-group-title {
    font-size: 1.5rem;
    margin-bottom: 25px;
}

/* Responzivita pro tlačítka vedle sebe */
@media (max-width: 600px) {
    .fscr-contacts-wrapper .fscr-phone {
        display: block;
        margin: 10px auto !important;
    }
}
/* #endregion */


/* #region >>>>>> ODKAZY - MŘÍŽKA (POUZE PRO STRÁNKU ODKAZY) <<<<<< */
/* Toto pravidlo platí jen pro kontejner s mřížkou, neovlivní kontakty ani úvod */
.fscr-links-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 20px !important;
    margin-top: 30px !important;
    align-items: stretch;
}

/* Styl pro karty v mřížce */
.fscr-link-card {
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column;
}

.fscr-link-card .fscr-item {
    flex: 1; 
    height: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover efekt pouze pro tyto odkazové karty */
.fscr-link-card:hover .fscr-item {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Obrázky v mřížce */
.fscr-link-img img {
    width: 150px !important;
    height: 150px !important;
    object-fit: contain !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
}

/* Responzivita pro mřížku */
@media (max-width: 900px) {
    .fscr-links-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .fscr-links-grid {
        grid-template-columns: 1fr !important;
    }
}
/* #endregion */


/* #region >>>>>> ARCHIV A DETAIL PŘÍSPĚVKŮ (AKTUALITY) <<<<<< */

/* 1. Oprava odstupu od footeru pro celý web */
#primary.content-area {
    margin-bottom: 60px !important; /* Vytvoří luxusní mezeru nad footerem */
}

/* 2. Archiv a podobné příspěvky (Mřížka) */
#archive-container.kadence-posts-list,
.entry-related-inner-content .kadence-posts-list {
    gap: 25px !important;
}

/* Společný styl pro kartu v archivu i detailu */
#archive-container .entry.content-bg,
article.single-entry.content-bg,
.entry-related-carousel .entry.content-bg {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    padding: 5px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Hover efekt pouze pro karty (ne pro detail) */
#archive-container .entry.content-bg:hover,
.entry-related-carousel .entry.content-bg:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
    border-color: #0F5068 !important;
}

/* 3. Nadpisy (Archiv H2, Detail H1) */
#archive-container .entry-title,
article.single-entry .entry-title {
    color: #003366 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

#archive-container .entry-title a {
    color: inherit !important;
    text-decoration: none !important;
}

/* 4. Meta info (Datum, Autor) */
.entry-meta {
    font-size: 0.85rem !important;
    text-transform: uppercase;
    color: #888 !important;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    margin-bottom: 25px !important;
}

/* 5. Obsah textu */
.entry-content p, 
.entry-summary p {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: #000000 !important;
}

/* 6. Tlačítko "Číst dál" v archivu */
.post-more-link {
    display: inline-flex !important;
    align-items: center;
    background: #0F5068 !important;
    color: #ffffff !important;
    padding: 10px 22px !important;
    border-radius: 50px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.post-more-link:hover {
    background: #cc0000 !important;
    box-shadow: 0 4px 12px rgba(204, 0, 0, 0.25);
}

/* 7. Navigace mezi příspěvky (Předchozí / Další) */
.post-navigation {
    margin-top: 40px !important;
    padding: 20px 0 !important;
    border-top: 1px solid #eee;
}

.nav-links a {
    text-decoration: none !important;
    color: #003366 !important;
    font-weight: 700 !important;
    transition: color 0.2s ease;
}

.nav-links a:hover {
    color: #cc0000 !important;
}

.post-navigation-sub small {
    text-transform: uppercase;
    color: #888;
    font-weight: 400;
}

/* Horní odsazení pouze pro detail příspěvku (Single Post) */
.single-post #primary.content-area {
    margin-top: 50px !important; /* Odstup od headeru */
}

/* Spodní odsazení pro všechny stránky s obsahem (aby se nelepily na footer) */
#primary.content-area {
    margin-bottom: 60px !important;
}

/* Volitelné: Pokud je i nadpis v kartě moc u horního okraje bílého boxu */
article.single-entry.content-bg {
    padding-top: 40px !important;
}
/* #endregion */


/* #region >>>>>> Odsazení home page od headeru <<<<<< */
.home #primary.content-area {
    margin-top: 60px !important;
}
/* #endregion */


/* #region >>>>>> STYLOVÁNÍ LOGIN FORMULÁŘE (EVEREST) <<<<<< */
/* 1. Celý kontejner formuláře - uděláme z něj kartu */
.ur-frontend-form.login {
    background: #ececec !important;
    border: 1px solid #e5e5e5 !important;
    padding: 40px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    max-width: 500px !important; /* Login nemusí být přes celý web */
    margin: 40px auto !important;
}

/* 2. Nadpis a popis "Dobrý den / Vložte údaje" */
.user-registration-login-title {
    font-size: 1.8rem !important;
    color: #003366 !important;
    font-weight: 800 !important;
    display: block;
    margin-bottom: 5px;
}

.user-registration-login-description {
    color: #777 !important;
    margin-bottom: 25px !important;
}

/* 3. Stylování vstupních polí (Inputy) */
.ur-frontend-form .form-row input[type="text"],
.ur-frontend-form .form-row input[type="password"],
.ur-frontend-form .form-row input[type="email"] {
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    transition: all 0.3s ease !important;
}

.ur-frontend-form .form-row input:focus {
    background-color: #ffffff !important;
    border-color: #0F5068 !important;
    box-shadow: 0 0 0 3px rgba(15, 80, 104, 0.1) !important;
    outline: none !important;
}

/* 4. Tlačítko "Přihlásit se" - ladíme k tvým barvám */
.ur-frontend-form .ur-submit-button {
    width: 100% !important;
    background-color: #0F5068 !important;
    color: #ffffff !important;
    padding: 15px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.ur-frontend-form .ur-submit-button:hover {
    background-color: #cc0000 !important; /* Červená při hoveru jako u aktualit */
    box-shadow: 0 5px 15px rgba(204, 0, 0, 0.3) !important;
    cursor: pointer;
}

/* 5. Odkazy (Zapomenuté heslo, Registrace) */
.user-registration-LostPassword a,
.user-registration-register a {
    color: #0F5068 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 0.9rem;
}

.user-registration-LostPassword a:hover,
.user-registration-register a:hover {
    text-decoration: underline !important;
}

/* Zarovnání "Pamatuj si mě" a "Zapomenuté heslo" na jeden řádek */
.user-registration-before-login-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

/* Spodní odkaz na registraci - vycentrovat a zvýraznit */
.user-registration-register {
    text-align: center;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}
/* #endregion */


/* #region >>>>>> STYLOVÁNÍ REGISTRAČNÍHO FORMULÁŘE (EVEREST) <<<<<< */

/* 1. Celý kontejner registračního formuláře - Karta */
.user-registration.ur-frontend-form {
    background: #ececec !important; /* Stejná barva jako u loginu */
    border: 1px solid #e5e5e5 !important;
    padding: 40px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    max-width: 600px !important; /* Registrace může být o kousek širší než login */
    margin: 40px auto !important;
}

/* 2. Úprava popisků (Labelů) */
.user-registration.ur-frontend-form .ur-label {
    font-weight: 700 !important;
    color: #003366 !important;
    margin-bottom: 8px !important;
    display: block;
}

/* 3. Vstupní pole (Inputy) pro registraci */
.user-registration.ur-frontend-form .form-row input[type="text"],
.user-registration.ur-frontend-form .form-row input[type="email"],
.user-registration.ur-frontend-form .form-row input[type="password"] {
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

.user-registration.ur-frontend-form .form-row input:focus {
    background-color: #ffffff !important;
    border-color: #0F5068 !important;
    box-shadow: 0 0 0 3px rgba(15, 80, 104, 0.1) !important;
    outline: none !important;
}

/* 4. Tlačítko "Odeslat" (Registrovat) */
.user-registration.ur-frontend-form .ur-submit-button {
    width: 100% !important;
    background-color: #0F5068 !important;
    color: #ffffff !important;
    padding: 15px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
    transition: all 0.3s ease !important;
    margin-top: 20px !important;
}

.user-registration.ur-frontend-form .ur-submit-button:hover {
    background-color: #cc0000 !important;
    box-shadow: 0 5px 15px rgba(204, 0, 0, 0.3) !important;
    cursor: pointer;
}

/* 5. Odstranění zbytečných okrajů v mřížce Everestu */
.user-registration.ur-frontend-form .ur-form-row {
    margin-bottom: 15px !important;
}

/* Povinná hvězdička červeně */
.user-registration.ur-frontend-form abbr.required {
    color: #cc0000 !important;
    text-decoration: none !important;
}

/* #endregion */


/* #region >>>>>> TLAČÍTKA ROZCESTNÍKU (ČLENSKÁ SEKCE) <<<<<< */
.fscr-button-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 40px auto;
    flex-wrap: wrap; /* Pro mobilní zalamování */
}

.fscr-button {
    flex: 1;
    min-width: 250px; /* Aby na mobilu nebyla moc úzká */
    max-width: 350px;
    background-color: #0F5068 !important;
    color: #ffffff !important;
    padding: 20px 30px !important;
    border-radius: 50px !important; /* Pilulkový styl */
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(15, 80, 104, 0.2) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.fscr-button:hover {
    background-color: #cc0000 !important; /* Červená při hoveru */
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(204, 0, 0, 0.3) !important;
}

/* Ikony v tlačítku */
.fscr-button i, .fscr-button span {
    font-size: 1.4rem;
}

/* Responzivita pro malé mobily */
@media (max-width: 600px) {
    .fscr-button-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .fscr-button {
        width: 100%;
        max-width: 100%;
    }
}
/* #endregion */


/* #region >>>>>> empty  <<<<<< */
/* #endregion */