/* Tema Médico - Cores e estilos adaptados para saúde */

/* Paleta de cores principal */
:root {
    --medico-primary: #2980b9;
    --medico-secondary: #27ae60;
    --medico-accent: #3498db;
    --medico-dark: #2c3e50;
    --medico-light: #ecf0f1;
}

/* Override - cor principal do tema */
.navigation .secondary-navigation {
    background-color: var(--medico-dark);
}

.btn-default,
.add-your-property .btn {
    background-color: var(--medico-primary) !important;
    border-color: var(--medico-primary) !important;
}

.btn-default:hover,
.add-your-property .btn:hover {
    background-color: var(--medico-accent) !important;
    border-color: var(--medico-accent) !important;
}

.tag.price {
    background-color: var(--medico-secondary);
}

/* Seção de busca */
.search-box-wrapper {
    background-color: rgba(41, 128, 185, 0.9);
}

.search-box-wrapper h2 {
    color: #fff;
    margin-bottom: 20px;
}

/* Seção de especialidades */
#specialties {
    padding: 60px 0;
}

#specialties h2 {
    margin-bottom: 40px;
    color: var(--medico-dark);
}

.category-box {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.category-box h4 {
    color: var(--medico-dark);
    margin-top: 10px;
}

/* Cards de profissionais */
.property {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.property:hover {
    transform: translateY(-3px);
}

.property-content {
    padding: 15px;
}

.property-content h4 a {
    color: var(--medico-dark);
}

.property-content h4 a:hover {
    color: var(--medico-primary);
}

/* Footer */
#page-footer {
    background-color: var(--medico-dark);
}

#footer-copyright {
    background-color: #1a252f;
}

/* Links */
a {
    color: var(--medico-primary);
}

a:hover {
    color: var(--medico-accent);
}

/* Features section */
#features h2 {
    color: var(--medico-dark);
    margin-bottom: 10px;
}

#features h4 {
    color: var(--medico-dark);
    margin-bottom: 10px;
}

#features p {
    color: #666;
}