/** * FRM Calendário Melhorado - Admin & Frontend CSS 
 * Styles for event table, operator management (now with modal), destination modal, 
 * destination calendar, popups with logo. 
 * Added styles for 'actividades_excursoes' in event popup. 
 * * @version 3.13.0 (Operadores com Modal e Novos Campos) 
 */

/* Estilos básicos para a tabela e popup do calendário principal */
.frm-calendario-wrap { margin-top: 20px; }
.frm-filtros { margin-bottom: 20px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.frm-calendar-container,
.frm-calendar-destino-container {
    background-color: #fff; padding: 15px; border: 1px solid #ccd0d4; box-shadow: 0 1px 1px rgba(0,0,0,.04); position: relative;
}
.frm-calendar-destino-container .frm-loading-placeholder { color: #555; }

/* Estilo para o texto da última atualização abaixo do calendário de destino */
.frm-calendar-wrapper .frm-ultima-atualizacao {
    text-align: right;
    font-size: 0.85em;
    font-style: italic;
    color: #777;
    margin-top: 5px; /* Espaço entre calendário e texto */
    margin-bottom: 15px; /* Espaço abaixo */
    padding-right: 5px; /* Pequeno padding à direita */
}

/* Estilos para a Legenda de Cores */
.frm-legenda-container {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #f9f9f9;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    align-items: center;
}
.frm-legenda-titulo {
    font-weight: 600;
    margin-right: 10px;
    color: #333;
    font-size: 0.9em;
    width: 100%;
}
.frm-legenda-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.frm-legenda-cor {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.1);
    vertical-align: middle;
}
.frm-legenda-texto {
    font-size: 0.9em;
    color: #555;
    vertical-align: middle;
}


/* Popup de detalhes do evento (usado por ambos os calendários) */
.frm-popup {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 160000;
    display: none;
    align-items: center; justify-content: center; box-sizing: border-box;
    overflow-y: auto; padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.frm-popup * { box-sizing: border-box; }

.frm-popup-content {
    background: white; padding: 25px 30px;
    border-radius: 4px;
    max-width: 500px;
    width: 100%; box-shadow: 0 5px 15px rgba(0,0,0,.2);
    position: relative; margin: auto;
    border: 1px solid #ddd;
}
.frm-popup-content h3 {
    margin-top: 0; margin-bottom: 20px;
    padding-bottom: 15px; border-bottom: 1px solid #eee;
    font-size: 1.3em; font-weight: 600; line-height: 1.4;
    color: #1d2327;
    text-align: center;
}
.frm-popup-content .event-details-destino {
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.6;
    color: #3c434a;
}
.frm-popup-details-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 1em;
    align-items: flex-start;
}
.frm-popup-details-image {
    flex: 0 0 75px;
    margin-bottom: 10px;
}
.frm-popup-details-image img {
    max-width: 100%; height: auto; display: block;
    border-radius: 3px; border: 1px solid #eee;
}
.frm-popup-details-main {
    flex: 1;
    min-width: 200px;
}
.frm-popup-data-valor-row {
    margin-bottom: 0.6em;
    line-height: 1.2;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.frm-popup-data-valor-row .data-info {
    flex-shrink: 0;
    margin-right: 15px;
}
.frm-popup-data-valor-row .data-label,
.frm-popup-data-valor-row .data-value {
    font-weight: 600; color: #1d2327; font-size: 1em; margin-right: 8px;
    display: inline-block;
}
.frm-popup-data-valor-row .valor-container {
    text-align: right;
    flex-shrink: 0;
}
.frm-popup-data-valor-row .desde-label {
    display: block;
    font-weight: bold;
    font-size: 0.8em;
    color: #50575e;
    margin-bottom: -0.3em;
    text-transform: uppercase;
}
.frm-popup-data-valor-row .valor-value {
    font-size: 2.8em !important;
    font-weight: 600; color: #1d2327; line-height: 1;
    display: block;
    margin-left: 0;
}
.frm-popup-detail-row { margin: 0.4em 0; clear: both; }
.frm-popup-detail-row .detail-label { font-weight: 600; color: #1d2327; display: inline-block; min-width: 80px; margin-right: 8px; }
.frm-popup-detail-row .detail-value { color: #3c434a; }

.frm-popup-details-desc {
    flex-basis: 100%;
    margin-top: 1em; padding-top: 0.8em; border-top: 1px solid #eee;
    clear: both;
}
.frm-popup-details-desc .descricao-content { font-size: 13px; line-height: 1.5; color: #50575e; text-align: left; }
.frm-popup-details-desc .descricao-content p { margin: 0.5em 0; font-size: inherit; line-height: inherit; }
.frm-popup-details-desc .descricao-content strong, .frm-popup-details-desc .descricao-content b { font-weight: 600; color: inherit; }
.frm-popup-details-desc .descricao-content em, .frm-popup-details-desc .descricao-content i { font-style: italic; }
.frm-popup-details-desc .descricao-content a { color: #0073aa; text-decoration: underline; }
.frm-popup-details-desc .descricao-content a:hover { color: #00a0d2; }
.frm-popup-details-desc .descricao-content ul, .frm-popup-details-desc .descricao-content ol { margin: 0.5em 0 1em 2em; padding: 0; }
.frm-popup-details-desc .descricao-content li { margin-bottom: 0.3em; }

.frm-popup-details-activities {
    margin-top: 1em;
    padding-top: 0.8em;
    border-top: 1px solid #eee;
    clear: both;
}
.frm-popup-details-activities h4 {
    font-size: 1.1em;
    font-weight: 600;
    color: #1d2327;
    margin-top: 0;
    margin-bottom: 0.5em;
}
.frm-popup-details-activities .activities-content {
    font-size: 13px;
    line-height: 1.5;
    color: #50575e;
    text-align: left;
}
.frm-popup-details-activities .activities-content p { margin: 0.5em 0; font-size: inherit; line-height: inherit; }
.frm-popup-details-activities .activities-content strong, .frm-popup-details-activities .activities-content b { font-weight: 600; color: inherit; }
.frm-popup-details-activities .activities-content em, .frm-popup-details-activities .activities-content i { font-style: italic; }
.frm-popup-details-activities .activities-content a { color: #0073aa; text-decoration: underline; }
.frm-popup-details-activities .activities-content a:hover { color: #00a0d2; }
.frm-popup-details-activities .activities-content ul, .frm-popup-details-activities .activities-content ol { margin: 0.5em 0 1em 2em; padding: 0; }
.frm-popup-details-activities .activities-content li { margin-bottom: 0.3em; }

.frm-popup-logo-container {
    text-align: right;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #eee;
    margin-bottom: 0;
    padding-bottom: 0;
}
.frm-popup-logo {
    max-width: 150px;
    height: auto;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
}
.frm-popup-content .frm-popup-details-stamp {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
    text-align: right;
    font-size: 0.8em;
    clear: both;
}

.frm-popup-content .frm-popup-actions { margin-top: 25px; padding-top: 15px; border-top: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.frm-popup-content .frm-popup-actions .button { margin: 0; }


/* Tabela principal de eventos */
.frm-tabela-eventos input[type="text"], .frm-tabela-eventos input[type="number"], .frm-tabela-eventos select { width: 100%; box-sizing: border-box; padding: 5px 8px; } .frm-tabela-eventos .column-actions { width: 80px; text-align: center; } .frm-tabela-eventos .column-actions .button-link { vertical-align: middle; padding: 0 3px; } .frm-tabela-eventos .column-actions .button-link .dashicons { font-size: 18px; vertical-align: text-bottom; } .frm-tabela-eventos .frm-eliminar-btn { color: #dc3232; border: none; background: none; cursor: pointer; } .frm-tabela-eventos .frm-eliminar-btn:hover { color: #a00; } .frm-tabela-eventos .frm-salvar-evento-btn { vertical-align: middle; } .frm-tabela-eventos tfoot td { padding-top: 15px; padding-bottom: 15px; background-color: #f9f9f9; } .frm-tabela-eventos tfoot .column-actions button { font-size: 1.2em; } .frm-tabela-eventos .input-changed { border-color: #ffb900; background-color: #fff8e5; } .frm-tabela-eventos .input-error { border-color: #dc3232; } .frm-tabela-eventos .spinner.frm-row-spinner { vertical-align: middle; margin-left: 5px; float: none; visibility: hidden; } .frm-tabela-eventos .spinner.frm-row-spinner.is-active { visibility: visible; }

/* Estilos para telas menores (responsividade das tabelas) */
@media screen and (max-width: 782px) {
    .frm-tabela-eventos thead, .frm-tabela-popup thead, .frm-tabela-gestao thead { display: none; }
    .frm-tabela-eventos tbody tr, .frm-tabela-eventos tfoot tr,
    .frm-tabela-popup tbody tr, .frm-tabela-popup tfoot tr, /* Aplicar também à tabela de operadores antiga, se ainda existir temporariamente */
    .frm-tabela-gestao tbody tr { display: block; margin-bottom: 15px; border: 1px solid #e5e5e5; padding: 10px; }

    .frm-tabela-eventos td, .frm-tabela-gestao td, .frm-tabela-popup td {
        display: block; text-align: right; border-bottom: 1px dotted #e5e5e5;
        padding-left: 50% !important; position: relative; padding-top: 8px; padding-bottom: 8px;
    }
    .frm-tabela-eventos td:last-child, .frm-tabela-gestao td:last-child, .frm-tabela-popup td:last-child { border-bottom: none; }

    .frm-tabela-eventos td::before, .frm-tabela-gestao td::before, .frm-tabela-popup td::before {
        content: attr(data-label); position: absolute; left: 10px; width: calc(50% - 20px);
        padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; line-height: 1.5;
    }
    .frm-tabela-eventos td.column-actions::before,
    .frm-tabela-gestao td.column-actions::before, .frm-tabela-gestao td.column-imagem::before,
    .frm-tabela-popup td.column-actions::before { display: none; } /* Oculta label "Ações" etc. */

    .frm-tabela-eventos td.column-actions,
    .frm-tabela-gestao td.column-actions, .frm-tabela-gestao td.column-imagem,
    .frm-tabela-popup td.column-actions { text-align: center; padding-left: 10px !important; }

    .frm-tabela-eventos tfoot td, .frm-tabela-popup tfoot td { text-align: right; }
    .frm-tabela-eventos tfoot td.column-actions, .frm-tabela-popup tfoot td.column-actions { text-align: center; }
    .frm-tabela-eventos tfoot td::before, .frm-tabela-popup tfoot td::before { line-height: 2.5; }
}


/* Estilos específicos do jQuery UI Datepicker */
.ui-datepicker { z-index: 160001 !important; }

/* Estilo para o conteúdo do evento no FullCalendar */
.fc-event { cursor: pointer; } .fc-daygrid-event-dot { border-color: transparent; } .fc-event-title { text-align: right; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; font-size: 0.95em; }

/* Estilo para o título do mês no FullCalendar */
.fc-toolbar-title {
    font-size: 0.9em;
}


/* --- Estilos para Páginas de Gestão (Geral e Tabelas) --- */
.frm-gestao-container { margin: 20px 0; }
.frm-management-buttons { margin-bottom: 20px; display: flex; gap: 10px; flex-wrap: wrap; }
.frm-management-buttons .button.disabled { opacity: 0.6; cursor: not-allowed; }

/* Estilos para tabelas de gestão (Operadores e Destinos) */
.frm-tabela-gestao { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.frm-tabela-gestao th { padding: 10px 8px; border-bottom: 1px solid #ddd; text-align: left; background-color: #f9f9f9; font-weight: 600; }
.frm-tabela-gestao td { padding: 8px; vertical-align: middle; border-bottom: 1px solid #eee; }
.frm-tabela-gestao .column-imagem { width: 60px; text-align: center; }
.frm-tabela-gestao .frm-destino-thumbnail { max-width: 40px; height: auto; display: block; margin: 0 auto; border: 1px solid #eee; border-radius: 3px; background-color: #f9f9f9; }
.frm-tabela-gestao .frm-destino-thumbnail-placeholder { font-size: 24px; color: #ccc; line-height: 40px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; }
.frm-tabela-gestao .column-actions { width: 80px; text-align: center; }
.frm-tabela-gestao .column-actions .button-link { vertical-align: middle; padding: 0 3px; box-shadow: none; border: none; background: none; margin-right: 5px; cursor: pointer; color: #2271b1; }
.frm-tabela-gestao .column-actions .button-link:hover { color: #135e96; }
.frm-tabela-gestao .column-actions .button-link.delete { color: #dc3232; }
.frm-tabela-gestao .column-actions .button-link.delete:hover { color: #a00; }
.frm-tabela-gestao .column-actions .button-link .dashicons { font-size: 18px; vertical-align: text-bottom; }
.frm-tabela-gestao .spinner.frm-row-spinner { vertical-align: middle; margin-left: 5px; float: none; visibility: hidden; }
.frm-tabela-gestao .spinner.frm-row-spinner.is-active { visibility: visible; }
.frm-gestao-container .spinner.frm-ajax-spinner { position: absolute; top: 15px; right: 15px; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; display: none; float: none; }
.frm-gestao-container.loading .spinner.frm-ajax-spinner { display: inline-block; }


/* --- Estilos para Modais (Destinos e Operadores) --- */
.frm-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 160000; display: none; overflow-y: auto; padding: 40px 20px; box-sizing: border-box; }
.frm-modal-overlay * { box-sizing: border-box; }
.frm-modal-content { background: #fdfdfd; max-width: 800px; margin: 0 auto; padding: 25px 35px 35px; border-radius: 5px; box-shadow: 0 8px 30px rgba(0,0,0,0.15); position: relative; border: 1px solid #ddd; }
.frm-modal-close { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 24px; line-height: 1; color: #666; cursor: pointer; padding: 5px; transition: color 0.2s ease; }
.frm-modal-close:hover { color: #000; }
.frm-modal-content h3 { margin-top: 0; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 1.4em; font-weight: 600; }
.frm-modal-row { display: flex; flex-wrap: wrap; gap: 25px; margin-bottom: 20px; }
.frm-modal-row > .frm-modal-field { flex: 1; min-width: 200px; margin-bottom: 0; }
.frm-modal-image-row { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 20px; flex-wrap: wrap; }
.frm-modal-image-row > .frm-modal-field { flex: 1; min-width: 250px; }
.frm-modal-image-row > .frm-image-preview-wrapper { flex: 0 0 150px; height: auto; min-height: 100px; margin-top: 30px; padding: 8px; background-color: #f7f7f7; border: 1px solid #ddd; border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.frm-image-preview-wrapper img { max-width: 100%; max-height: 150px; display: block; border: none; }
.frm-image-preview-wrapper .frm-destino-thumbnail-placeholder { font-size: 40px; color: #bbb; line-height: normal; }
.frm-modal-field { margin-bottom: 20px; }
.frm-modal-field label { display: block; margin-bottom: 8px; font-weight: 600; color: #444; }
.frm-modal-field input[type="text"], .frm-modal-field input[type="url"], .frm-modal-field textarea { width: 100%; padding: 10px 12px; border: 1px solid #ccc; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); border-radius: 4px; background-color: #fff; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }
.frm-modal-field input[type="text"]:focus, .frm-modal-field input[type="url"]:focus, .frm-modal-field textarea:focus { border-color: #0a4b78; box-shadow: 0 0 0 1px #0a4b78; outline: none; }
.frm-modal-field textarea { min-height: 80px; line-height: 1.6; } /* Altura base para textareas */
.frm-modal-field textarea[name="cond_canc_alt"],
.frm-modal-field textarea[name="cond_reserva"] { min-height: 120px; } /* Altura maior para campos de condições */
.frm-modal-field input[type="color"] { width: 60px; height: 40px; padding: 2px 4px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; vertical-align: middle; }
.frm-modal-field small { color: #666; font-style: italic; display: block; margin-top: 6px; }
.frm-modal-field .input-error { border-color: #d63638 !important; box-shadow: 0 0 0 1px #d63638 !important; }

.frm-modal-actions { margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee; text-align: right; display: flex; align-items: center; justify-content: flex-end; }
.frm-modal-actions .spinner { margin: 0 10px 0 0; order: -2; display: none; }
.frm-modal-actions .spinner.is-active { display: inline-block; }
.frm-modal-ajax-message { margin: 0 auto 0 0; text-align: left; padding: 5px 10px; border-radius: 3px; border: 1px solid transparent; line-height: 1.4; order: -1; display: none; }
.frm-modal-ajax-message.success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.frm-modal-ajax-message.error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.frm-modal-ajax-message.warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }

.frm-modal-actions .button { margin-left: 10px; padding: 8px 16px; }
.frm-modal-actions .button.button-primary { font-weight: 600; }

/* Mensagens AJAX Globais (fora de modais/popups específicos) */
.frm-ajax-message { margin-top: 15px; padding: 10px 15px; border-radius: 3px; border: 1px solid transparent; display: none; line-height: 1.5; }
.frm-ajax-message.success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.frm-ajax-message.error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.frm-ajax-message.warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }

/* Media Query para Modal em Ecrãs Pequenos */
@media screen and (max-width: 600px) {
    .frm-modal-content { padding: 20px; max-width: 95%; }
    .frm-modal-row { flex-direction: column; gap: 0; margin-bottom: 0; }
    .frm-modal-row > .frm-modal-field { min-width: 100%; margin-bottom: 15px; flex-basis: auto !important; }
    .frm-modal-image-row { flex-direction: column; gap: 10px; }
    .frm-modal-image-row > .frm-image-preview-wrapper { flex-basis: auto; width: 150px; margin-top: 5px; align-self: flex-start; }
    .frm-modal-actions { flex-direction: column; align-items: stretch; gap: 10px; }
    .frm-modal-actions .frm-modal-ajax-message { order: -1; text-align: center; margin: 0 0 10px 0; }
    .frm-modal-actions .spinner { order: -1; align-self: center; margin: 0 0 10px 0; }
    .frm-modal-actions .button { width: 100%; margin-left: 0; text-align: center; }
}

/* ** ESTILOS ESPECÍFICOS PARA BOTÕES DO PLUGIN ** */
.frm-calendario-wrap .button, .frm-gestao-container .button,
.frm-popup-content button.button, .frm-popup-content a.button,
.frm-modal-content button.button, .frm-modal-content a.button {
    cursor: pointer; display: inline-block; text-decoration: none; font-size: 13px;
    line-height: 2.15384615; min-height: 30px; margin: 0; padding: 0 10px 1px;
    border-width: 1px; border-style: solid; -webkit-appearance: none; border-radius: 3px;
    white-space: nowrap; box-sizing: border-box; vertical-align: middle;
    text-shadow: none; box-shadow: none; transition: background .1s ease-in-out, border-color .1s ease-in-out;
}
.frm-calendario-wrap .button-primary, .frm-gestao-container .button-primary {
    background: #2271b1; border-color: #2271b1; color: #fff; text-decoration: none;
}
.frm-calendario-wrap .button-primary:hover, .frm-gestao-container .button-primary:hover,
.frm-calendario-wrap .button-primary:focus, .frm-gestao-container .button-primary:focus {
    background: #135e96; border-color: #135e96; color: #fff; box-shadow: none; outline: none;
}
.frm-calendario-wrap .button-primary:focus, .frm-gestao-container .button-primary:focus {
    border-color: #0a4b78; box-shadow: 0 0 0 1px #0a4b78; outline: 2px solid transparent; outline-offset: 0;
}
.frm-calendario-wrap .button-primary:active, .frm-gestao-container .button-primary:active {
    background: #105187; border-color: #105187;
}
.frm-calendario-wrap .button-secondary, .frm-gestao-container .button-secondary {
    color: #1d2327; background: #f6f7f7; border-color: #dcdcde;
}
.frm-calendario-wrap .button-secondary:hover, .frm-gestao-container .button-secondary:hover,
.frm-calendario-wrap .button-secondary:focus, .frm-gestao-container .button-secondary:focus {
    background: #f0f0f1; border-color: #8c8f94; color: #1d2327; box-shadow: none; outline: none;
}
.frm-calendario-wrap .button-secondary:focus, .frm-gestao-container .button-secondary:focus {
    border-color: #0a4b78; box-shadow: 0 0 0 1px #0a4b78; outline: 2px solid transparent; outline-offset: 0;
}

/* Adiciona !important apenas para botões em popups/modais movidos para o body */
.frm-popup-content button.button-primary, .frm-popup-content a.button-primary,
.frm-modal-content button.button-primary, .frm-modal-content a.button-primary {
    background: #2271b1 !important; border-color: #2271b1 !important; color: #fff !important;
}
.frm-popup-content button.button-primary:hover, .frm-popup-content a.button-primary:hover,
.frm-modal-content button.button-primary:hover, .frm-modal-content a.button-primary:hover,
.frm-popup-content button.button-primary:focus, .frm-popup-content a.button-primary:focus,
.frm-modal-content button.button-primary:focus, .frm-modal-content a.button-primary:focus {
    background: #135e96 !important; border-color: #135e96 !important; color: #fff !important;
}
.frm-popup-content button.button-primary:focus, .frm-popup-content a.button-primary:focus,
.frm-modal-content button.button-primary:focus, .frm-modal-content a.button-primary:focus {
    border-color: #0a4b78 !important; box-shadow: 0 0 0 1px #0a4b78 !important;
}
.frm-popup-content button.button-primary:active, .frm-popup-content a.button-primary:active,
.frm-modal-content button.button-primary:active, .frm-modal-content a.button-primary:active {
    background: #105187 !important; border-color: #105187 !important;
}

.frm-popup-content button.button-secondary, .frm-popup-content a.button-secondary,
.frm-modal-content button.button-secondary, .frm-modal-content a.button-secondary {
    color: #1d2327 !important; background: #f6f7f7 !important; border-color: #dcdcde !important;
}
.frm-popup-content button.button-secondary:hover, .frm-popup-content a.button-secondary:hover,
.frm-modal-content button.button-secondary:hover, .frm-modal-content a.button-secondary:hover,
.frm-popup-content button.button-secondary:focus, .frm-popup-content a.button-secondary:focus,
.frm-modal-content button.button-secondary:focus, .frm-modal-content a.button-secondary:focus {
    background: #f0f0f1 !important; border-color: #8c8f94 !important; color: #1d2327 !important;
}
.frm-popup-content button.button-secondary:focus, .frm-popup-content a.button-secondary:focus,
.frm-modal-content button.button-secondary:focus, .frm-modal-content a.button-secondary:focus {
    border-color: #0a4b78 !important; box-shadow: 0 0 0 1px #0a4b78 !important;
}

/* --- Estilos para a Grelha de Destinos [frm_destinos_grid] --- */
.frm-destinos-grid-container {
    display: grid;
    /* A variável --grid-columns é definida pelo shortcode, mas podemos forçar um valor aqui */
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin: 20px 0;
}

.frm-destino-grid-item-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.frm-destino-grid-item-link:hover {
    text-decoration: none;
    color: inherit;
}

.frm-destino-grid-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.frm-destino-grid-item-link:hover .frm-destino-grid-item {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.frm-destino-grid-item img {
    width: 100%;
    height: 80px; /* Altura reduzida */
    object-fit: cover; /* Garante que a imagem cobre a área sem distorcer */
    display: block;
    transition: transform 0.3s ease;
}

.frm-destino-grid-item-link:hover .frm-destino-grid-item img {
    transform: scale(1.05);
}

.frm-destino-grid-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 15px 15px;
    color: #fff;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end; /* Alinha o texto à direita */
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    box-sizing: border-box;
}

.frm-destino-grid-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1.2;
}

.frm-destino-grid-price {
    background-color: rgba(0,0,0,0.3);
    padding: 5px 10px;
    border-radius: 5px;
}

.frm-destino-grid-price-label {
    display: block;
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1;
}

.frm-destino-grid-price-value {
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1;
}

/* Responsividade da grelha */
@media screen and (max-width: 1200px) {
    .frm-destinos-grid-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 980px) {
    .frm-destinos-grid-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 782px) {
    .frm-destinos-grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .frm-destinos-grid-container {
        grid-template-columns: 1fr;
    }
    .frm-destino-grid-item img {
        height: 120px; /* Altura para mobile */
    }
}