/* Faglig inspiration search — only what fagliginspiration-search.js's markup needs on top
   of the shared .idea-* styles (konfirmander.css + idebasen-search.css). */

/* Fanebladskontrollen på /faglig-inspiration — mockup'ens segmenterede kontrol
   (kc-idebank-viden.lovable.app/viden): lup + "Søg i faglig viden" til VENSTRE,
   gitterikon + "Udforsk temaer" til højre, aktiv fane med hvid baggrund. Scoped med
   :has(.faglig-search) så generiske tab-paneler andre steder på sitet er urørte.
   DOM-rækkefølgen (tema-fanen først) beholdes, fordi skabelonens første faneblad er
   det standard-aktive — kun den VISUELLE rækkefølge byttes med flex order. */
/* Værdierne er aflæst 1:1 fra mockup'ens computed styles (2026-08-20): wrapper #F2F0ED
   radius 8px uden kant, aktiv pille #FAF8F5 med 0 1px 2px-skygge (ingen kant),
   14px/500, padding 8px 16px, ikon ~16px. */
.frame-type-tab-panel-container:has(.faglig-search) .nav-tabs {
    display: inline-flex;
    padding: 4px;
    border: 0;
    border-radius: 8px;
    background: rgb(242, 240, 237);
}
.frame-type-tab-panel-container:has(.faglig-search) .nav-tabs .nav-link:first-child {
    order: 2;
}
.frame-type-tab-panel-container:has(.faglig-search) .nav-tabs .nav-link:last-child {
    order: 1;
}
.frame-type-tab-panel-container:has(.faglig-search) .nav-tabs .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 16px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    color: rgb(103, 111, 126);
}
.frame-type-tab-panel-container:has(.faglig-search) .nav-tabs .nav-link.active {
    background: rgb(250, 248, 245);
    border: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    color: rgb(39, 44, 53);
}
.frame-type-tab-panel-container:has(.faglig-search) .nav-tabs .nav-link::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask: var(--tab-icon) no-repeat center / contain;
    mask: var(--tab-icon) no-repeat center / contain;
}
/* first-child = tema-fanen (gitterikon), last-child = søge-fanen (lup) */
.frame-type-tab-panel-container:has(.faglig-search) .nav-tabs .nav-link:first-child {
    --tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}
.frame-type-tab-panel-container:has(.faglig-search) .nav-tabs .nav-link:last-child {
    --tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
}

.faglig-search-form {
    display: flex;
    gap: 0.5rem;
    max-width: 32rem;
    margin-bottom: 1.5rem;
}

.faglig-search-form .faglig-search-input {
    flex: 1 1 auto;
}