/*
Theme Name: Montodo
Theme URI: https://new.montodo.cz/
Author: Vee Winch, Ondřej Vala, Daniel Dobrý
Author URI: https://ondrejvala.net/
Description: Corporate theme built on Bootstrap v.5 basic theme.
Version: 1.0.0
Text Domain: bootstrap-basic4
Domain Path: /languages/
*/

/* ==========================================================================
   1. Základní WordPress třídy pro zarovnání obsahu
   ========================================================================== */

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

/* ==========================================================================
   2. Globální pomocné třídy (Utility)
   ========================================================================== */

.text-black {
    color: #000000 !important;
}

.text-primary {
    color: #004bc0 !important;
}

/* ==========================================================================
   3. Obecné styly menu (Společné)
   ========================================================================== */

a.mega-menu-link:before {
    border-radius: 10px;
    overflow: hidden;
}

/* ==========================================================================
   4. Mobilní zobrazení (Tablety a telefony do 991px)
   ========================================================================== */

@media (max-width: 991px) {
    
    /* Základní rozvržení menu a loga */
    .site-menu {
        display: block;
    }

    .site-logo {
        padding: 10px 0 10px 15px;
    }

    .navbar {
        display: block !important;
    }

    /* Úprava pravé části navigace v mobilu */
    .navbar-right {
        display: none;
        margin-bottom: 15px;
    }

    .mega-menu-primary-mobile-open .navbar-right {
        display: block;
    }

    /* Hamburger menu (Toggle tlačítko) */
    .mega-toggle-block button {
        margin-top: -50px !important;
    }

    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, 
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        background-color: #ffffff;
        width: 30px;
        height: 3px;
    }

    /* Vzhled sub-menu (vysouvací panely) */
    .mega-sub-menu {
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.1) !important; /* #FFFFFF1A */
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        padding: 10px !important;
    }

    /* Skrytí specifických položek v mobilu */
    ul.mega-sub-menu li.mega-menu-item.mega-menu-item-type-custom {
        display: none !important;
    }

    /* Odkazy a text v menu */
    .mega-sub-menu a { 
        color: #ffffff; 
    }

    .mega-sub-menu .mega-menu-item a.mega-menu-link span {
        font-size: 14px;
        color: #999fa8;
    }

    /* Barvy odkazů v Mega Menu */
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, 
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        color: #ffffff !important;
    }

    /* Odsazení sloupců v mobilním menu */
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
        padding-right: 0;
    }

    /* Efekty při najetí a kliknutí na položku */
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item.mega-menu-item-type-post_type:hover {
        border-color: transparent;
        background-color: transparent;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item.mega-menu-item-type-post_type:active {
        background-color: rgba(255, 255, 255, 0.15); /* #ffffff26 */
    }

    a.mega-menu-link:before {
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
    }

    /* Indikátor (šipka) rozbalení menu */
    .mega-indicator {
        font-size: 1.5rem;
        height: 48px;
        width: 50px !important;
        background: #d1ee2d;
        color: black;
        padding: 12px;
        right: -27px !important;
        position: absolute !important;
        line-height: 1.8rem;
        z-index: 100 !important;
        border-radius: 8px;
        margin-top: 6px;
    }

    /* Nastavení pro textové widgety v menu */
    .textwidget a { 
        transition: none !important;
    }

    .textwidget a:hover { 
        color: #007bff; 
        text-decoration: none; 
        transition-duration: 0;
    }
}

/* ==========================================================================
   5. Specifické opravy pro malé displeje (do 362px)
   ========================================================================== */

@media (max-width: 362px) {
    /* Zarovnání Cloudflare Turnstile v Contact Form 7 */
    .cf7-cf-turnstile {
        margin-left: -24px; 
    }
}

/* ==========================================================================
   6. Úprava článků a nadpisové logiky
   ========================================================================== */

 .uagb-post-grid .uagb-post__image img {object-fit: cover;}

.type-post h2 {

    margin-top: 2rem;
    color: #004bc0;
    margin-bottom: 1.0rem;
    font-size: 1.85rem;
    font-weight: 400;
	
}

.type-post h3 {

    color: black;
    font-size: 1.5rem;
    margin-bottom: 1.0rem;
    font-weight: 300;

}

.type-post h4 {

    color: #004bc0;
    font-size: 1.35rem;
    font-weight: 300;

}

.type-post h5 {

    font-size: 1.15rem;
    color: #000000;
    font-weight: 300;

}

.type-post h6 {

    color: #004bc0;
    font-weight: 300;
    font-size: 1rem;

}

.type-post p {

    color: #717171;
    margin-bottom: 1rem;
    font-size: 1rem;
	
}