/*
Theme Name: LWS Pakmei Theme
Template: astra
*/
:root {
    --lwspakmei-rgaa : #cab7b5;
}

/*
Customisation du header pour toujours le fixer
--------------------- */
header {
    position: fixed!important;
    top: 0;
    width: 100%;
    background:var(--ast-global-color-6);
}
body {
    padding-top:70px;
}
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap,
.ast-builder-grid-row.ast-builder-grid-row-has-sides.ast-builder-grid-row-no-center {
    height: 70px;
}

/*
Customisation du logo
--------------------- */
.site-title {
    text-transform: uppercase;
}


/*
Customisation du conteneur pour mieux gérer les marges sur les différents supports
--------------------- */
.ast-plain-container.ast-no-sidebar #primary {
    margin:2em;
}
@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin:2em;
    }
}
@media (max-width: 921px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin:1em;
        width:calc(100% - 2em);
    }
}
.home #primary {
    margin:0em!important;
    width:100%!important;
}

/*
Customisation des titres avec une petite ligne après
--------------------- */
.entry-title,
h2.wp-block-heading,
.lws-title {
	position:relative;
	padding-bottom:20px;
}

.entry-title:after,
h2.wp-block-heading:after, .lws-title:after {
	content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 1px;
    margin-left: -25px;
	background:var(--ast-global-color-0);
}


/*
Customisation les textes par défaut : Type, justification, corrections sur certaines couleurs...
--------------------- */
@font-face {
    font-family: 'menoroman';
    src: url('fonts/meno-rom-webfont.woff2') format('woff2'),
         url('fonts/meno-rom-webfont.woff') format('woff'),
         url('fonts/meno-rom-webfont.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
    font-display: swap;
}
body, html, p, h1, h2, h3, h4, h5, h6 {
    font-family: 'menoroman', 'Times New Roman', Times, serif;
}
p {
    text-align: justify;
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word;
}
label {
    color:var(--ast-global-color-2)!important;
    text-align: left;
}
label.required:after {
    content:"*";
    color:var(--ast-global-color-1);
}
a {
    color:var(--lwspakmei-rgaa);
}


/*
Customisation des vignettes sur les pages Archives pour améliorer le bouton "Lire la suite"
--------------------- */
.post-content.ast-grid-common-col .entry-title {
    text-align: center!important;
}
.ast-blog-single-element.ast-read-more-container.read-more {
    text-align: right;
    position: absolute!important;
    bottom: 0;
    right:2em;
}
.ast-blog-single-element.ast-read-more-container.read-more a {
    font-size:0.8em!important;
}
.ast-article-inner {
    padding-bottom:50px!important;
}


/*
Bannière par défaut pour avoir en background une tête de lion
--------------------- */
.ast-single-entry-banner[data-post-type="post"][data-banner-background-type="custom"],
.ast-archive-entry-banner[data-post-type="post"][data-banner-background-type="custom"],
.search .ast-archive-entry-banner[data-banner-background-type="custom"] {
    background-image: url('assets/background.webp')!important;
    background-size: cover;
    background-repeat:no-repeat;
    background-blend-mode:multiply;
}
.ast-single-entry-banner[data-post-type="page"][data-banner-background-type="featured"] {
    background-position: center 30%;
}

/*
Customisation du champ de recherche
--------------------- */
#search-field {
    border-radius:60px;
    height: 80px;
    line-height: 80px;
}
.search-form button {
    background:none!important;
    box-shadow: none!important;
    font-size: 2em;
    top:-10px!important;
}
.search-form input[type="submit"], 
.search-form input[type="submit"]:focus, 
.search-form input[type="submit"]:hover {
    height: 80px;
    line-height: 80px;
    width:60px;
    background:none!important;
    box-shadow: none!important;
}

/*
Customisation des inputs
--------------------- */
.wpcf7 input.wpcf7-form-control:not([type="submit"]),
.wpcf7 textarea.wpcf7-form-control {
    background-color:var(--pmpro--color--base);
    border:1px solid var(--pmpro--color--border);
    border-radius:var(--pmpro--base--border-radius);
    box-shadow:none;
    color:var(--ast-global-color-2)!important;
    padding:var(--pmpro--base--spacing--small);
}

/*
Customisation de Paidmembership Pro en cohérence avec le thème Astra
--------------------- */
/* Simpliciation des cards */
.pmpro_card {
    border:none!important;
    border-radius:0px!important;
}
/* Correction des couleurs des boutons et lien */
.button-primary,
.pmpro_btn {
    background:var(--ast-global-color-0)!important;
    color:var(--ast-global-color-2)!important;
    border-radius:60px!important;
    padding:10px 20px!important;
}
.button-primary svg,
.pmpro_btn svg {
    fill:var(--ast-global-color-2)!important;
}
.pmpro_btn-plain.pmpro_btn-print {
    color:var(--lwspakmei-rgaa);
}
.pmpro_btn-outline {
    color:var(--ast-global-color-1)!important;
}
.pmpro_btn-password-toggle,
.pmpro_btn-cancel {
    background:none!important;
    border:none!important;
    padding:0!important;
    box-shadow: none!important;
    color:var(--lwspakmei-rgaa);
}
/* Correction des labels et input */
.pmpro_form_label,
.pmpro_form_input {
    color:var(--ast-global-color-2)!important;
}
/* Ajout de la petite ligne au titre */
.pmpro_section_title {
	position:relative;
	padding-bottom:20px;
    text-align: center;
}
.pmpro_section_title:after {
	content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 1px;
    margin-left: -25px;
	background:var(--ast-global-color-0);
}
/* Correction des tags pour l'accessibilité et aller avec le thème dark Astra */
.pmpro_tag-success {
    background-color:var(--pmpro--color--success-text)!important;
    border-color:var(--pmpro--color--success-text)!important;
    color:var(--pmpro--color--success-border)!important;
}
.pmpro_tag-error {
    background-color:var(--pmpro--color--error-text)!important;
    border-color:var(--pmpro--color--error-text)!important;
    color:var(--pmpro--color--error-border)!important;
}
.pmpro_tag-alert {
    background-color:var(--pmpro--color--alert-text)!important;
    border-color:var(--pmpro--color--alert-text)!important;
    color:var(--pmpro--color--alert-border)!important;
}

/*
Correction de l'avatar
--------------------- */
.avatar {
    border-radius:60px;
    background:var(--ast-global-color-1) url('assets/avatar.png') no-repeat center;
    background-size:contain;
    border-radius:50%;
}
.menu-avatar {
    line-height: 1!important;
}
.menu-avatar .sub-menu {
    left:inherit!important;
    right: 0!important;
}

/*
Correction des blocs cover wordpress sur mobile pour réduire les marges
--------------------- */
@media (max-width: 760px) {
    .entry-content > .wp-block-cover {
        margin-left:calc(-1 * min(var(--ast-container-default-xlg-padding),20px))!important;
        margin-right:calc(-1 * min(var(--ast-container-default-xlg-padding),20px))!important;
    }
    .wp-block-column.hide-mobile-block {
        display: none!important;
    }
     .entry-content > .wp-block-cover {
        padding:1em!important;
    }
}

/*
Correction des styles pour l'impression (En particulier lié à PaidMemberShip Pro pour l'impression d'une facture)
--------------------- */
@media print {
    /* Supprimer tous les background */
    * {
        background: none !important;
        box-shadow: none !important;
        color:black!important;
    }
    /* Masquer les 3 petits points du menu */
    .ast-mobile-menu-trigger-minimal {
        display: none!important;
    }
    /* Masquer le pied de page sauf l'adresse */
    .site-below-footer-wrap,
    .site-primary-footer-wrap {
        display: none!important;
    }
    /* Changer le logo du header */
    .site-header-primary-section-left {
        background-image:url('assets/logoHorizontalBlack.png')!important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }
    .site-branding {
        display: none!important;
    }
    header {
        border:none!important;
    }
}


/*
Création d'un planning
--------------------- */
.lws-planning {
    list-style: none;
    padding:0!important;
    padding-bottom:2em!important;
    margin:0!important;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
@media (max-width: 760px) {
    .lws-planning {
        flex-wrap: wrap;
    }
}
/* Jour */
.lws-planning > li {
    flex:1;
    text-align: center;
    border:solid 1px var(--ast-global-color-5);
    margin:-1px;
    background:var(--ast-global-color-4);
    padding:2px;
    display: flex;
    flex-direction: column;
    min-width:140px;
}
/* Contenu du jour */
.lws-planning > li ul {
    background:var(--ast-global-color-5);
    margin:auto 0 0 0!important;
    list-style: none;
    padding:0!important;
}
.lws-planning > li ul > li {
    padding:2px;
    margin:-2px;
    border-bottom:2px solid var(--ast-global-color-4);
}
.lws-planning > li ul > li > ul {
    margin:-2px;
    margin:auto 0 0 0!important;
    list-style: none;
    padding:0!important;
    
}
.lws-planning > li ul > li > ul > li {
    padding:0.5em;
    line-height: 1;
}


/*
Création des cards tarifs
--------------------- */
.lws-price-card {
    display: flex;
    flex-direction: column;
    padding:0.5em;
}
/* Titre des prix */
.lws-price-card h3 {
    padding:1em 1em 0em 1em;
    font-size:1em;
    font-weight: bold;
    margin:0;
    color:var(--ast-global-color-3);
}
/* Affichage du prix en gros */
.lws-price-card .wp-block-table {
    margin:0!important;
}
.lws-price-card .wp-block-table table {
    margin:0 1em!important;
    width:calc(100% - 2em);
    border:none;
    border-bottom:solid 1px rgba(255,255,255,10%);
}
.lws-price-card .wp-block-table table td {
    border:none;
}
.lws-price-card .wp-block-table table td:first-child {
    font-size:2em;
    padding:0;
}
/* Affichage des éléments du bloc */
.lws-price-card ul {
    list-style:circle;
    margin:1em 1em auto 1em;
}
/* Affichage du bouton */
.lws-price-card .wp-block-buttons {
    margin:0;
    padding:1em;
}