/*
 Theme Name:   Maison Joannes
 Theme URI:    https://bitbucket.org/fredericaula/maison_joannes
 Description:  Thème enfant Astra — Concept store bohème chic provençal
 Author:       Frédéric Aula
 Template:     astra
 Version:      0.2.0
 Text Domain:  maison-joannes
*/

/* ==========================================================================
   PALETTE MAISON JOANNES — Tons chauds provençaux
   Sable #d4c4a8 | Terracotta #c1714f | Doré #b8962e
   Crème chaud #f5f0e8 | Brun chaud #3d2b1f
   ========================================================================== */

:root {
    --mj-sable: #d4c4a8;
    --mj-sable-clair: #e8dfd0;
    --mj-terracotta: #c1714f;
    --mj-dore: #b8962e;
    --mj-creme: #f5f0e8;
    --mj-brun: #3d2b1f;
    --mj-brun-clair: #5c4033;
}

/* --- Base --- */
body,
.ast-separate-container,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-comment-list li,
.ast-separate-container .ast-woocommerce-container {
    background-color: var(--mj-sable-clair) !important;
    color: var(--mj-brun);
    font-family: 'Inter', 'Figtree', sans-serif;
    line-height: 1.7;
}

/* --- Header chaleureux --- */
.site-header,
.ast-primary-header,
.main-header-bar {
    background-color: var(--mj-sable-clair) !important;
    border-bottom: 1px solid var(--mj-sable);
}

/* --- Titres --- */
h1, h2, h3, h4, h5, h6,
.site-title,
.woocommerce-loop-product__title,
.product_title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    color: var(--mj-brun);
    letter-spacing: 0.02em;
}

/* --- Liens --- */
a {
    color: var(--mj-brun);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--mj-dore);
}

/* --- Boutons — terracotta chaud (priorité max) --- */
.button,
button,
input[type="submit"],
.wp-block-button__link,
.wp-element-button,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .checkout-button,
a.added_to_cart {
    background-color: var(--mj-terracotta) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 12px 30px;
    transition: background-color 0.3s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
a.added_to_cart:hover {
    background-color: var(--mj-dore) !important;
    color: #fff !important;
}

/* --- Header / Logo --- */
.site-logo-img .custom-logo,
.custom-logo-link img {
    max-height: 60px !important;
    width: auto !important;
}

.ast-site-identity {
    max-width: 200px;
}

/* Masquer le titre texte quand le logo est présent */
.site-logo-img + .ast-site-title-wrap .site-title {
    display: none;
}

/* Masquer le titre "Accueil" sur la page d'accueil */
.home .entry-title,
.home .page-title {
    display: none;
}

/* --- Navigation --- */
.main-navigation,
.main-header-menu a,
.ast-header-navigation a {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.85rem;
    color: var(--mj-brun) !important;
}

.main-header-menu a:hover,
.ast-header-navigation a:hover {
    color: var(--mj-dore) !important;
}

/* --- Icônes header (panier, compte) --- */
.ast-header-woo-cart .ast-cart-menu-wrap,
.ast-header-account-wrap {
    color: var(--mj-brun);
}

/* --- Breadcrumb --- */
.ast-breadcrumbs a {
    color: var(--mj-terracotta);
}

/* --- WooCommerce Produits --- */
.woocommerce ul.products li.product {
    text-align: center;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.1rem;
    padding-top: 0.8rem;
    color: var(--mj-brun);
}

.woocommerce ul.products li.product .price {
    color: var(--mj-dore);
    font-family: 'Inter', sans-serif;
}

.woocommerce ul.products li.product img {
    border-radius: 0;
}

/* Catégorie sous les produits */
.woocommerce ul.products li.product .ast-woo-product-category {
    color: var(--mj-sable);
}

/* --- WooCommerce Fiche produit --- */
.woocommerce div.product .summary {
    font-family: 'Inter', sans-serif;
}

.woocommerce div.product p.price {
    color: var(--mj-dore);
    font-size: 1.4rem;
}

/* --- Tri / filtre WooCommerce --- */
.woocommerce .woocommerce-ordering select {
    border-color: var(--mj-sable);
    color: var(--mj-brun);
}

/* --- Footer chaleureux --- */
.site-footer {
    background-color: var(--mj-brun);
    color: var(--mj-sable-clair);
}

.site-footer a {
    color: var(--mj-sable-clair);
}

.site-footer a:hover {
    color: var(--mj-dore);
}

/* --- Séparateurs --- */
hr.wp-block-separator {
    border-color: var(--mj-sable);
    opacity: 0.5;
}

/* --- Espaces généreux (inspiré bohm-paris.com) --- */
.site-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

/* --- Images produits portrait --- */
.woocommerce ul.products li.product a img {
    aspect-ratio: 3/4;
    object-fit: cover;
}

/* --- Sélecteur de langue FR | EN --- */
.mj-lang-switcher {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    gap: 4px;
    z-index: 100;
}

.mj-lang-link {
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mj-sable) !important;
    padding: 2px 6px;
    transition: all 0.3s ease;
}

.mj-lang-link.mj-lang-active {
    color: var(--mj-brun) !important;
    font-weight: 600;
}

.mj-lang-link:hover {
    color: var(--mj-dore) !important;
}

.mj-lang-sep {
    color: var(--mj-sable);
    font-size: 0.8rem;
}

/* --- Masquer "Propulsé par Astra WordPress Theme" --- */
.site-footer .site-info,
.ast-footer-copyright {
    display: none !important;
}

/* --- Footer personnalisé Maison Joannes --- */
.mj-footer {
    background-color: var(--mj-brun);
    text-align: center;
    padding: 30px 20px 15px;
}

.mj-footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.mj-footer-menu li a {
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mj-sable-clair) !important;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.mj-footer-menu li a:hover {
    color: var(--mj-dore) !important;
    opacity: 1;
}

.mj-footer-copy {
    font-family: 'Inter', sans-serif;
    font-size: 0.7rem;
    color: var(--mj-sable);
    opacity: 0.6;
    margin-top: 12px;
}

/* --- Sélection texte aux couleurs du thème --- */
::selection {
    background-color: var(--mj-sable);
    color: var(--mj-brun);
}