/*
Theme Name: Clara Munck, Naturopathe
Theme URI: https://td-plugins.com
Author: Thomas Dufranne
Author URI: https://td-plugins.com
Description: Thème WordPress FSE personnalisé pour Clara Munck, naturopathe à Montréal.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: naturopathe
*/

/* ==========================================================
   STYLES GENERAUX
   ========================================================== */
   
main#wp--skip-link--target {
    padding-bottom: 40px;
}

p {
    font-size: 20px;
}

li {
    font-size: 20px;
}

.wp-block-media-text__content{
    padding: 30px!important;
}

@media (max-width: 1000px) {
    .td-no-min-mobile {
        min-height: unset !important;
    }
}

/* supprime le flou éventuel sur l'image en mobile */
@media (max-width: 999px) {
    .cm-hero-banner .wp-block-cover__image-background {
        filter: none!important;
    }

    /* remplace le gradient directionnel par un overlay global semi-transparent */
    .cm-hero-banner .wp-block-cover__background {
        background: rgba(255, 243, 224, 0.6) !important;
    }
}

/* ==========================================================
   IMAGE QUI DEBORDE - HOME
   ========================================================== */

.td-image-overlap {
    position: relative;
    z-index: 2;
    transform: translateY(-200px);
    margin-bottom: -200px !important;
}


/* ==========================================================
   HEADER
   ========================================================== */
   
header.wp-block-template-part .wp-block-navigation-item__content {
    position: relative;
}

header.wp-block-template-part .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: var(--wp--preset--color--accent-1);
    transition: width 0.3s ease;
}

header.wp-block-template-part .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
    color: var(--wp--preset--color--accent-1) !important;
}

header.wp-block-template-part .wp-block-navigation-item__content:hover::after,
header.wp-block-template-part .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content::after {
    width: 60%;
}

header.wp-block-template-part {
    position: relative;
    z-index: 10;
}

@media (max-width: 999px) {
    .header-rdv-btn {
        display: none !important;
    }
}

/* ==========================================================
   SEPARATION DECORATIVE ENTRE LES COLONNES
   ========================================================== */
   
.td-colonnes-separator .wp-block-column + .wp-block-column {
    border-left: 2px dotted var(--wp--preset--color--accent-4);
    padding-left: var(--wp--preset--spacing--50);
}

@media (max-width: 999px) {
    .td-colonnes-separees .wp-block-column + .wp-block-column {
        border-left: none;
        padding-left: 0;
    }
}

/* ==========================================================
  	SEPARATEUR SOUS TITRE
   ========================================================== */
   
.td-short-separator {
    border: none;
    height: 3px;
    width: 100px;
    background-color: var(--wp--preset--color--accent-1);
    margin-left: 0 !important;
}

.td-medium-separator {
    border: none;
    height: 3px;
    width: 200px;
    background-color: var(--wp--preset--color--accent-1);
    margin-left: 0 !important;
}

/* ==========================================================
  	LISTE AVEC PUCES CHECK
   ========================================================== */

.td-liste-check {
    list-style: none;
    padding-left: 0;
}

.td-liste-check li {
    position: relative;
    padding-left: 2rem;
}

.td-liste-check li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 15px;
    width: 18px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%2045%2045%22%20xmlns=%22http://www.w3.org/2000/svg%22%20style=%22fill-rule:evenodd;clip-rule:evenodd;%22%3E%3Cg%20transform=%22matrix(1,0,0,1,-0,-1594)%22%3E%3Cg%20transform=%22matrix(0.852662,0,0,0.859888,1230.084228,223.13094)%22%3E%3Crect%20x=%22-1442.64%22%20y=%221594.241%22%20width=%2252.776%22%20height=%2252.332%22%20style=%22fill:none;%22/%3E%3Cg%20transform=%22matrix(1.172798,0,0,1.162942,224.143931,-268.60675)%22%3E%3Cg%20transform=%22matrix(1,0,0,1,1,1)%22%3E%3Cpath%20d=%22M-1384.906,1617.916C-1385.191,1617.139%20-1384.792,1616.277%20-1384.015,1615.991C-1383.238,1615.706%20-1382.375,1616.105%20-1382.09,1616.882C-1381.35,1618.896%20-1380.946,1621.072%20-1380.946,1623.341C-1380.946,1633.693%20-1389.351,1642.098%20-1399.703,1642.098C-1410.056,1642.098%20-1418.461,1633.693%20-1418.461,1623.341C-1418.461,1612.988%20-1410.056,1604.584%20-1399.703,1604.584C-1396.454,1604.584%20-1393.396,1605.412%20-1390.73,1606.868C-1390.003,1607.265%20-1389.735,1608.177%20-1390.132,1608.904C-1390.529,1609.63%20-1391.441,1609.898%20-1392.168,1609.501C-1394.407,1608.278%20-1396.974,1607.584%20-1399.703,1607.584C-1408.4,1607.584%20-1415.461,1614.644%20-1415.461,1623.341C-1415.461,1632.037%20-1408.4,1639.098%20-1399.703,1639.098C-1391.007,1639.098%20-1383.946,1632.037%20-1383.946,1623.341C-1383.946,1621.435%20-1384.285,1619.608%20-1384.906,1617.916Z%22%20fill=%22rgb(198,112,75)%22/%3E%3C/g%3E%3Cpath%20d=%22M-1408.059,1622.069L-1400.793,1625.521L-1383.718,1610.988L-1400.793,1632.242L-1408.059,1622.069Z%22%20fill=%22rgb(198,112,75)%22/%3E%3Cpath%20d=%22M-1407.416,1620.714L-1401.026,1623.749L-1384.69,1609.846C-1384.101,1609.344%20-1383.227,1609.373%20-1382.672,1609.913C-1382.117,1610.452%20-1382.064,1611.325%20-1382.548,1611.928L-1399.624,1633.181C-1399.918,1633.547%20-1400.366,1633.755%20-1400.836,1633.741C-1401.305,1633.728%20-1401.741,1633.496%20-1402.014,1633.114L-1409.28,1622.941C-1409.677,1622.385%20-1409.648,1621.63%20-1409.21,1621.106C-1408.771,1620.582%20-1408.033,1620.421%20-1407.416,1620.714Z%22%20fill=%22rgb(198,112,75)%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* ==========================================================
   FOOTER
   ========================================================== */
.td-footer {
    position: relative;
    overflow: visible !important;
}

.td-footer::before {
    content: "";
    display: block;
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: var(--wp--preset--color--accent-2);
    
    /* masque SVG en forme de vague */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C180,100 360,20 540,60 C720,100 900,20 1080,60 C1260,100 1440,40 1440,60 L1440,100 L0,100 Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C180,100 360,20 540,60 C720,100 900,20 1080,60 C1260,100 1440,40 1440,60 L1440,100 L0,100 Z'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    pointer-events: none;
}

@media (min-width: 1000px) {
	main#wp--skip-link--target {
        padding-bottom: 60px;
    }
    
    .td-footer::before {
        top: -60px;
        height: 60px;
    }
}

/* ==========================================================
   PATTERN : TEMOIGNAGES
   ========================================================== */

.td-temoignage {
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
}

/* ==========================================================
   ANIMATION 
   ========================================================== */

/* BOUTONS */
.wp-block-button__link {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.wp-block-button__link:active {
    transform: translateY(0);
    box-shadow: none;
}