/*!
Theme Name:   Storefront - GEV
Author:       Fabrice Bongartz
Author URI:   https://fabrice.me
Description:  The theme for the Grenz-Echo Verlag store website, based on Storefront
Version:      1.0.6
License:      All rights reserved
Template:     storefront
*/
@font-face {
    font-family: "Univers LT";
    src: url("assets/fonts/UniversLTStd-LightCn.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Univers LT";
    src: url("assets/fonts/UniversLTStd.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Univers LT";
    src: url("assets/fonts/UniversLTStd-Obl.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Univers LT";
    src: url("assets/fonts/UniversLTStd-BoldCn.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Univers LT";
    src: url("assets/fonts/UniversLTStd-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    /* base palette */
    --color-deep-space-blue: #033557ff;
    --color-rosy-granite: #9999a1ff;
    --color-alabaster-grey: #e6e6e9ff;
    --color-carbon-black: #212529ff;
    --color-platinum: #f4f4f6ff;
    --color-white: white;
    --color-black: black;

    /* semantic color names */
    --color-primary: var(--color-deep-space-blue);
    --color-primary-alt: color-mix(in srgb, var(--color-primary), white 12%);

    --color-secondary: var(--color-rosy-granite);
    --color-secondary-alt: color-mix(in srgb, var(--color-secondary), black 12%);

    --color-tertiary: var(--color-alabaster-grey);
    --color-tertiary-alt: color-mix(in srgb, var(--color-tertiary), black 12%);

    --color-text: var(--color-carbon-black);
    --color-text-alt: color-mix(in srgb, var(--color-text), white 12%);

    --color-text-light: var(--color-platinum);
    --color-text-light-alt: color-mix(in srgb, var(--color-text-light), black 12%);
}

body {
    font-family: "Univers LT", "Univers", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.storefront-gev .site-header {
    background-color: var(--color-primary);
    color: var(--color-text-light);
}

/* TODO: see if these gev-bg-... are necessary or if we can target them without adding extra classes */
.storefront-gev .gev-bg-primary {
    background-color: var(--color-primary);
}

.storefront-gev .gev-bg-secondary {
    background-color: var(--color-secondary);
}

.storefront-gev .gev-bg-tertiary {
    background-color: var(--color-tertiary);
}

/* term list (used for authors page) */
.storefront-gev .term-list {
    display: grid;
  	column-gap: 1rem;
  	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  	align-items: start;
	background-color: var(--color-tertiary);
}

/* author pages */
.storefront-gev .book-author-image img {
    min-width: 250px;
}

.storefront-gev .book-author-books {
    display: flex;
    flex-direction: column;
    row-gap: 1em;
	padding-bottom: 1em;
}

.storefront-gev .book-author-book {
    display: block;
}

.storefront-gev .book-author-book a {
    text-decoration: underline;
}

.storefront-gev .book-author-book a:hover {
    text-decoration: none;
}

.storefront-gev .book-author-image-and-description {
    display: block;
    padding-bottom: 1em;
}

@media screen and (min-width: 793px) {
    .storefront-gev .book-author-image img {
        width: 500px;
    }

    .storefront-gev .book-author-image-and-description {
        display: flex;
        column-gap: 1em;
    }

    .storefront-gev .book-author-book {
        display: flex;
        column-gap: 1em;
    }
}

.storefront-gev .gev-book-pdf-preview {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid var(--color-primary);
    border-radius: 5px;
    padding: 2px 10px;
    font-weight: 500;
}

.storefront-gev .gev-book-pdf-preview:hover {
    cursor: pointer;
    background-color: var(--color-secondary-alt);
}

/* main navigation */

/*
.storefront-gev .menu li a {
    color: red;
}
.storefront-gev .menu li a:hover {
    color: dodgerblue;
}

.storefront-gev .menu .woocommerce-mini-cart-item a {
    color: orange;
}

.storefront-gev .site-header .menu .current-menu-item > a {
    color: yellow;
}

.storefront-gev .main-navigation ul.menu ul.sub-menu {
    background-color: darkslateblue;
}
*/

/* mini-cart */

/*
.storefront-gev .site-header-cart .gev-mini-cart,
.storefront-gev .site-header-cart .gev-mini-cart .total,
.storefront-gev .site-header-cart .gev-mini-cart .buttons {
    background-color: red;
}

.storefront-gev .site-header-cart .gev-mini-cart .buttons .button {
    background-color: green;
}
.storefront-gev .site-header-cart .gev-mini-cart .buttons .button:hover {
    background-color: limegreen;
}

.storefront-gev .site-header-cart .gev-mini-cart .buttons .button.checkout {
    background-color: turquoise;
}
.storefront-gev .site-header-cart .gev-mini-cart .buttons .button.checkout:hover {
    background-color: aquamarine;
}
*/