#fw-section-image-0d6ff83e-fac1-4a57-8993-46638c224e37 {

.image-section__image {
    width: 60%;
    border-radius: var(--image-corner-radius);
}

@media (max-width: 768px) {
    .image-section__image {
        width: 100%;
    }
}
}
#fw-section-rich-text-3b0be98e-e257-45ed-ae8f-8de2212689a1 {
--font-heading-scale: 1.05;
--font-body-scale: 1.1;
}




#fw-section-hero-video-83d96c6e-e042-4127-8e7c-98ea4583353f {
--color-primary: #00ffb5;
--color-primary-rgb: 0, 255, 181;
--color-background: #005745;
--color-background-rgb: 0, 87, 69;
--color-on-background: #00ffb5;
--color-on-background-rgb: 0, 255, 181;
--color-on-primary: #005745;
--color-on-primary-rgb: 0, 87, 69;
--color-product-image-background: #00ffb5;
--color-background-brightness: 59;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #00ffb5;
--primary-btn-text: #005745;
--primary-btn-border-color: #00ffb5;
--secondary-btn-bg: transparent;
--secondary-btn-text: #00ffb5;
--secondary-btn-border-color: #00ffb5;

}


#fw-section-featured-collection-1741792642 {

.tile__price {
    display: inline-block;
    margin-top: 4px;
    color: var(--color-on-background);
    font-size: 1.1rem;
    font-family: Readex Pro, sans-serif;
}
.tile__heading {
    transition: color 200ms;
    color: var(--color-on-background);
    font-size: 1.125rem;
}
.section-fw-section-featured-collection-1741792642-padding {
    padding-top: 100px;
    padding-bottom: 36px;
}
}
#fw-section-newsletter-1741792642 {

.section-avec-svg {
    position: relative;
    background-image: url('chemin-vers-votre-image.svg');
    background-repeat: no-repeat;
    background-size: contain; /* Ajuste la taille de l'image */
    background-position: center; /* Centre l'image */
    background-color: #f5f5f5; /* Couleur de fond pour le contraste */
    padding: 50px; /* Ajoute de l'espace autour du contenu */
}

}

#fw-section-recent-videos-bfef31a5-77a1-46d8-a1af-a51fb7b6bcef {

.button {
    display: inline-block;
    transition: opacity 200ms, border-color 200ms, background-color 200ms, color 200ms;
    border: 2px solid;
    border-radius: var(--button-corner-radius);
    padding: 14px 32px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: var(--font-weight-base-bold);
    font-style: var(--font-style-base);
    line-height: 0.5;
    text-align: center;
    text-transform: var(--text-transform-base);
    text-decoration: none;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/09/YouTube_full-color_icon_%282017%29.svg'); /* Chemin vers ton fichier SVG */
  background-size: 1.3em; /* Taille de l'icône */
  background-repeat: no-repeat;
  background-position: 172px;
  padding: 1.7em; /* Espacement entre l'icône et le texte */
  padding-right: 3.7em;
}
}
#fw-section-tiers-1741792642 {

img {
    display: block;
    max-width: 50%;
}

a[href="/supporters/sign_up"]::after {
    content: "Commencer avec un compte gratuit!"; /* Nouveau texte */
    display: block;
    white-space: nowrap;
    text-decoration: underline;
  color: #00ffb5;
}

a[href="/supporters/sign_up"] {
    color: transparent; /* Cache le texte original */
    text-decoration: none; /* Facultatif pour éviter le soulignement */
    position: relative;
}

.tiers__tier {
    display: flex;
    position: relative;
    flex-direction: column;
    text-align: center;
    border: 3px solid rgba(var(--color-on-background-rgb), 1);
    border-radius: var(--input-corner-radius);
    padding: 24px;
}

a[href="/supporters/payments/checkout?plan=plan_gn83Now0l47DTk6oZrAmpOYb"] {
    color: transparent; /* Cache le texte original */
    position: relative;
    text-decoration: none; /* Facultatif, si le lien est souligné */
}

a[href="/supporters/payments/checkout?plan=plan_gn83Now0l47DTk6oZrAmpOYb"]::before {
    content: "Devenir membre"; /* Nouveau texte */
    color: #005745; /* Garde la couleur originale */
    position: absolute;
    left: 0;
    top: 4;
    width: 100%;
    text-align: center;
}

a[href="/supporters/payments/checkout?plan=plan_B3MoPrRn2eG4SdYwld78a9We"] {
    color: transparent; /* Cache le texte original */
    position: relative;
    text-decoration: none; /* Facultatif, si le lien est souligné */
}

a[href="/supporters/payments/checkout?plan=plan_B3MoPrRn2eG4SdYwld78a9We"]::before {
    content: "Devenir membre"; /* Nouveau texte */
    color: #005745; /* Garde la couleur originale */
    position: absolute;
    left: 0;
    top: 4;
    width: 100%;
    text-align: center;
}

.tiers__tier-title {
    margin-bottom: -3px;
    font-size: 0rem;
}

h3 {
    display: block;
    font-size: 0em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
}
#fw-section-image-44be6fc9-2303-4d1d-a44a-688a81b76e16 {

/* Version Desktop/Tablette par défaut */
.image-section__image {
  width: 1400px;
  max-width: 35%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Mobile - en dessous de 768px */
@media screen and (max-width: 767px) {
  .image-section__image {
    width: 100%;
    max-width: 300px; /* Ajustez cette valeur pour la taille mobile souhaitée */
  }
}

/* Très petits écrans - en dessous de 480px */
@media screen and (max-width: 479px) {
  .image-section__image {
    max-width: 300px; /* Taille encore plus réduite */
  }
}
}

#fw-section-announcement-bar-900b259a-5c9d-461c-ac53-fbdbd6126853 {
--color-primary: #00281f;
--color-primary-rgb: 0, 40, 31;
--color-background: #005745;
--color-background-rgb: 0, 87, 69;
--color-on-background: #007655;
--color-on-background-rgb: 0, 118, 85;
--color-on-primary: #00cda9;
--color-on-primary-rgb: 0, 205, 169;
--color-product-image-background: #007655;
--color-background-brightness: 59;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #00281f;
--primary-btn-text: #00cda9;
--primary-btn-border-color: #007655;
--secondary-btn-bg: transparent;
--secondary-btn-text: #007655;
--secondary-btn-border-color: #007655;
.announcement-bar__label {
    font-weight: var(--font-weight-base-bold);
    font-size: 16px;
    font-family: Geologica, sans-serif;
}
}
#fw-section-header {

.header__link {
    display: block;
    padding: 12px 10px;
    color: var(--color-on-background);
    text-decoration: none;
    font-family: Readex Pro, sans-serif;
    font-size: 1rem;
}

/* CSS (Head Code) */
.mobile-menu__list-item[data-theme-toggle] {
  display: flex;
  align-items: center;
  padding: 12px 15px;
}

.mobile-menu__link[data-theme-toggle] {
  position: relative;
  width: 60px;
  height: 30px;
  background: #e9e9eb !important;
  border-radius: 15px;
  display: block !important;
  text-indent: -9999px;
}

.mobile-menu__link[data-theme-toggle]::after {
  content: '☀️';
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: transform 0.3s ease;
  text-indent: 0;
}

.dark-mode .mobile-menu__link[data-theme-toggle]::after {
  content: '🌙';
  transform: translateX(30px);
  background: #2c2c2e;
  color: white;
}
}






#fw-section-password {
--color-primary: #00dca9;
--color-primary-rgb: 0, 220, 169;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #00ffc2;
--color-on-background-rgb: 0, 255, 194;
--color-on-primary: #005b53;
--color-on-primary-rgb: 0, 91, 83;
--color-product-image-background: #00ffc2;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #00dca9;
--primary-btn-text: #005b53;
--primary-btn-border-color: #00ffc2;
--secondary-btn-bg: transparent;
--secondary-btn-text: #00ffc2;
--secondary-btn-border-color: #00ffc2;
.modal__label span {
  display: none;
}

.modal__label:after {
  content: 'Accès admin';
}

.input-wrapper {
    position: relative;
    display: inline-block;
}

.input-wrapper::before {
  position: fixed;
    color: #00ffb5;
    font-size: 25px;
    pointer-events: none;
}

.input-field__input::placeholder {
    color: transparent; /* Cache le placeholder */
}

.password-form__label {
    font-size: 1.5rem;
    color: var(--color-on-background);
    content: 'Mot de passe';
}
.password-form__label {
    color: transparent; /* Rend le texte invisible */
    position: relative;
}

.password-form__label::after {
    content: "Mot de passe"; /* Remplace le texte */
    color: #00ffb5;
    position: absolute;
    left: 0;
    top: 0;
}

.alert.alert--success {
    position: relative;
    visibility: hidden; /* Cache le texte original */
}

.alert.alert--success::after {
    content: "Merci pour votre inscription !"; /* Nouveau texte */
    visibility: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    display: block;
}


.input-field__input:focus + ::before,
.input-field__input:not(:placeholder-shown) + ::before {
    display: none; /* Cache le texte alternatif si l'utilisateur tape quelque chose */
}

  .password__footer::after {
    content: '© 2025 Frambi — La passion des plantes.';
    display: block;
    color: #00ffb5; /* Couleur du texte */
    font-size: 14px; /* Taille du texte */
    margin-top: 10px; /* Espacement par rapport au contenu existant */
    text-align: center; /* Centrage du texte */
}

.newsletter-form__button .button {
    padding: 12px 20px;
}

legend[data-testid="Heading"]::before {
    content: "Adresse de facturation"; /* Remplace le texte */
    visibility: visible;
}

legend[data-testid="Heading"] {
    visibility: hidden; /* Cache l'ancien texte */
    position: relative;
}

}