/* Grafica del gestionale ispirata al sito satyapilates.it:
   titoli in Bitter, testi in Lato, blu #007BBF, grigio antracite #212121, colori della spirale del logo. */

@font-face { font-family: 'Bitter'; font-weight: 400 700; font-display: swap;
             src: url("font/bitter.aab756821665.woff2") format('woff2'); }
@font-face { font-family: 'Lato'; font-weight: 400; font-display: swap; src: url("font/lato-400.e1b3b5908c9c.woff2") format('woff2'); }
@font-face { font-family: 'Lato'; font-weight: 700; font-display: swap; src: url("font/lato-700.de69cf9e514d.woff2") format('woff2'); }
@font-face { font-family: 'Lato'; font-weight: 400; font-style: italic; font-display: swap;
             src: url("font/lato-400-italic.efee2d080d7b.woff2") format('woff2'); }

:root {
    --satya-blu: #007bbf;
    --satya-blu-scuro: #005a8c;
    --satya-antracite: #212121;
    --satya-grigio: #3a3a3a;
    --satya-chiaro: #f0f0f0;
    /* colori della spirale */
    --satya-magenta: #b5246b;
    --satya-lime: #8bc34a;
    --satya-turchese: #26a69a;

    --primary: var(--satya-blu);
    --secondary: var(--satya-antracite);
    --accent: #ffffff;
    --header-color: var(--satya-chiaro);
    --header-branding-color: #ffffff;
    --header-bg: var(--satya-antracite);
    --breadcrumbs-bg: var(--satya-grigio);
    --breadcrumbs-fg: #d6d6d6;
    --link-fg: var(--satya-blu);
    --link-hover-color: var(--satya-blu-scuro);
    --link-selected-fg: var(--satya-blu-scuro);
    --selected-row: #e3f1f9;
    --button-bg: var(--satya-blu);
    --button-hover-bg: var(--satya-blu-scuro);
    --default-button-bg: var(--satya-blu-scuro);
    --default-button-hover-bg: var(--satya-blu);
    --object-tools-bg: var(--satya-grigio);
    --object-tools-hover-bg: var(--satya-blu);
    --font-family-primary: 'Lato', "Segoe UI", system-ui, Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    --font-titoli: 'Bitter', Georgia, serif;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --primary: var(--satya-blu-scuro);
        --header-bg: #121212;
        --breadcrumbs-bg: #2a2a2a;
        --link-fg: #5ab8ea;
        --link-hover-color: #8fd0f2;
        --link-selected-fg: #8fd0f2;
        --selected-row: #10324a;
        --button-bg: var(--satya-blu);
        --button-hover-bg: #1b8fcf;
        --default-button-bg: var(--satya-blu-scuro);
    }
}
html[data-theme="dark"] {
    --primary: var(--satya-blu-scuro);
    --header-bg: #121212;
    --breadcrumbs-bg: #2a2a2a;
    --link-fg: #5ab8ea;
    --link-hover-color: #8fd0f2;
    --link-selected-fg: #8fd0f2;
    --selected-row: #10324a;
    --button-bg: var(--satya-blu);
    --button-hover-bg: #1b8fcf;
    --default-button-bg: var(--satya-blu-scuro);
}

/* Titoli in Bitter, come sul sito */
h1, h2, h3, #site-name, .area h2.titolo-area { font-family: var(--font-titoli); }
h1 { font-weight: 700; }

/* Intestazione: logo a spirale + nome, con una sottile riga nei colori del logo */
#header { border-bottom: 4px solid transparent;
          border-image: linear-gradient(90deg, var(--satya-magenta), var(--satya-lime), var(--satya-turchese), var(--satya-blu)) 1; }
#site-name a { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; letter-spacing: .3px; }
#site-name img.logo { width: 34px; height: 34px; border-radius: 7px; }

/* Bottoni e moduli un po' più morbidi */
.button, input[type=submit], input[type=button], .submit-row input, a.button { border-radius: 6px; }
.module caption, .inline-group h2 { font-family: var(--font-titoli); }

/* Menu a tendina delle sezioni (al posto della barra laterale) */
#branding { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.menu-sezioni { position: relative; }
.menu-sezioni summary { list-style: none; cursor: pointer; padding: 6px 14px; border-radius: 8px;
                        background: var(--satya-blu, #007BBF); color: #fff; font-weight: 700; user-select: none; }
.menu-sezioni summary::-webkit-details-marker { display: none; }
.menu-sezioni[open] summary { filter: brightness(1.15); }
.menu-pannello { position: absolute; top: calc(100% + 8px); left: 0; z-index: 1000; width: max-content;
                 max-width: min(900px, calc(100vw - 32px)); max-height: 80vh; overflow-y: auto;
                 padding: 14px 18px; border-radius: 12px; border: 1px solid var(--hairline-color);
                 background: var(--body-bg); color: var(--body-fg); box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.menu-rapido { display: flex; gap: 16px; flex-wrap: wrap; padding-bottom: 10px; margin-bottom: 10px;
               border-bottom: 1px solid var(--hairline-color); font-weight: 700; }
.menu-gruppi { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px 24px;
               min-width: min(820px, calc(100vw - 70px)); }
.menu-gruppo h3 { margin: 0 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: .4px;
                  color: var(--body-quiet-color); }
.menu-gruppo a, .menu-rapido a { display: block; padding: 3px 0; color: var(--link-fg); text-decoration: none; }
.menu-rapido a { display: inline; }
.menu-gruppo a:hover, .menu-rapido a:hover { text-decoration: underline; }