/* ========================================
   Módulo Contactos
   ======================================== */

/* Box model (max-width, margin, padding, sidebar flex) vem de .main-content-wrapper
   (assets/css/adsicore.css), partilhado com os restantes módulos. */

/* --- Content / grid --- */
.contactos-content {
    padding: var(--core-spacing-sm, 8px) 0 var(--core-spacing-2xl, 64px);
}

.contactos-category-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--core-gap, 24px);
}

.contactos-cat-card {
    background: var(--core-color-white, #fff);
    border: var(--core-border-width, 1px) solid var(--core-color-gray, #ccc);
    border-radius: var(--core-border-radius-lg, 16px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.contactos-cat-card-header {
    display: flex;
    align-items: center;
    gap: var(--core-spacing-base, 16px);
    padding: var(--core-spacing-base, 16px) var(--core-spacing-md, 24px);
    background: var(--core-color-gray-light, #f5f5f5);
    border-bottom: var(--core-border-width, 1px) solid var(--core-color-gray, #ccc);
}

.contactos-cat-card-icon {
    width: 44px;
    height: 44px;
    border-radius: var(--core-border-radius-base, 8px);
    background: var(--core-color-white, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    font-size: var(--core-font-size-xl, 1.25rem);
    color: var(--core-color-primary, #2c5f8d);
}

.contactos-cat-card-title {
    margin: 0;
}

.contactos-cat-card-subtitle {
    font-size: var(--core-font-size-xs, 0.75rem);
    color: var(--core-color-gray-dark, #666);
    margin-top: 2px;
}

.contactos-cat-card-vertodos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--core-spacing-xs, 8px);
    padding: var(--core-spacing-base, 16px);
    font-size: var(--core-font-size-sm, 0.875rem);
    font-weight: 500;
    color: var(--core-color-primary, #2c5f8d);
    text-decoration: none;
    border-top: var(--core-border-width, 1px) solid var(--core-color-gray-light, #f5f5f5);
}

.contactos-cat-card-vertodos:hover {
    background: var(--core-color-gray-light, #f5f5f5);
}

/* --- Lista de contactos (partilhada: agrupada e plana) --- */
.contactos-list {
    display: flex;
    flex-direction: column;
}

.contacto-item {
    padding: var(--core-spacing-base, 16px) var(--core-spacing-md, 24px);
    border-bottom: var(--core-border-width, 1px) solid var(--core-color-gray-light, #f5f5f5);
}

.contactos-cat-card .contacto-item:last-child {
    border-bottom: none;
}

.contactos-content > .contactos-list .contacto-item,
#contactos-results > .contactos-list .contacto-item {
    background: var(--core-color-white, #fff);
    border: var(--core-border-width, 1px) solid var(--core-color-gray, #ccc);
    border-radius: var(--core-border-radius-lg, 16px);
    margin-bottom: var(--core-spacing-base, 16px);
}

.contacto-item-title {
    margin: 0 0 var(--core-spacing-xs, 8px);
    font-size: var(--core-font-size-base, 1rem);
}

.contacto-item-title a {
    color: inherit;
    text-decoration: none;
}

.contacto-item-title a:hover {
    color: var(--core-color-primary, #2c5f8d);
}

.contacto-item-categoria {
    display: inline-block;
    font-size: var(--core-font-size-xs, 0.75rem);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--core-color-gray-dark, #666);
    margin-bottom: var(--core-spacing-sm, 8px);
}

/* --- Detalhes de contacto (partilhado: lista e single) --- */
.contacto-details {
    display: flex;
    flex-direction: column;
    gap: var(--core-spacing-xs, 8px);
    margin-bottom: var(--core-spacing-sm, 8px);
}

.contacto-details-item {
    display: flex;
    align-items: baseline;
    gap: var(--core-spacing-sm, 8px);
    font-size: var(--core-font-size-sm, 0.875rem);
    color: var(--core-color-gray-dark, #666);
}

.contacto-details-item i {
    width: 16px;
    color: var(--core-color-primary, #2c5f8d);
}

.contacto-details-item a {
    color: inherit;
    text-decoration: none;
}

.contacto-details-item a:hover {
    color: var(--core-color-primary, #2c5f8d);
    text-decoration: underline;
}

/* --- Ações rápidas --- */
.contacto-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--core-spacing-sm, 8px);
    margin-top: var(--core-spacing-sm, 8px);
}

/* --- Single --- */
.contacto-single {
    padding: var(--core-spacing-xl, 48px) 0 var(--core-spacing-2xl, 64px);
}

.contacto-single-inner {
    max-width: 640px;
}

.contacto-single-back {
    display: inline-flex;
    align-items: center;
    gap: var(--core-spacing-xs, 8px);
    font-size: var(--core-font-size-sm, 0.875rem);
    color: var(--core-color-primary, #2c5f8d);
    text-decoration: none;
    margin-bottom: var(--core-spacing-base, 16px);
}

.contacto-single-category {
    font-size: var(--core-font-size-xs, 0.75rem);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--core-color-gray-dark, #666);
    margin-bottom: var(--core-spacing-sm, 8px);
}

.contacto-single-content {
    line-height: 1.6;
    margin-bottom: var(--core-spacing-md, 24px);
}

.contacto-single-inner .contacto-details {
    margin-bottom: var(--core-spacing-md, 24px);
}

.contacto-single-inner .contacto-details-item {
    font-size: var(--core-font-size-base, 1rem);
}