@import url(./imports.css);

html {
    scrollbar-color: var(--background);
    scroll-behavior: smooth;
    color: var(--texte);
}

/*
 * G1 wallpaper session — A-photo Sonoma Horizon (TAHOEIA) + JPG navigateur.
 * Asset : vendors/apple/wallpaper/Sonoma Horizon/Sonoma Horizon.webp
 */
body#macos-sonoma {
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    justify-content: var(--sb);
    width: var(--max-w);
    height: var(--max-h);
    overflow: var(--n);
    background-color: #E8E4DC;
    background-image: url("../../../../usr/share/capsuleos/assets/images/vendors/apple/wallpaper/Sonoma Horizon/Sonoma Horizon.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* G3 status GT P0/P1 — centres clic @1280 */
    --mac-status-input-x: 1045px;
    --mac-status-sm-x: 1075px;
    --mac-status-spotlight-x: 1104px;
    --mac-status-cc-x: 1125px;
    --mac-status-nc-x: 1205px;
    --mac-status-y: 11px;
    /* C4/G6 L1 — centres OCR P1 @1280 (Apple→Help) ; wired absolute in header.css */
    --mac-menubar-pad-left: 6px;
    --mac-menu-trigger-pad-x: 9px;
    --mac-menu-l1-apple-x: 25px;
    --mac-menu-l1-finder-x: 76px;
    --mac-menu-l1-file-x: 129px;
    --mac-menu-l1-edit-x: 171px;
    --mac-menu-l1-view-x: 218px;
    --mac-menu-l1-go-x: 260px;
    --mac-menu-l1-window-x: 314px;
    --mac-menu-l1-help-x: 373px;
    /* G2 Dock GT P2/P8 — centres @1280 · y≈775 · Finder@320 · LP@378 · Prefs@1098 · Trash@1240 */
    --mac-dock-icon: 40px;
    --mac-dock-edge-gap: 8px;
    --mac-dock-y: 96.875%;
    --mac-dock-finder-x: 25%;
    --mac-dock-launchpad-x: 29.5313%;
    --mac-dock-prefs-x: 85.7813%;
    --mac-dock-downloads-x: 92.5781%;
    --mac-dock-trash-x: 96.875%;
    --mac-dock-sep-x: 89.0625%;
    --mac-dock-pill-left: 21.875%;
    --mac-dock-pill-right: 1.25%;
    --mac-dock-pill-bottom: 1.25%;
    --mac-dock-fit-pill-left: var(--mac-dock-pill-left);
    --mac-dock-fit-pill-right: var(--mac-dock-pill-right);
    --mac-dock-fit-pill-bottom: var(--mac-dock-pill-bottom);
}

#macosHeader {
    position: relative;
    display: var(--f);
    flex-flow: var(--rnw);
    align-items: var(--c);
    justify-content: var(--sb);
    width: var(--max-w);
    height: calc(var(--head) / 1.5);
    padding-right: 0;
    font-weight: bold;
    background: var(--sonohead);
    backdrop-filter: var(--blur);
}

main {
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    justify-content: var(--fs);
    width: var(--full);
    height: calc(var(--h80) + calc(var(--h80) / 4));
}

footer {
    position: var(--fix);
    bottom: 10px;
    display: var(--f);
    flex-flow: var(--rnw);
    align-items: var(--c);
    justify-content: var(--sa);
    width: calc(var(--head) * 44);
    height: calc(var(--head) * 1.7);
    padding: calc(var(--head) / 5) calc(var(--head) / 3.5);
    border-radius: calc(var(--head) / 2);
    background: var(--sonofoot);
    backdrop-filter: var(--blur);
    transition: transform .5s ease-out;
    transform: translateY(0);
    z-index: 1000;
}

footer.hidden {
    transform: translateY(100%);
}

/*
 * G2 — Dock Sonoma GT (1280×800). Scope skin only.
 * Pill ::before · rangée flex centrée · pastilles blanches cluster · ¬récents.
 */
body#macos-sonoma footer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-bottom: calc(var(--mac-dock-fit-pill-bottom, 1.25%) + 8px);
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    transform: none;
    overflow: visible;
    pointer-events: none;
}

body#macos-sonoma footer::before {
    position: absolute;
    top: auto;
    right: var(--mac-dock-fit-pill-right);
    bottom: var(--mac-dock-fit-pill-bottom);
    left: var(--mac-dock-fit-pill-left);
    height: 54px;
    border-radius: 18px;
    background: var(--sonofoot);
    backdrop-filter: var(--blur);
    content: '';
    pointer-events: none;
    z-index: 0;
}

body#macos-sonoma footer.hidden {
    transform: translateY(110%);
}

body#macos-sonoma footer.hidden::before {
    opacity: 0;
}