/**
 * openSUSE Leap 15.6 — Firefox 115.10 ESR (relevé VM 1209, 2026-10-16).
 *
 *   · ouvert maximisé, barre de titre « côté client » : les onglets occupent la
 *     barre de titre (44 px, couleur de la barre active du schéma, #475057),
 *     bouton Firefox View à gauche, liste des onglets (⌄) puis Réduire /
 *     Agrandir / Fermer en glyphes Breeze gris clair à droite ;
 *   · barre de navigation 40 px #f1f2f3 + filet #bcbebf ; champ d'adresse de
 *     x 218 à 1060 ; pas de barre de personnelle ni de ligne d'état ;
 *   · page d'accueil search.opensuse.org (CAPSULE_FIREFOX_HOMEPAGE).
 * Chargée statiquement : sélecteurs ancrés sur body#opensuse pour l'emporter
 * sur les feuilles du gabarit Firefox injectées ensuite.
 */
body#opensuse div.windowElement[data-link="firefox"] {
    --leap-ff-tabstrip: var(--leap-wm-active-bg);
    --leap-ff-toolbar: #f1f2f3;
    --leap-ff-line: #bcbebf;
    --leap-ff-glyph: #c8cbce;
}

/* Barre de titre KWin remplacée par la barre d'onglets (CSD). */
body#opensuse div.windowElement[data-link="firefox"]:not(#mainMenu) > #windowHeader {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 90px;
    height: 44px;
    background: transparent !important;
    z-index: 5;
}

body#opensuse div.windowElement[data-link="firefox"]:not(#mainMenu) > #windowHeader > nav:first-of-type,
body#opensuse div.windowElement[data-link="firefox"]:not(#mainMenu) > #windowHeader > span,
body#opensuse div.windowElement[data-link="firefox"]:not(#mainMenu) > #windowHeader > #windowTitle,
body#opensuse div.windowElement[data-link="firefox"]:not(#mainMenu) > #windowHeader > .window-drag-region {
    display: none !important;
}

body#opensuse div.windowElement[data-link="firefox"]:not(#mainMenu) > #windowHeader > nav:last-of-type {
    position: absolute;
    top: 9px;
    right: 8px;
    gap: 10px;
}

body#opensuse div.windowElement[data-link="firefox"]:not(#mainMenu) > #windowHeader > nav:last-of-type > button::before {
    background: var(--leap-ff-glyph) !important;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser {
    top: 0;
    height: 100%;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__tabsbar {
    height: 44px;
    min-height: 44px;
    padding: 0 132px 0 0;
    background: var(--leap-ff-tabstrip);
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__firefoxview-btn {
    margin: 0 4px 0 6px;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__tab.capsule-browser__tab--active {
    height: 36px;
    color: #232629;
    background: #f1f2f3;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__tab:not(.capsule-browser__tab--active) {
    color: #fcfcfc;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__tab-add {
    color: #fcfcfc;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__toolbar {
    height: 40px;
    border-bottom: 1px solid var(--leap-ff-line);
    background: var(--leap-ff-toolbar);
    box-sizing: content-box;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__addressbar {
    max-width: 842px;
    margin-left: 103px;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__bookmarks,
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__status,
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-profile {
    display: none !important;
}

/* Barre d'onglets : liste à gauche (Firefox View = logo), « + » collé au
   dernier onglet, liste de tous les onglets (⌄) avant les boutons de fenêtre. */
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__tabs-list {
    flex: 0 1 auto;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__firefoxview-btn {
    width: 28px;
    height: 28px;
    border: 0;
    background: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/icon32.webp") center / 16px 16px no-repeat !important;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__firefoxview-btn::before,
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__firefoxview-btn::after {
    display: none !important;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__tabsbar {
    position: relative;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__tabsbar::after {
    content: "";
    position: absolute;
    top: 14px;
    right: 136px;
    width: 16px;
    height: 16px;
    background: #fcfcfc;
    -webkit-mask: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/arrow-down.svg") center / 16px no-repeat;
    mask: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/arrow-down.svg") center / 16px no-repeat;
}

/* Barre de navigation : boutons plats, glyphes de la VM (omni.ja). */
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__toolbar .capsule-browser__btn {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-back::before,
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-forward::before,
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-reload::before,
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-menu::before,
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-pocket::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #232629 !important;
    -webkit-mask: var(--leap-ff-ico) center / 16px no-repeat !important;
    mask: var(--leap-ff-ico) center / 16px no-repeat !important;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-forward:disabled::before {
    opacity: 0.4;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-back { --leap-ff-ico: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/back.svg"); }
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-forward { --leap-ff-ico: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/forward.svg"); }
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-reload { --leap-ff-ico: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/reload.svg"); }
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-menu { --leap-ff-ico: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/menu.svg"); }
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-pocket { --leap-ff-ico: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/pocket.svg"); }

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__toolbar-actions {
    gap: 6px;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__toolbar-actions::before {
    content: "";
    order: 2;
    width: 30px;
    height: 30px;
    background: #232629;
    -webkit-mask: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/extension.svg") center / 16px no-repeat;
    mask: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/extension.svg") center / 16px no-repeat;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-pocket { order: 1; }
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__btn--icon-menu { order: 3; }

/* Champ d'adresse (VM : x 218 → 1060, bord #bcbebf, bouclier + cadenas). */
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__addressbar {
    flex: 0 0 842px;
    margin: 0 auto 0 103px;
    border: 1px solid #bcbebf !important;
    border-radius: 4px;
    background: #fcfcfc !important;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__address-search,
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__urlbar-righticons > :not(:last-child) {
    display: none !important;
}

/* Recalage mesuré (VM) : onglet actif 4 → 40 sans liseré, barre 44 → 84
   (champ d'adresse 48 → 79), filet en 84. */
body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__tab.capsule-browser__tab--active {
    margin-top: 4px;
    border: 0 !important;
    border-radius: 4px;
    box-shadow: none !important;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__tab.capsule-browser__tab--active::before {
    display: none !important;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__toolbar {
    height: 40px !important;
    min-height: 40px;
    padding: 0 8px !important;
    align-items: center;
    box-sizing: content-box !important;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__addressbar {
    height: 32px !important;
    min-height: 32px;
    box-sizing: border-box;
}

body#opensuse div.windowElement[data-link="firefox"] .capsule-browser__urlbar-righticons > :last-child {
    width: 16px;
    height: 16px;
    font-size: 0;
    background: #232629 !important;
    -webkit-mask: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/bookmark-hollow.svg") center / 16px no-repeat;
    mask: url("../../../../usr/share/capsuleos/assets/images/vendors/opensuse/leap156/firefox/bookmark-hollow.svg") center / 16px no-repeat;
}