/*
Theme Name: Blocksy Child
Template: blocksy
*/

/* 1. Importera det nya typsnittet */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap');

/* ===== 2. Huvudrubriker (Produkt & Författare) ===== */
h1, .product_title, .entry-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 400 !important;
    font-size: 3.0rem !important; 
    line-height: 1.1 !important;
    color: #111 !important;
    margin-bottom: 5px !important;
}

/* ===== 3. Bloggrubriker (Arkiv/Grid) ===== */
.blog .entry-title a, .archive .entry-title a {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    display: block;
}

/* ===== 4. Författarnamn i Grid ===== */
.authors-grid .author-item .author-name a, 
.book-author a.book-author-link {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 500 !important;
    font-style: italic !important;
    font-size: 1.25rem !important; 
    line-height: 1.2;
    color: #666; 
    text-align: center;
    text-decoration: none !important;
}

.author-country {
    font-size: 1.25rem !important;
}

/* ===== 5. Böcker-sidan (Product Collection Block) ===== */
.wp-block-post-title {
    margin-bottom: 0px !important;
}

.wp-block-post-title > a {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 500 !important;
    font-size: 1.4rem !important;
    line-height: 1.0 !important;
    color: #111 !important;
    text-align: left !important;
    text-decoration: none !important;
}

/* ===== 6. NY FIX FÖR GENRE/KATEGORISIDOR (WooCommerce) ===== */
/* Denna del har saknats och är det som orsakar "liten text" i genre */
.woocommerce-loop-product__link,
.woocommerce-loop-product__title,
.products .product a.woocommerce-loop-product__link {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.4rem !important; /* Samma som på Böcker-sidan */
    font-weight: 500 !important;
    line-height: 1.1 !important;
    color: #111 !important;
    text-decoration: none !important;
    display: block !important;
    text-transform: none !important;
}

/* ===== 7. Layout & Grids ===== */
.authors-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 24px;
}

.author-item { text-align: center; }
.author-item img { width: 100%; height: auto; display: block; }
.author-item .author-name { margin-top: 2px !important; font: inherit; }

.authors-grid .author-item .author-name a:hover,
.wp-block-post-title > a:hover,
.home .genre-links a:hover {
    color: #cc6318 !important;
    text-decoration: none !important;
}

/* ===== 8. Övrig Styling & Avstånd ===== */
.author-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
}

body.blog .site-main, body.archive .site-main, .single-product .site-main {
    padding-top: 20px !important;
}

.home .genre-links a { color: #111; text-decoration: none; }

/* Recensioner styling */
span[style*="text-transform: uppercase"] {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    font-style: italic !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #666 !important;
}

.product-reviews-acf {
    margin-top: 40px !important;
}