/*
Theme Name: Travelami Child
Theme URI: https://travelami.templaza.net/
Description: A child theme of Travelami
Author: TemPlaza Team
Author URI: https://www.templaza.com
Version: 1.1.1
Text Domain: travelami
Template: travelami
*/

/* =====================================================
   Tour Cards - Before Title Chips (Iconic / Signature)
   ===================================================== */

/* Importar fonte para Signature */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

/* Estilo base do chip */
.ap-before-title {
    display: inline-block !important;
    width: auto !important;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 12px !important;
    border: 1.5px solid;
}

/* Iconic - Azul */
.ap-before-title.chip-iconic {
    background-color: rgba(0, 117, 155, 0.1) !important;
    border-color: #00759b !important;
    color: #00759b !important;
    text-transform: uppercase;
}

/* Signature - Dourado Elegante */
.ap-before-title.chip-signature {
    background-color: rgba(184, 134, 11, 0.1) !important;
    border-color: #b8860b !important;
    color: #b8860b !important;
    font-family: 'DM Serif Display', serif !important;
    font-size: 13px !important;
    font-style: italic;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.5px;
}

/* =====================================================
   Menu Hover - Header Transparente (Homepage)
   ===================================================== */

/* Hover mais claro no header transparente para melhor contraste */
body.home .templaza-header:not(.templaza-header-sticky) .navbar-nav .menu-item a:hover,
body.home .templaza-header:not(.templaza-header-sticky) .navbar-nav .menu-item a:focus,
body.home .templaza-header:not(.templaza-header-sticky) .templaza-nav .menu-item a:hover,
body.home .templaza-header:not(.templaza-header-sticky) .templaza-nav .menu-item a:focus,
body.home .templaza-horizontal-header:not(.templaza-header-sticky) .navbar-nav .menu-item a:hover,
body.home .templaza-horizontal-header:not(.templaza-header-sticky) .templaza-nav .menu-item a:hover {
    color: #4db8d9 !important;
}

/* ::before animation também com a mesma cor */
body.home .templaza-header:not(.templaza-header-sticky) .navbar-nav .menu-item a:hover::before,
body.home .templaza-header:not(.templaza-header-sticky) .navbar-nav .menu-item a:focus::before,
body.home .templaza-header:not(.templaza-header-sticky) .templaza-nav .menu-item a:hover::before,
body.home .templaza-header:not(.templaza-header-sticky) .templaza-nav .menu-item a:focus::before,
body.home .templaza-horizontal-header:not(.templaza-header-sticky) .navbar-nav .menu-item a:hover::before,
body.home .templaza-horizontal-header:not(.templaza-header-sticky) .templaza-nav .menu-item a:hover::before,
body.home .templaza-header:not(.templaza-header-sticky) .navbar-nav .menu-item.current-menu-item a::before,
body.home .templaza-header:not(.templaza-header-sticky) .templaza-nav .menu-item.current-menu-item a::before {
    background-color: #4db8d9 !important;
}

/* Também aplicar quando o header ainda não fez scroll (não é sticky) */
body.home .uk-sticky:not(.uk-sticky-below) .navbar-nav .menu-item a:hover,
body.home .uk-sticky:not(.uk-sticky-below) .templaza-nav .menu-item a:hover {
    color: #4db8d9 !important;
}

body.home .uk-sticky:not(.uk-sticky-below) .navbar-nav .menu-item a:hover::before,
body.home .uk-sticky:not(.uk-sticky-below) .templaza-nav .menu-item a:hover::before,
body.home .uk-sticky:not(.uk-sticky-below) .navbar-nav .menu-item.current-menu-item a::before,
body.home .uk-sticky:not(.uk-sticky-below) .templaza-nav .menu-item.current-menu-item a::before {
    background-color: #4db8d9 !important;
}

/* =====================================================
   Mobile Sticky Header Fixes
   ===================================================== */

@media (max-width: 959px) {

    /* === Hamburger Menu - tornar visível (preto) no sticky === */

    /* O burger menu usa spans para as linhas */
    .uk-sticky.uk-sticky-below .header-mobilemenu-trigger .button .box .inner,
    .uk-sticky.uk-sticky-below .header-mobilemenu-trigger .button .box .inner::before,
    .uk-sticky.uk-sticky-below .header-mobilemenu-trigger .button .box .inner::after,
    .uk-sticky.uk-sticky-below .burger-menu-button .button .box .inner,
    .uk-sticky.uk-sticky-below .burger-menu-button .button .box .inner::before,
    .uk-sticky.uk-sticky-below .burger-menu-button .button .box .inner::after,
    .templaza-header-sticky .header-mobilemenu-trigger .button .box .inner,
    .templaza-header-sticky .header-mobilemenu-trigger .button .box .inner::before,
    .templaza-header-sticky .header-mobilemenu-trigger .button .box .inner::after,
    .templaza-header-sticky .burger-menu-button .button .box .inner,
    .templaza-header-sticky .burger-menu-button .button .box .inner::before,
    .templaza-header-sticky .burger-menu-button .button .box .inner::after {
        background-color: #333 !important;
    }

    /* Classe para JavaScript aplicar */
    .burger-dark .button .box .inner,
    .burger-dark .button .box .inner::before,
    .burger-dark .button .box .inner::after {
        background-color: #333 !important;
    }

    /* === Logo no Mobile Sticky === */

    /* Esconder logo mobile (branco) quando sticky */
    .uk-sticky.uk-sticky-below .templaza-logo .templaza-logo-mobile,
    .templaza-header-sticky .templaza-logo .templaza-logo-mobile {
        display: none !important;
    }

    /* Esconder logo default (branco) quando sticky */
    .uk-sticky.uk-sticky-below .templaza-logo .templaza-logo-default,
    .templaza-header-sticky .templaza-logo .templaza-logo-default {
        display: none !important;
    }

    /* Mostrar logo sticky (azul) quando sticky */
    .uk-sticky.uk-sticky-below .templaza-logo .templaza-logo-sticky,
    .templaza-header-sticky .templaza-logo .templaza-logo-sticky {
        display: block !important;
    }
}