/*
Theme Name: Blossom Pin Child
Theme URI: https://blossomthemes.com/wordpress-themes/blossom-pin/
Template: blossom-pin
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Blossom Pin is a Pinterest-style free feminine & chic-friendly WordPress blog theme. You can easily create visually appealing and eye-catching feminine WordPress blog and share your expert opinions on various topics such as Beauty, makeup, fashion, lifestyle, fitness, health, travel, dating/relationships, self-improvement, parenting, etc. This theme features a fully responsive design which ensures that your content displays properly on every devices and screen sizes. The Pinterest layout of this theme gives it a more elegant and appealing look, which makes your visitors come back to your website again and again. Furthermore, Blossom Pin comes with all the remarkable features and advanced advertisement options to help you make money online from your blog. Also, it is Speed & Ultra SEO optimized with Schema.org mark up ready, which helps your blog rank at the top in search engine results. The theme is translation ready and supports RTL and WooCommerce plugin for your utmost benefit. Also, Blossom Pin is backed by world-class, one-on-one support, and a super active team of developers and designers ready to help! Check demo: https://blossomthemes.com/theme-demo/?theme=blossom-pin, read the documentation at https://docs.blossomthemes.com/docs/blossom-pin/, and get support: https://blossomthemes.com/support-ticket/.
Tags: blog,one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-header,custom-menu,custom-logo,featured-images,threaded-comments,full-width-template,rtl-language-support,translation-ready,theme-options,e-commerce,news
Version: 1.3.9
Updated: 2026-06-22

*/

/* ==================================================
   MLB VIAJES — Header y navegación responsive
   - Mobile: barra inferior personalizada (<= 767px)
   - Tablet: header móvil nativo (768px a 1024px)
   - Desktop: navegación horizontal compacta (>= 1025px)
   ================================================== */

/* El CSS adicional de producción fuerza el header desktop desde 768px.
   En tablet restauramos el comportamiento responsive nativo del tema. */
@media (min-width: 768px) and (max-width: 1024px) {
    body .site-header {
        display: none !important;
    }

    body .mobile-header {
        display: block !important;
    }

    body .mobile-header .mobile-site-header {
        display: flex !important;
        visibility: visible !important;
        align-items: center !important;
        width: 100% !important;
    }

    body .mobile-header #toggle-button {
        display: block !important;
        visibility: visible !important;
        flex: 0 0 20px !important;
    }

    body .mlb-bottom-nav,
    body .mlb-overlay,
    body .mlb-side-panel {
        display: none !important;
    }

    body {
        padding-bottom: 0 !important;
    }
}

/* En desktop distribuimos logo, menú y herramientas en columnas reales.
   Se eliminan los márgenes del tema que hacían desbordar la lista. */
@media (min-width: 1025px) {
    body .site-header {
        display: grid !important;
        grid-template-columns: clamp(130px, 14vw, 180px) minmax(0, 1fr) auto !important;
        column-gap: clamp(8px, 1.2vw, 18px) !important;
        align-items: center !important;
        padding: 10px clamp(15px, 2.4vw, 30px) !important;
    }

    body .site-header .site-branding {
        width: auto !important;
        min-width: 0 !important;
    }

    body .site-header .main-navigation {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
    }

    body .site-header .main-navigation ul.menu {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: clamp(2px, 0.45vw, 8px) !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
    }

    body .site-header .main-navigation ul.menu > li {
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
    }

    body .site-header .main-navigation ul.menu > li > a {
        display: block !important;
        padding: 8px clamp(3px, 0.45vw, 8px) !important;
        font-size: clamp(9px, 0.78vw, 11px) !important;
        letter-spacing: clamp(0.3px, 0.08vw, 1px) !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }

    body .site-header .tools {
        width: auto !important;
        min-width: max-content !important;
        flex-shrink: 0 !important;
    }

    body .mobile-header {
        display: none !important;
    }
}