/* ── Desktop dropdown "Mais" ──────────────────────────────── */

.if-nav-dropdown { position: relative; flex-shrink: 0; }

.if-nav-more {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 8px 14px; border-radius: 20px; font-size: 13px; font-weight: 500;
    color: var(--if-text-secondary, #636e72); background: none;
    border: 0.5px solid var(--if-border, #e8e6e1);
    cursor: pointer; transition: all 0.15s; white-space: nowrap;
}
.if-nav-more:hover, .if-nav-more[aria-expanded="true"] {
    color: var(--if-primary, #6c5ce7);
    border-color: var(--if-primary-light, #a29bfe);
    background: var(--if-primary-bg, #f3f0ff);
}
.if-nav-more svg { transition: transform 0.2s; }
.if-nav-more[aria-expanded="true"] svg { transform: rotate(180deg); }

.if-dropdown-panel {
    display: none; position: absolute; top: calc(100% + 8px); right: 0;
    background: var(--if-card, #fff); border: 0.5px solid var(--if-border, #e8e6e1);
    border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.1);
    z-index: 200; min-width: 400px; max-height: 70vh; overflow-y: auto; padding: 16px;
}
.if-dropdown-panel.open { display: block; }

.if-dropdown-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.if-dropdown-title {
    display: block; font-size: 11px; font-weight: 600;
    color: var(--if-text-muted, #a0a0a0); text-transform: uppercase;
    letter-spacing: 1px; padding: 0 8px 6px;
    border-bottom: 0.5px solid var(--if-border-light, #f0ede8); margin-bottom: 4px;
}
.if-dropdown-col a {
    display: flex; align-items: center; justify-content: space-between;
    padding: 7px 8px; font-size: 13px; color: var(--if-text, #2d3436);
    text-decoration: none; border-radius: 6px; transition: all 0.1s;
}
.if-dropdown-col a:hover {
    background: var(--if-primary-bg, #f3f0ff); color: var(--if-primary, #6c5ce7);
}
.if-dropdown-count {
    font-size: 11px; color: var(--if-text-muted, #a0a0a0);
    background: var(--if-bg-alt, #f5f3ee); padding: 1px 6px; border-radius: 10px;
}

/* ── Mobile chips ────────────────────────────────────────── */

.if-mobile-chips {
    display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 0;
    border-bottom: 0.5px solid var(--if-border-light, #f0ede8);
}
.if-chip {
    display: inline-block; padding: 6px 14px; border-radius: 20px;
    font-size: 13px; font-weight: 500; color: #fff;
    background: var(--if-primary, #6c5ce7); text-decoration: none;
    transition: all 0.15s; white-space: nowrap;
}
.if-chip:hover { background: var(--if-primary-dark, #4834d4); color: #fff; }

/* ── Mobile accordion ────────────────────────────────────── */

.if-mobile-section { border-bottom: 0.5px solid var(--if-border-light, #f0ede8); }

.if-mobile-section-toggle {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; padding: 12px 0; font-size: 14px; font-weight: 600;
    color: var(--if-text, #2d3436); background: none; border: none;
    cursor: pointer; text-align: left;
}
.if-mobile-section-toggle svg { transition: transform 0.2s; flex-shrink: 0; }
.if-mobile-section-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }

.if-mobile-section-content { padding-bottom: 8px; }

.if-mobile-link-sm {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 12px; font-size: 14px; color: var(--if-text, #2d3436);
    text-decoration: none; border-radius: 6px; border-bottom: none; transition: background 0.1s;
}
.if-mobile-link-sm:hover {
    background: var(--if-primary-bg, #f3f0ff); color: var(--if-primary, #6c5ce7);
}
.if-mobile-count { font-size: 11px; color: var(--if-text-muted, #a0a0a0); }

@media (max-width: 768px) {
    .if-dropdown-panel { min-width: 280px; left: 0; right: 0; }
    .if-dropdown-grid { grid-template-columns: 1fr; }
}