/*
Theme Name:     ALR theme child
Theme URI:
Description:    ALR theme child theme.
Author:         ALR theme
Author URI: https://arnaudleroux.fr/
Template:       alrtheme
Version:        0.1.0
*/

/*
WEBFONTS EN LOCAL : UTILISER CET OUTIL https://google-webfonts-helper.herokuapp.com/fonts
1/ Récupérer les graisses nécessaires puis télécharger l'archive avec Woff et Woff2 uniquement pour le subset Latin1
2/ Rajouter du font-display:swap pour chaque déclaration @font-face et modifier le chemin vers /fonts/
3/ Récupérer la fonte de fallback optimale ici : https://deploy-preview-15--upbeat-shirley-608546.netlify.app/perfect-ish-font-fallback/?font=Montserrat
4/ Modifier la déclaration générale avec une font-stack complète et un !important.
5/ Mettre en place le préchargement de la fonte utilisée en Regular et Bold via WP Rocket (dans sa version Woff2)
*/

body, input, textrea, .gfield_label {
    font-family: Arial, sans-serif !important;
    color: #1F1475 !important;
}

h1, h2, h3, .h1, .h2, .h3, .btn, .list-group-item, .playfair { font-family: Playfair Display, "Playfair Display-fallback", Times New Roman, serif !important;font-weight: 900!important; }

@font-face {
    font-family: "Playfair Display-fallback";
    size-adjust: 111.2%;
    src: local("Times New Roman");
}


/* playfair-display-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src:  local(''),
        url('./fonts/playfair-display-v40-latin-900.woff2') format('woff2'),
        url('./fonts/playfair-display-v40-latin-900.woff') format('woff');
}
/* playfair-display-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 900;
  src:  local(''),
        url('./fonts/playfair-display-v40-latin-900italic.woff2') format('woff2'),
        url('./fonts/playfair-display-v40-latin-900italic.woff') format('woff');
}

body {
  background:
    radial-gradient(
      circle at top right,
      rgba(31, 20, 117, 0.25) 0%,
      rgba(31, 20, 117, 0) 45%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(247, 150, 107, 0.25) 0%,
      rgba(247, 150, 107, 0) 45%
    ),
    #fff;

  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* BTN  */
.btn {
  position: relative;
  display: inline-block;
  z-index: 1; 
  transition: color 0.4s ease, border-color 0.4s ease; 
  border: none!important;
}

.btn::before {
  content: "";
  position: absolute;
  left: -1px; 
  top: 50%;
  transform: translateY(-50%);
  width: 3rem; 
  height: 3rem;
  border-radius: 3rem;
  z-index: -1;
  transition: width 0.4s cubic-bezier(0.65, 0, 0.076, 1);
  background-color: currentColor; 
  opacity: 15%!important;
}

.btn::after {
  content: "";
  display: inline-block;
  width: 1rem; 
  height: 1rem;
  margin-left: .5rem; /* Espace avec le texte */
  background-color: currentColor; 
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M601 337C610.4 327.6 610.4 312.4 601 303.1L465 167C455.6 157.6 440.4 157.6 431.1 167C421.8 176.4 421.7 191.6 431.1 200.9L526.1 295.9L56 295.9C42.7 295.9 32 306.6 32 319.9C32 333.2 42.7 343.9 56 343.9L526.1 343.9L431.1 438.9C421.7 448.3 421.7 463.5 431.1 472.8C440.5 482.1 455.7 482.2 465 472.8L601 337z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M601 337C610.4 327.6 610.4 312.4 601 303.1L465 167C455.6 157.6 440.4 157.6 431.1 167C421.8 176.4 421.7 191.6 431.1 200.9L526.1 295.9L56 295.9C42.7 295.9 32 306.6 32 319.9C32 333.2 42.7 343.9 56 343.9L526.1 343.9L431.1 438.9C421.7 448.3 421.7 463.5 431.1 472.8C440.5 482.1 455.7 482.2 465 472.8L601 337z'/%3E%3C/svg%3E") no-repeat center / contain;
  z-index: 1;
  bottom: -0.2rem;
  position: relative;
}

.btn:hover::before {
  width: calc(100%);
}

/* FORMS */
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    border-radius: 1.5rem!important;
    border: none!important;
}

input::placeholder, textarea::placeholder { color: #1F1475!important; }

.gform-footer { display: none!important; }

/* HEADER  */
header .btn { font-size: 1.2rem!important;}
.header-top1 li .sub-menu, .header-top2 li .sub-menu {
        box-shadow: unset!important;
        border-radius: 2rem!important;
    }

/* INSTA */
#sbi_lightbox { display: none!important; }
.sbi_item:first-of-type .sbi_photo_wrap {
    border-top-left-radius: 2rem !important;
    border-bottom-left-radius: 2rem !important;
}
.sbi_item:last-of-type .sbi_photo_wrap {
    border-top-right-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}


/* TABLEAU */

/* --- Couleurs d'en-tête --- */
.page-id-627 .bg-decisive {
    background-color: #DDDCEA;
    color: #1F1475;
}
.page-id-627 .bg-decisive-plus {
    background-color: #1F1475;
    color: #ffffff;
}
.page-id-627 .bg-decisive-vip {
    background-color: #F7966B;
    color: #ffffff;
    position: relative;
}

/* --- Typographie d'en-tête --- */
.page-id-627 .plan-title {
    font-family: Playfair Display, "Playfair Display-fallback", Times New Roman, serif !important;
    font-weight: 900!important;
    font-style: italic;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}
.page-id-627 .plan-price {
    font-family: Playfair Display, "Playfair Display-fallback", Times New Roman, serif !important;
    font-weight: 900!important;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}
.page-id-627 .plan-price sup {
    font-size: 0.8rem;
    font-weight: normal;
    margin-left: 3px;
}
.page-id-627 .plan-subtitle {
    font-size: 0.75rem;
    font-weight: 300;
    opacity: 0.9;
}

/* --- Badge VIP --- */
.page-id-627 .badge-complet {
    background-color: #1F1475;
    color: #ffffff;
    font-size: 0.65rem;
    padding: 4px 12px;
    border-radius: 12px;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* --- Style de la table --- */
.page-id-627 .pricing-table-container {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.page-id-627 .table {
    margin-bottom: 0;
    border-collapse: collapse;
    border-radius: 3rem !important;
    overflow: hidden;
}

.page-id-627 .table thead th {
    border: none;
    text-align: center;
    padding: 2.5rem 1rem 1.5rem 1rem;
    vertical-align: middle;
    width: 23%;
}

.page-id-627 .table thead th:first-child {
    width: 31%;
    background-color: transparent;
}

.page-id-627 .table tbody td {
    vertical-align: middle;
    text-align: center;
    color: #1F1475;
    font-weight: 600;
    padding: 1.2rem 1rem;
    border-color: #f1ede9;
}

/* Première colonne (Noms des caractéristiques) */
.page-id-627 .table tbody td:first-child {
    text-align: left;
    font-size: 0.85rem;
    padding-left: 2rem;
}

/* Alternance des couleurs de lignes */
.page-id-627 .table > tbody > tr:nth-of-type(odd) > * {
    background-color: #fffaf6;
}
.page-id-627 .table > tbody > tr:nth-of-type(even) > * {
    background-color: #ffffff;
}

/* Icône de validation verte */
.page-id-627 .check-green {
    color: #437a4b;
    font-weight: bold;
    font-size: 1.1rem;
}

/* TESTI */
.section_texte div.ti-widget.ti-goog .ti-review-item>.ti-inner {
    border: 1px solid #1F1475 !important;
    color: #1F1475 !important;
    background-color: transparent !important;
}

.section_texte div.ti-widget.ti-goog .ti-review-item>.ti-inner * {
    color: #1F1475 !important;
    font-family: Arial, sans-serif !important;
    font-size: 1em !important;
}

.section_texte div.ti-widget.ti-goog .ti-review-item>.ti-inner .ti-tooltip, .section_texte div.ti-widget.ti-goog .ti-review-item>.ti-inner .ti-verified-tooltip {
    color: #ffffff !important;
    background-color: #1F1475 !important;
}

.home .ti-review-item:nth-child(n + 9) {
  display: none!important;
}

.section_texte div.ti-widget.ti-goog .ti-review-item>.ti-inner .ti-name {
    font-family: Playfair Display, "Playfair Display-fallback", Times New Roman, serif !important;
    font-weight: 900 !important;
    font-size: 1.1rem !important;
}

table img {
    width: 100%!important;
    height: auto!important;
    max-width: fit-content!important;
}

table { table-layout: fixed!important; }