/*
Theme Name: Divi Child
Theme URI: https://fredericdoceu.art
Description: Thème enfant Divi pour fredericdoceu.art
Author: Frédéric Do Ceu
Author URI: https://fredericdoceu.art
Template: Divi
Version: 1.0.0
*/

/* =========================================================
   CHARTE GRAPHIQUE V0 — fredericdoceu.art
   Couleurs globales, liens, boutons
   Version sans variables CSS pour éviter les alertes éditeur
   ========================================================= */


/* Fond général du site */
body {
    background-color: #fbfaf7;
    color: #2d2d2d;
}


/* Liens */
body a {
    color: #5f6f91;
    text-decoration: none;
}

body a:hover {
    color: #2d2d2d;
    text-decoration: underline;
}
/* Liens éditoriaux dans les textes de fiche produit */
.single-product .et_pb_text a {
    color: #5f6f91;
    text-decoration: none;
    font-weight: 400;
    font-size: inherit; /* même taille que le texte environnant */
    line-height: inherit;
}

/* Flèche discrète avant les liens éditoriaux */
.single-product .et_pb_text a::before {
    content: "→";
    display: inline-block;
    margin-right: 6px;
    transition: transform 0.2s ease;
}

/* Survol : lien plus affirmé */
.single-product .et_pb_text a:hover {
    color: #2d2d2d;
    text-decoration: none;
}

/* Survol : léger mouvement de la flèche */
.single-product .et_pb_text a:hover::before {
    transform: translateX(3px);
}

/* Texte secondaire */
.fdc-muted,
.fdc-product-image-note,
.single-product .woocommerce-product-gallery::after {
    color: #666666;
}


/* Boutons WooCommerce principaux */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.single-product form.variations_form .single_add_to_cart_button {
    background-color: #000000;
    color: #ffffff;
    border-radius: 0;
    border: none;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.single-product form.variations_form .single_add_to_cart_button:hover {
    background-color: #333333;
    color: #ffffff;
}

/* Champs et menus déroulants */
.single-product form.variations_form table.variations select {
    background-color: #e9e9e9 !important;
    color: #2d2d2d;
}
/* =========================================================
   CHARTE TYPOGRAPHIQUE V0 — fredericdoceu.art
   Cormorant Garamond / Source Sans 3
   ========================================================= */


/* Texte courant */
body {
    font-family: "Source Sans 3", Arial, sans-serif;
    font-weight: 400;
    line-height: 1.6;
}


/* Titres généraux */
h1,
h2,
h3,
h4,
h5,
h6,
.product_title {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 400;
    color: #2d2d2d;
}

/* Titre principal de l’œuvre */
.single-product .product_title,
.single-product h1.product_title,
.single-product .et_pb_wc_title h1 {
    font-size: 46px !important;
    line-height: 1.08 !important;
    letter-spacing: 0.01em;
    margin-bottom: 26px !important;
}
/* =========================================================
   Sous-titre poétique sous le titre de l’œuvre
   ========================================================= */

/* Module Divi contenant le sous-titre */
.single-product .fdc-work-subtitle.et_pb_module {
    margin-top: -18px !important;
    margin-bottom: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Contenu interne du module */
.single-product .fdc-work-subtitle .et_pb_text_inner {
    margin: 0 !important;
    padding: 0 !important;
}

/* Paragraphe du sous-titre */
.single-product .fdc-work-subtitle p {
    font-family: "Source Sans 3", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 400;
    color: #6f6a61;
    margin: 0 !important;
    padding: 0 !important;
}

/* Titres de sections de la fiche produit */
.single-product h2,
.single-product h3,
.single-product .et_pb_text h2,
.single-product .et_pb_text h3 {
    font-size: 32px !important;
    line-height: 1.16 !important;
    margin-top: 30px !important;
    margin-bottom: 12px !important;
}


/* Titre "Édition ouverte" : légèrement plus discret */
.single-product .fdc-edition-title,
.single-product .et_pb_text h2:first-child {
    font-size: 34px !important;
}


/* Paragraphes de fiche produit */
.single-product p {
    font-family: "Source Sans 3", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.58;
}


/* Liens éditoriaux */
.single-product a {
    font-size: 15px;
}


/* Libellés Format / Papier / Finition */
.single-product form.variations_form table.variations th.label,
.single-product form.variations_form table.variations td.label {
    font-family: "Source Sans 3", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
}


/* Textes explicatifs des choix */
.single-product form.variations_form table.variations .value {
    font-family: "Source Sans 3", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.35;
}


/* Menus déroulants */
.single-product form.variations_form table.variations select {
    font-family: "Source Sans 3", Arial, sans-serif;
    font-size: 15px;
}


/* Prix dynamique */
.single-product form.variations_form .woocommerce-variation-price .price,
.single-product form.variations_form .woocommerce-variation-price .amount {
    font-family: "Source Sans 3", Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
}


/* Bouton Ajouter au panier */
.single-product form.variations_form .single_add_to_cart_button {
    font-family: "Source Sans 3", Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
}


/* Mobile */
@media screen and (max-width: 767px) {
    .single-product .product_title,
    .single-product h1.product_title,
    .single-product .et_pb_wc_title h1 {
        font-size: 40px !important;
        line-height: 1.1 !important;
    }

    .single-product h2,
    .single-product h3,
    .single-product .et_pb_text h2,
    .single-product .et_pb_text h3 {
        font-size: 32px !important;
        line-height: 1.16 !important;
    }

    .single-product p {
        font-size: 17px;
        line-height: 1.6;
    }
}
/* =========================================================
   PAGE PRODUIT WOOCOMMERCE — MISE EN FORME FINE ART
   Variations, image produit, prix dynamique, bouton panier
   ========================================================= */


/* ---------------------------------------------------------
   1. Espacement du bloc “Composez votre tirage”
   --------------------------------------------------------- */

/* Augmente l’espace au-dessus du bloc texte “Composez votre tirage” */
body.single-product .fdc-compose-tirage {
    margin-top: 25px;
}

/* Réduit l’espace entre le texte “Composez votre tirage” et les choix */
body.single-product form.variations_form {
    margin-top: -25px !important;
    padding-top: 0 !important;
}


/* ---------------------------------------------------------
   2. Alignement des libellés Format / Papier / Finition
   --------------------------------------------------------- */

/* Aligne verticalement les phrases descriptives avec les libellés */
.single-product form.variations_form table.variations tr .value {
    padding-top: 6px !important;
}

/* Largeur de la colonne des libellés */
.single-product form.cart table.variations th.label,
.single-product form.cart table.variations td.label {
    width: 100px !important;
    min-width: 100px !important;
    padding-right: 18px !important;
}


/* ---------------------------------------------------------
   3. Menus déroulants WooCommerce
   Suppression des doubles flèches Divi / Woo / navigateur
   --------------------------------------------------------- */

.single-product form.variations_form table.variations select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    background-image: none !important;
    background: #e9e9e9 !important;
    padding-right: 18px !important;
}

/* Neutralise les flèches ajoutées par Divi, WooCommerce ou un script */
.single-product form.variations_form table.variations .value::after,
.single-product form.variations_form table.variations td.value::after,
.single-product form.variations_form table.variations .select2-selection__arrow,
.single-product form.variations_form table.variations .nice-select::after {
    display: none !important;
    content: none !important;
}


/* ---------------------------------------------------------
   4. Lien “Effacer” des variations WooCommerce
   --------------------------------------------------------- */

.single-product form.variations_form .reset_variations {
    display: none !important;
    visibility: hidden !important;
}


/* ---------------------------------------------------------
   5. Prix dynamique + bouton Ajouter au panier
   Objectif : bouton fixe, prix au-dessus, alignement à droite
   --------------------------------------------------------- */

/* Bloc global prix + bouton */
.single-product form.variations_form .single_variation_wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;

    margin-top: -8px !important;
    padding: 0 !important;

    min-height: 72px !important;
    text-align: right !important;
}

/* Ligne réservée au prix, même avant sélection */
.single-product form.variations_form .single_variation {
    display: block !important;

    min-height: 24px !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;

    text-align: right !important;
}

/* Prix de la variation */
.single-product form.variations_form .woocommerce-variation-price {
    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
}

/* Montant du prix */
.single-product form.variations_form .woocommerce-variation-price .price,
.single-product form.variations_form .woocommerce-variation-price .amount {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.2 !important;
    text-align: right !important;
}

/* Conteneur du bouton */
.single-product form.variations_form .woocommerce-variation-add-to-cart {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Quantité masquée */
.single-product form.variations_form .quantity {
    display: none !important;
}

/* Bouton Ajouter au panier */
.single-product form.variations_form .single_add_to_cart_button {
    display: inline-block !important;
    float: none !important;

    margin: 0 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}


/* ---------------------------------------------------------
   6. Mention sous l’image produit
   --------------------------------------------------------- */

.single-product .woocommerce-product-gallery::after {
    content: "Cliquez sur l’image pour l’afficher en grand";
    display: block;

    margin-top: 14px;

    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    color: #666;
    font-style: italic;
}
/* =========================================================
   Bascules fiche produit — version compacte alignée
   ========================================================= */

/* Module Bascule */
.single-product .et_pb_toggle.fdc-product-toggle {
    width: auto !important;

    margin-left: 60px !important;
    margin-right: 10px !important;
    margin-bottom: 8px !important;

    padding: 0 !important;

    border: 1px solid #e5e0d8 !important;
    background-color: #fbfaf8 !important;
}

/* État fermé et ouvert : neutralisation des espacements Divi */
.single-product .et_pb_toggle.fdc-product-toggle.et_pb_toggle_close,
.single-product .et_pb_toggle.fdc-product-toggle.et_pb_toggle_open {
    padding: 0 !important;
}

/* Titre de la bascule */
.single-product .et_pb_toggle.fdc-product-toggle h5.et_pb_toggle_title,
.single-product .et_pb_toggle.fdc-product-toggle .et_pb_toggle_title {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    min-height: 58px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    color: #2d2d2d !important;

    margin: 0 !important;
    padding: 0 70px 0 25px !important;
}

/* Icône + / - */
.single-product .et_pb_toggle.fdc-product-toggle h5.et_pb_toggle_title:before,
.single-product .et_pb_toggle.fdc-product-toggle .et_pb_toggle_title:before {
    position: absolute !important;

    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    margin: 0 !important;

    color: #6f6a61 !important;
    font-size: 18px !important;
}

/* Contenu ouvert */
.single-product .et_pb_toggle.fdc-product-toggle .et_pb_toggle_content {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #3f3f3f !important;

    margin: 0 !important;
    padding: 0 34px 24px 34px !important;
}

/* Paragraphes internes */
.single-product .et_pb_toggle.fdc-product-toggle .et_pb_toggle_content p {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

.single-product .et_pb_toggle.fdc-product-toggle .et_pb_toggle_content p:last-child {
    margin-bottom: 0 !important;
}