/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


    /* Correção para o botão não esmagar no menu */
    .search-btn-coloring {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border: none;
        width: 33px;
        height: 33px;
        min-width: 33px; /* Importante para não amassar */
        border-radius: 50%;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
        vertical-align: middle;
        padding: 0; /* Remove padding padrão do tema */
        line-height: 0;
        position: relative;
        z-index: 10;
    }

    .search-btn-coloring:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
    }

    /* Garante que o SVG apareça independente do tema */
    .search-btn-coloring svg {
        width: 18px !important; /* Ajuste fino do tamanho */
        height: 18px !important;
        stroke: white !important;
        stroke-width: 2.5;
        fill: none !important;
        display: block;
    }

    /* O restante do CSS do Modal continua igual... */
    .search-modal-coloring {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(8px);
        z-index: 999999; /* Aumentei o z-index */
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    /* ... mantenha o restante do CSS original abaixo ... */
    .search-modal-coloring.active { display: flex !important; align-items: center; justify-content: center; opacity: 1; }
    .search-modal-content { background: white; border-radius: 20px; padding: 30px; width: 90%; max-width: 500px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); transform: scale(0.9); transition: transform 0.3s ease; }
    .search-modal-coloring.active .search-modal-content { transform: scale(1); }
    .search-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
    .search-modal-header h2 { font-size: 24px; color: #2d3748; font-weight: 600; margin: 0; }
    .search-close-btn { background: #f1f3f5; border: none; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; }
    .search-close-btn:hover { background: #e9ecef; transform: rotate(90deg); }
    .search-close-btn svg { width: 20px; height: 20px; stroke: #495057; stroke-width: 2; fill: none; }
    .search-form-container { position: relative; }
    .search-input-field { width: 100%; padding: 16px 50px 16px 20px; border: 2px solid #e9ecef; border-radius: 12px; font-size: 16px; transition: all 0.3s ease; outline: none; font-family: inherit; box-sizing: border-box; }
    .search-input-field:focus { border-color: #667eea; box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1); }
    .search-submit-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; width: 40px; height: 40px; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; }
    .search-submit-btn:hover { transform: translateY(-50%) scale(1.05); }
    .search-submit-btn svg { width: 18px; height: 18px; stroke: white; stroke-width: 2.5; fill: none; }
    .search-suggestions { margin-top: 20px; }
    .search-suggestions-title { font-size: 14px; color: #868e96; margin-bottom: 12px; font-weight: 500; }
    .search-suggestion-tags { display: flex; flex-wrap: wrap; gap: 8px; }
    .search-tag { padding: 8px 16px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 20px; font-size: 14px; color: #495057; cursor: pointer; transition: all 0.2s ease; }
    .search-tag:hover { background: #667eea; color: white; border-color: #667eea; transform: translateY(-2px); }
    @media (max-width: 600px) { .search-modal-content { padding: 24px; } .search-modal-header h2 { font-size: 20px; } .search-input-field { font-size: 14px; padding: 14px 46px 14px 16px; } }