/*
:filename: statics/clamming.css
:author: Brigitte Bigi
:contact: contact@sppas.org
:summary: Style to be used for ClammingPy documentations.

.. _This file is part of ClammingPy: https://github.com/brigitte-bigi/ClammingPy
..
    -------------------------------------------------------------------------

    Copyright (C) 2023-2024 Brigitte Bigi
    Laboratoire Parole et Langage, Aix-en-Provence, France

    Use of this software is governed by the GNU Public License, version 3.

    ClammingPy is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    ClammingPy is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with ClammingPy. If not, see <http://www.gnu.org/licenses/>.

    This banner notice must not be removed.

    -------------------------------------------------------------------------

*/

/* =======================================================================
                           VARIABLE RE-DEFINITIONS
  ======================================================================== */

:root {
    --toc-width: 18rem;
    --header-height: 32vh;
    --header-slidein: animDisabled;
}

/* too small titles ... make them bigger */
h4 {
    font-size: calc(1.3 * var(--font-size));
    letter-spacing: calc(1.4*var(--letter-spacing));
    font-weight: var(--font-weight-semibold);
}

h5 {
    font-size: calc(1.1 * var(--font-size));
    letter-spacing: calc(1.2*var(--letter-spacing));
}

/* functions */
h4 {
    margin-top: calc(2 * var(--typography-spacing-vertical));
}

/* =======================================================================
                              OTHER DEFINITIONS
  ======================================================================== */

.small-logo  {
    max-height: 3.5rem;
    width: auto;
}


.card .card-header span {
    font-size: 250%;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: auto;
    text-align: center;
}

/* =======================================================================
                              BOOK NAVIGATION
  ======================================================================== */

/* The layout of 'nav.book-toc', of its titles and of its browsing buttons is
   given by 'extras/book.css', and the printed layout by 'print.css'. */

/* The top nav stands over the content, so it starts where the content starts:
   the table of contents is no longer under it, and needs nothing pushing it
   down. 'book.css' pushes it by '--nav-min-height' and pulls it back up by a
   vertical spacing, which is the gap between the two navigations. */

nav.nav-wexa.top {
    left: var(--toc-width);
}

body:has(nav.nav-wexa.top) nav.book-toc {
    top: 0;
    margin-top: 0;
}

/* A table of contents that is set aside leaves the content the width of the
   band its button stands in, and the top nav starts where the content does. */

body:has(aside.book-toc-aside) nav.nav-wexa.top {
    left: var(--toc-aside-width);
}

/* Under the breakpoint of 'book.css', the content takes the whole width back,
   and so does the top nav. */

@media (max-width: 1023.98px) {
    nav.nav-wexa.top,
    body:has(aside.book-toc-aside) nav.nav-wexa.top {
        left: 0;
    }
}