:root{
    --theme-color: #800000;
}
.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: none;
  }
.ticket-btn:hover,
  .more-btn:hover,.banner-btn:hover {
    background-color: #ff9500 !important;
    color: #fff !important;
  }
  .contact-area .container .right-side .get-in-touch .contact ul li.four::before {
  content: "\f0e0";
  left: -35px;
  top: 11px;
  color: #000;
  right: auto;
  font-family: "Font awesome 5 Pro";
  position: absolute;
  font-size: 16px;
  font-weight: 300;
  z-index: 2;
}
/* HEADER � sempre gren� */
.modal-header-custom {
    background-color: #800000 !important;
    color: #fff !important;
    font-size: 1.2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.75rem 1rem;
    flex-wrap: wrap;
    word-break: break-word;
}

    /* Texto e �cones sempre brancos */
    .modal-header-custom span,
    .modal-header-custom h5,
    .modal-header-custom h3,
    .modal-header-custom i {
        color: #fff !important;
    }

/* BODY */
.modal-body-custom {
    color: #333;
    font-size: 1rem;
}

/* FOOTER */
.modal-footer-custom {
    background-color: #f5f5f5;
}

/* BOT�O � sempre gren� */
.modal-btn {
    background-color: #800000 !important;
    color: white !important;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .modal-btn:hover {
        background-color: #ff9500 !important;
        color: #fff !important;
    }

/* RESPONSIVIDADE */
@media (max-width: 576px) {
    .modal-dialog {
        margin: 0.5rem;
    }

    .modal-header-custom {
        font-size: 1rem;
        padding: 0.5rem 0.75rem;
    }

        .modal-header-custom i {
            font-size: 1.2rem;
        }

    .modal-body-custom {
        font-size: 0.95rem;
    }

    .modal-btn {
        width: 100%;
    }
}

.more-btn {
    padding: 15px 30px;
    background: var(--theme-color) !important;
    color: #fff !important;
    border: 1px solid transparent;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    cursor: pointer;
    border-radius: 6px;
    transition: background-color 0.18s ease-in-out, color 0.18s ease-in-out;
}

/* Aplicar cor grená por defeito aos botões principais e hover laranja */
.btn, .btn-primary, button[type="submit"], input[type="submit"], .more-btn {
    background: var(--theme-color) !important;
    color: #fff !important;
    border: 1px solid transparent;
    display: inline-block;
}

.btn:hover, .btn-primary:hover, button[type="submit"]:hover, input[type="submit"]:hover, .more-btn:hover {
    background-color: #ff9500 !important;
    color: #fff !important;
}