/*  Copyright (C) 2022-2023 Florian Guthmann

    Author: Florian Guthmann <florian.guthmann@fau.de>

    This file 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.

    This file 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.
*/

@import url("../base.css");

@media screen and (width >= 769px) {
    body {
        max-width: 60vw;
    }
}

h1, h2, h3, h4, h5, h6, dt {
    margin-top: 1rem;
}

h1 {
    text-align: center;
}

h2, h3 {
    display: flex;
    padding: .1rem;
    border-radius: var(--corners);
}

h2::before, h3::before {
    content: '';
    background: linear-gradient(90deg, var(--accent) 0% 40%, transparent 10% 100%);
    background-repeat: repeat-x;
    background-size: 0.5rem 1em;
    background-position: center center;
    display: block;
    margin-right: 0.5rem;
    width: 1rem;
    max-width: 1rem;
}

footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.5rem;
    background-color: var(--primary);
    color: var(--bg);
    border-radius: var(--corners) var(--corners) 0 0;
}

footer > a {
    color: var(--bg);
}

.pdf::after{
    content: url("/icons/pdf.gif");
    padding-left: 0.2em;
}

.podcast::after {
    content: "🄿";
    padding-left: 0.2em;
}

.fr::after {
    content: "⚜";
}

.video::after{
    content: url("/icons/movie.gif");
    padding-left: 0.2em;
}

.link-author {
    display: inline-block;
    font-style: italic;
    color: var(--accent);
}

.link-author::before {
    content: "[";
    font-style: initial;
    color: var(--fg);
}

.link-author::after {
    content: "]";
    font-style: initial;
    color: var(--fg);
}

.song-artist::before, .recording-title::after {
    content: "—";
    display: inline-block;
    margin-left: 0.3em;
    margin-right: 0.3em;
}

.recording-location::before {
    content: "[";
    margin-left: 0.3em;
}

.recording-location::after {
    content: "]";
    margin-right: 0.3em;
}

.recording-year::before {
    content: "(";
    margin-left: 0.3em;
}

.recording-year::after {
    content: ")";
    margin-right: 0.3em;
}

.recording-year {
    display: inline-flex;
}

.description {
    margin: inherit;
    padding: inherit;
    border: inherit;
    display: inline-block;
    background-color: inherit;
}

.description summary {
    display: inline-block;
    cursor: help;
    margin-left: .5em;
}

.description summary::before {
    content: "ℹ";
}

.description summary > span {
    display: none;
}

.description[open] {
    padding-bottom: inherit;
}
.description[open] > summary {
    border-bottom: inherit;
    padding-bottom: inherit;
    margin-right: 1rem;
}