/*
Theme Name: Pensez Sauvage Kraft
Template: generatepress
Author: Mikou
Version: 9
*/

/*
 * FICHIER CSS — SOCLE GLOBAL — PENSEZ SAUVAGE KRAFT
 * ====================================================
 * Ce fichier contient uniquement le socle global du thème.
 * Les styles spécifiques sont dans css/ :
 *   css/header.css    — header, menu, liseron, recherche
 *   css/footer.css    — footer personnalisé
 *   css/shop.css      — boutique WooCommerce, grille, cadre
 *   css/product.css   — fiche produit détail
 *   css/minicart.css  — mini-panier flottant
 */

/* ============================================
   VARIABLES CSS GLOBALES
   ============================================ */

:root {
    --border-source: url('images/border.png');
    --bg-kraft: url('images/kraft-long.jpg') #C8A882;
}

/* ============================================
   FOND KRAFT GLOBAL — HTML / BODY
   ============================================ */

html {
    /* Overscroll bounce : fond kraft — NE PAS mettre overflow ici */
    background-color: #C8A882;
}

body {
    overflow-x: hidden; /* deplace de html vers body pour ne pas bloquer overscroll */
}

body {
    background: url('images/kraft-long.jpg') #C8A882;
    background-attachment: fixed;
    background-size: 6%;
    color: #291501cc;
    font-family: 'OldNewspaperTypesALM', Georgia, serif;
    margin: 0;
    padding: 0;
    letter-spacing: -0.04rem;
    font-size: 1.066rem;
}

/* Force le fond kraft contre le background-color inline de GeneratePress */
body.woocommerce,
body.woocommerce-page,
body.post-type-archive-product,
body {
    background-image: url('images/kraft-long.jpg') !important;
    background-color: #C8A882 !important;
    background-attachment: fixed !important;
    background-size: 6% !important;
}

/* ============================================
   TITRES ET LIENS GLOBAUX
   ============================================ */

h1, h2, h3, h4, h5, h6 {
    font-family: 'OldNewspaperTypesALM', Georgia, serif;
    color: #D4600A;
}

a { color: #D4600A; }
a:hover { color: #2C1810; }

/* ============================================
   TRANSPARENCE — WRAPPERS PARENTS
   Les wrappers au-dessus de inside-article sont transparents
   pour laisser passer le fond kraft du body.
   ============================================ */

#page,
#content,
#primary,
#main,
.site-main,
.site-content,
.content-area,
.entry-content,
article,
.hentry,
.grid-container:not(.inside-header):not(.inside-navigation),
.inside-right-sidebar,
.widget-area,
.sidebar,
.content-area.grid-item,
.woocommerce,
.woocommerce-page,
.woocommerce div.product,
.woocommerce-page .entry-content,
.woocommerce .entry-content,
.woocommerce-page #content,
.woocommerce-page #primary,
.woocommerce-page .content-area,
.separate-containers .comments-area,
.separate-containers .paging-navigation,
.wp-block-group,
.wp-block-group__inner-container {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ============================================
   Z-INDEX — CONTENU PASSE DEVANT LE LISERON
   ============================================ */

#page,
#content,
#primary,
.site-content,
.content-area {
    position: relative;
    z-index: 100;
}

/* Page confirmation commande — taille texte */
.ps-thankyou-message p,
.ps-thankyou-message address,
.ps-thankyou-tableau td,
.ps-thankyou-tableau th,
.ps-thankyou-adresse {
    font-size: 1.25rem !important;
    line-height: 1.75;
}

/* Page confirmation commande — masquer titre natif GP */
.woocommerce-order-received .entry-header,
.woocommerce-order-received .page-title {
    display: none !important;
}