/*
 * WooCommerce - Intégration visuelle TarotQuest
 * Fichier servi depuis /resources/css/ du site PHP propriétaire.
 * Chargé par le plugin tarotquest.php via wp_enqueue_scripts.
 *
 * Palette complète héritée de styles.home.css + styles.reviewsarticles.css :
 *   Violet principal  : #925CC7
 *   Violet clair      : #AC82D4  #B17AD8
 *   Violet sombre     : #50276F
 *   Or                : #d4af37
 *   Bleu sombre       : #153e52
 *   Fond clair        : #fbfbfb
 *   Titres            : #484a46
 *   Corps             : #787976
 *   Bordures          : #dfe5ec  #dadada
 *   Nav/Footer        : #010101
 *   Police titres     : Montserrat 700
 *   Police corps      : Open Sans 400
 *   Border-radius     : 0.25rem
 */

/* ============================================================
   1. TYPOGRAPHIE GLOBALE
   ============================================================ */

.woocommerce,
.woocommerce-page {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #787976;
    background-color: #fbfbfb;
}

/* h1 : style reviewsarticles — Montserrat, bordure basse */
.woocommerce h1,
.woocommerce-page h1,
.woocommerce h1.entry-title,
.woocommerce-page .page-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 3rem;
    color: #484a46;
    border-bottom: 2px solid #484a46;
    padding-bottom: 0.25rem;
    margin-bottom: 1.5rem;
}

/* h2 : bordure basse comme reviewsarticles */
.woocommerce h2,
.woocommerce-page h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 2.125rem;
    color: #484a46;
    border-bottom: 2px solid #484a46;
    padding-bottom: 0.2rem;
    margin-bottom: 1.25rem;
}

/* h3 : violet centré comme reviewsarticles */
.woocommerce h3,
.woocommerce-page h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 2.125rem;
    color: #925CC7;
    text-align: center;
    margin-bottom: 1rem;
}

/* h4 : violet comme reviewsarticles */
.woocommerce h4,
.woocommerce-page h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #925CC7;
}

.woocommerce h5,
.woocommerce h6,
.woocommerce-page h5,
.woocommerce-page h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #484a46;
}

/* Liens — couleur violet sombre comme reviewsarticles */
.woocommerce a,
.woocommerce-page a {
    color: #50276F;
    text-decoration: underline;
}

.woocommerce a:hover,
.woocommerce-page a:hover {
    color: #B17AD8;
    text-decoration: underline;
}

/* Strong — violet clair comme reviewsarticles */
.woocommerce strong,
.woocommerce-page strong {
    color: #AC82D4;
}

/* Liens dans les titres — différenciés par la couleur, jamais soulignés.
   Un titre cliquable se distingue visuellement par sa couleur (#50276F),
   non par le soulignement qui nuirait à la lisibilité. */
.woocommerce h1 a,
.woocommerce h2 a,
.woocommerce h3 a,
.woocommerce h4 a,
.woocommerce h5 a,
.woocommerce h6 a,
.woocommerce-page h1 a,
.woocommerce-page h2 a,
.woocommerce-page h3 a,
.woocommerce-page h4 a,
.woocommerce-page h5 a,
.woocommerce-page h6 a {
    color: #50276F;
    text-decoration: none;
}

.woocommerce h1 a:hover,
.woocommerce h2 a:hover,
.woocommerce h3 a:hover,
.woocommerce h4 a:hover,
.woocommerce h5 a:hover,
.woocommerce h6 a:hover,
.woocommerce-page h1 a:hover,
.woocommerce-page h2 a:hover,
.woocommerce-page h3 a:hover,
.woocommerce-page h4 a:hover,
.woocommerce-page h5 a:hover,
.woocommerce-page h6 a:hover {
    color: #B17AD8;
    text-decoration: none;
}

/* ============================================================
   2. BOUTONS CLASSIQUES — alignés sur .btn-solid-reg
   ============================================================ */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    display: inline-block;
    padding: 1.1875rem 1.875rem;
    border: 0.125rem solid #925CC7 !important;
    border-radius: 0.25rem;
    background-color: #925CC7 !important;
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: all 0.2s;
    cursor: pointer;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
    background-color: transparent !important;
    color: #925CC7 !important;
    text-decoration: none;
}

/* Bouton "Ajouter au panier" listing */
.woocommerce ul.products li.product .button {
    padding: 0.8rem 1.2rem;
    font-size: 0.7rem;
}

/* ============================================================
   3. BOUTON "COMMANDER" — Block Checkout (Twenty Twenty-Five
      surclasse WooCommerce avec du noir ; on force violet ici)
   ============================================================ */

/* Block Checkout — bouton principal "Passer la commande" */
.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button:not(:disabled),
.wp-block-woocommerce-checkout-order-summary-block
  .wc-block-components-checkout-place-order-button {
    background-color: #925CC7 !important;
    border-color: #925CC7 !important;
    color: #fff !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.04em !important;
    border-radius: 0.25rem !important;
    transition: all 0.2s !important;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:focus {
    background-color: transparent !important;
    color: #925CC7 !important;
    border-color: #925CC7 !important;
}

/* Block Cart — bouton "Passer à la caisse" dans le mini-panier et page panier */
.wc-block-cart__submit-button,
.wc-block-proceed-to-checkout-block__button,
.wp-block-woocommerce-proceed-to-checkout-block a,
.wc-proceed-to-checkout .checkout-button {
    background-color: #925CC7 !important;
    border-color: #925CC7 !important;
    color: #fff !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 0.25rem !important;
    transition: all 0.2s !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-proceed-to-checkout-block__button:hover,
.wp-block-woocommerce-proceed-to-checkout-block a:hover,
.wc-proceed-to-checkout .checkout-button:hover {
    background-color: transparent !important;
    color: #925CC7 !important;
    border-color: #925CC7 !important;
    text-decoration: none !important;
}

/* Surcharge du thème Twenty Twenty-Five pour TOUTES les pages WooCommerce.
   T25 injecte --wp--preset--color--contrast (noir) via .wp-element-button.
   On utilise les classes body que WooCommerce pose automatiquement :
   woocommerce-page, woocommerce-shop, woocommerce-cart,
   woocommerce-checkout, woocommerce-account, woocommerce (page produit).
   Ces sélecteurs couvrent les boutons blocs rendus hors d'un wrapper
   .woocommerce (cas fréquent avec le Block Cart et le Block Checkout). */
body.woocommerce-page .wp-element-button,
body.woocommerce-shop .wp-element-button,
body.woocommerce-cart .wp-element-button,
body.woocommerce-checkout .wp-element-button,
body.woocommerce-account .wp-element-button,
body.woocommerce .wp-element-button,
.woocommerce .wp-element-button,
.woocommerce-page .wp-element-button,
.woocommerce button[class*="wp-block"] {
    background-color: #925CC7 !important;
    border-color: #925CC7 !important;
    color: #fff !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-radius: 0.25rem !important;
    transition: all 0.2s !important;
}

body.woocommerce-page .wp-element-button:hover,
body.woocommerce-shop .wp-element-button:hover,
body.woocommerce-cart .wp-element-button:hover,
body.woocommerce-checkout .wp-element-button:hover,
body.woocommerce-account .wp-element-button:hover,
body.woocommerce .wp-element-button:hover,
.woocommerce .wp-element-button:hover,
.woocommerce-page .wp-element-button:hover {
    background-color: transparent !important;
    color: #925CC7 !important;
    border-color: #925CC7 !important;
}

/* ============================================================
   4. FORMULAIRES — alignés sur .form-control-input
   ============================================================ */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select,
/* Block Checkout */
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-textarea textarea {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #dadada;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #787976;
    font-family: "Open Sans", sans-serif;
    font-size: 0.875rem;
    line-height: 1.375rem;
    transition: all 0.2s;
    -webkit-appearance: none;
    box-shadow: none;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus {
    border-color: #925CC7;
    outline: none;
    box-shadow: 0 0 0 2px rgba(146, 92, 199, 0.15);
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label,
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-form .wc-block-components-select label {
    font-family: "Open Sans", sans-serif;
    font-size: 0.875rem;
    color: #787976;
    font-weight: 400;
}

.woocommerce form .form-row .required {
    color: #925CC7;
}

/* ============================================================
   5. PAGE PANIER — sections enrichies avec couleur
   ============================================================ */

/* En-tête du tableau panier — fond bleu sombre comme les sections du site */
.woocommerce-cart table.cart thead tr,
.woocommerce-cart table.cart thead th {
    background-color: #153e52;
    color: #dfe5ec !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    border-color: #153e52;
}

/* Lignes produits */
.woocommerce-cart table.cart td {
    font-family: "Open Sans", sans-serif;
    color: #787976;
    border-color: #dfe5ec;
    vertical-align: middle;
}

/* Nom du produit dans le panier */
.woocommerce-cart table.cart .product-name a {
    color: #50276F;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
}

.woocommerce-cart table.cart .product-name a:hover {
    color: #B17AD8;
}

/* Prix dans le panier */
.woocommerce-cart table.cart .product-price .amount,
.woocommerce-cart table.cart .product-subtotal .amount {
    color: #925CC7;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

/* Bloc totaux du panier — fond bleu sombre */
.woocommerce-cart .cart_totals {
    background-color: #153e52;
    border-radius: 0.25rem;
    padding: 1.5rem;
}

.woocommerce-cart .cart_totals h2 {
    color: #dfe5ec;
    border-bottom: 2px solid #925CC7;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    padding-bottom: 0.5rem;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    color: #dfe5ec;
    border-color: rgba(223, 229, 236, 0.2);
    font-family: "Open Sans", sans-serif;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart .cart_totals .order-total .amount {
    color: #d4af37 !important; /* or — total final mis en valeur */
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
}

/* Coupon — bordure violette */
.woocommerce-cart .coupon label {
    font-family: "Open Sans", sans-serif;
    color: #dfe5ec;
    font-size: 0.875rem;
}

.woocommerce-cart .coupon input#coupon_code {
    border-color: rgba(146, 92, 199, 0.5);
    background-color: rgba(255,255,255,0.08);
    color: #dfe5ec;
    border-radius: 0.25rem 0 0 0.25rem;
}

/* ============================================================
   6. PAGE CHECKOUT — sections enrichies
   ============================================================ */

/* Titres de sections checkout */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading {
    color: #925CC7;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    text-align: left;
    border-bottom: 2px solid #925CC7;
    padding-bottom: 0.4rem;
    margin-bottom: 1.25rem;
}

/* Récapitulatif commande — fond bleu sombre */
.woocommerce-checkout #order_review {
    background-color: #153e52;
    border-radius: 0.25rem;
    padding: 1.5rem;
}

.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
    color: #dfe5ec;
    border-color: rgba(223, 229, 236, 0.2);
    font-family: "Open Sans", sans-serif;
}

.woocommerce-checkout #order_review table.shop_table .order-total th,
.woocommerce-checkout #order_review table.shop_table .order-total .amount {
    color: #d4af37 !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
}

/* Block Checkout — récapitulatif */
.wc-block-checkout__order-summary,
.wp-block-woocommerce-checkout-order-summary-block {
    background-color: #153e52 !important;
    border-radius: 0.25rem;
    padding: 1.5rem;
}

.wc-block-checkout__order-summary *,
.wp-block-woocommerce-checkout-order-summary-block * {
    color: #dfe5ec;
}

.wc-block-checkout__order-summary .wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax-value,
.wc-block-checkout__order-summary .wc-block-components-totals-footer-item-value,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-footer-item-value {
    color: #d4af37 !important; /* or pour le total */
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
}

/* ============================================================
   7. CARTES PRODUITS (listing boutique)
   ============================================================ */

.woocommerce ul.products li.product {
    background-color: #fff;
    border: 1px solid #dfe5ec;
    border-radius: 0.25rem;
    padding: 1.25rem;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.woocommerce ul.products li.product:hover {
    border-color: #925CC7;
    box-shadow: 0 4px 16px rgba(146, 92, 199, 0.12);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    color: #484a46;
    text-decoration: none;
}

.woocommerce ul.products li.product .price {
    color: #925CC7;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1rem;
}

.woocommerce ul.products li.product .price del {
    color: #787976;
    font-weight: 400;
    opacity: 0.7;
}

/* ============================================================
   8. PAGE PRODUIT (détail)
   ============================================================ */

.woocommerce div.product .product_title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2.125rem;
    color: #484a46;
    border-bottom: 2px solid #484a46;
    padding-bottom: 0.25rem;
}

.woocommerce div.product .price {
    color: #925CC7;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.375rem;
}

.woocommerce div.product .woocommerce-product-details__short-description {
    font-family: "Open Sans", sans-serif;
    color: #787976;
    font-size: 1rem;
    line-height: 1.5625rem;
}

/* Blockquote dans la description produit — fil or comme reviewsarticles */
.woocommerce div.product blockquote {
    border-left: 4px solid #d4af37;
    padding-left: 15px;
    margin: 1rem 0;
}

.woocommerce div.product blockquote strong {
    color: #d4af37;
    font-style: italic;
}

/* Onglets produit */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: #787976;
    text-decoration: none;
    transition: color 0.2s;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #B17AD8;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #925CC7;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    border-color: #925CC7;
}

/* ============================================================
   9. ÉTOILES / AVIS
   ============================================================ */

.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: #d4af37; /* or pour les étoiles — plus lisible que violet */
}

.woocommerce .woocommerce-product-rating .woocommerce-review-link {
    color: #787976;
    font-size: 0.875rem;
}

/* ============================================================
   10. BREADCRUMB
   ============================================================ */

.woocommerce .woocommerce-breadcrumb {
    font-family: "Open Sans", sans-serif;
    font-size: 0.875rem;
    color: #787976;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #50276F;
    text-decoration: underline;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: #B17AD8;
}

/* ============================================================
   11. MESSAGES / NOTICES
   ============================================================ */

/* Info / succès — fil violet */
.woocommerce-message,
.woocommerce-info {
    border-top: 3px solid #925CC7;
    background-color: #fbfbfb;
    color: #484a46;
    font-family: "Open Sans", sans-serif;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #925CC7;
}

/* Message coupon appliqué — accentuation or */
.woocommerce-message.woocommerce-coupon-message {
    border-top-color: #d4af37;
}

.woocommerce-error {
    border-top: 3px solid #c0392b;
    background-color: #fff5f5;
    color: #484a46;
    font-family: "Open Sans", sans-serif;
}

/* Block notices */
.wc-block-components-notice-banner {
    border-left: 4px solid #925CC7 !important;
    background-color: #fbfbfb !important;
    font-family: "Open Sans", sans-serif;
}

.wc-block-components-notice-banner.is-error {
    border-left-color: #c0392b !important;
}

/* ============================================================
   12. PAGINATION
   ============================================================ */

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    color: #787976;
    border-color: #dfe5ec;
    border-radius: 0.25rem;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: #925CC7;
    color: #fff;
    border-color: #925CC7;
}

/* ============================================================
   13. COMPTE CLIENT (mon compte)
   ============================================================ */

/* Barre de navigation latérale — fond bleu sombre */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: #153e52;
    border-radius: 0.25rem;
    padding: 1rem 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    font-family: "Open Sans", sans-serif;
    color: #dfe5ec;
    text-decoration: none;
    display: block;
    padding: 0.5rem 1.25rem;
    transition: color 0.2s, background-color 0.2s;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #AC82D4;
    background-color: rgba(146, 92, 199, 0.1);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
    color: #d4af37; /* or sur l'item actif */
    font-weight: 700;
}

/* ============================================================
   14. BADGES / PROMOTIONS
   ============================================================ */

.woocommerce span.onsale {
    background-color: #925CC7;
    border-radius: 0.25rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
    color: #fff;
}

/* ============================================================
   15. SECTION TITRE DE PAGE (h1 boutique / panier / checkout)
      Imite les sections colorées du site
   ============================================================ */

/* Bandeau titre page boutique/panier/checkout */
.woocommerce-page .woocommerce-products-header,
.woocommerce .woocommerce-products-header {
    background-color: #153e52;
    border-radius: 0.25rem;
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
}

.woocommerce .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header h1 {
    color: #dfe5ec !important;
    border-bottom: none !important;
    margin-bottom: 0;
}