/* ============================================================= Tenae Auth Pages — v1.0.0 Ce fichier est injecté dans après wp_head(), donc il prime sur les CSS Elementor/UM sans !important. ============================================================= */ /* ── Police Bestermind ──────────────────────────────────────── */ @font-face { font-family: 'Bestermind'; src: url('fonts/BestermindRegular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } /* ── Reset body / page sur les pages auth ───────────────────── */ body { background: var(--tee-cream, #F7F3EE) !important; /* !important : bat les overrides Elementor */ min-height: 100vh; } /* Masque le footer et son spacer Elementor */ .site-footer, footer, #colophon, .elementor-location-footer, .elementor-location-footer + div, [class*="elementor-sticky--spacer"] { display: none !important; height: 0 !important; } /* ── Layout Connexion / Inscription ─────────────────────────── */ .tenae-auth-wrap { display: grid; grid-template-columns: 1fr 1fr; min-height: calc(100vh - var(--tee-header-h, 100px)); width: 100%; } /* ── Panneau gauche ─────────────────────────────────────────── */ .auth-side { background: var(--tee-green-dark, #3B4933); color: var(--tee-cream, #F7F3EE); padding: 56px 64px; display: flex; flex-direction: column; justify-content: flex-start; /* même hauteur de départ que le panneau droit, aligné entre connexion/inscription */ position: relative; overflow: hidden; } .auth-side::before { content: ''; position: absolute; top: -120px; right: -120px; width: 380px; height: 380px; border: 1.5px solid rgba(204, 156, 113, 0.25); border-radius: 50%; } .auth-side::after { content: ''; position: absolute; bottom: 40px; left: 40px; width: 100px; height: 100px; border: 1.5px solid rgba(204, 156, 113, 0.4); border-radius: 100% 0 100% 0; opacity: 0.6; } .auth-side .eyebrow { font-family: 'Caveat', cursive; font-size: 24px; color: var(--tee-gold, #CC9C71); margin-bottom: 14px; position: relative; z-index: 2; text-transform: none; letter-spacing: normal; } .auth-side h1 { font-family: 'Tenor Sans', sans-serif; font-size: clamp(32px, 3.5vw, 44px); font-weight: 400; letter-spacing: 0.03em; line-height: 1.2; margin-bottom: 22px; position: relative; z-index: 2; color: var(--tee-cream, #F7F3EE); text-transform: none; } .auth-side h1 em { font-family: 'Bestermind', cursive; font-style: normal; color: var(--tee-gold, #CC9C71); font-weight: 400; text-transform: none; } .auth-side > p { font-family: 'Lato', sans-serif; font-size: 15px; line-height: 1.85; color: rgba(247, 243, 238, 0.78); font-weight: 300; max-width: 420px; position: relative; z-index: 2; text-transform: none; } .auth-side ul { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 2; } .auth-side li { display: flex; align-items: center; gap: 12px; font-family: 'Lato', sans-serif; font-size: 14px; color: rgba(247, 243, 238, 0.85); font-weight: 300; } .auth-side li::before { content: '✦'; color: var(--tee-gold, #CC9C71); font-size: 12px; flex-shrink: 0; } .auth-side .signature { font-family: 'Bestermind', cursive; font-size: 22px; color: var(--tee-gold, #CC9C71); margin-top: 36px; position: relative; z-index: 2; text-transform: none; } /* ── Panneau droit ──────────────────────────────────────────── */ .auth-form { padding: 56px 64px; display: flex; flex-direction: column; justify-content: flex-start; /* aligné en haut : même hauteur de départ connexion/inscription */ background: var(--tee-cream, #F7F3EE); } .auth-form-inner { max-width: 460px; /* largeur unique connexion + inscription */ width: 100%; margin: 0 auto; } .auth-form .eyebrow { font-family: 'Caveat', cursive; font-size: 22px; color: var(--tee-gold, #CC9C71); margin-bottom: 6px; text-transform: none; letter-spacing: normal; } .auth-form h2 { font-family: 'Tenor Sans', sans-serif; font-size: 30px; font-weight: 400; letter-spacing: 0.04em; color: var(--tee-green-dark, #3B4933); margin-bottom: 12px; text-transform: none; } .auth-form .lede { font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; color: #5C6E4B; line-height: 1.7; margin-bottom: 32px; } /* ── Override champs UM (dans le panneau droit) ─────────────── */ /* Supprime le fond/bordure du wrapper UM */ .auth-form-inner .um, .tenae-reset-card .um { background: transparent; border: none; padding: 0; margin: 0; box-shadow: none; max-width: none; } .auth-form-inner .um-form, .tenae-reset-card .um-form { padding: 0; } /* Champ individuel */ .auth-form-inner .um-field, .tenae-reset-card .um-field { margin-bottom: 22px; padding: 0; clear: both; float: none; } .auth-form-inner .um-field-label, .tenae-reset-card .um-field-label { float: none; width: auto; margin-bottom: 8px; padding: 0; } .auth-form-inner .um-field-label label, .tenae-reset-card .um-field-label label { font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tee-green-dark, #3B4933); margin: 0; padding: 0; } .auth-form-inner .um-field-input, .tenae-reset-card .um-field-input { float: none; width: 100%; padding: 0; } .auth-form-inner .um-field-input input[type="text"], .auth-form-inner .um-field-input input[type="email"], .auth-form-inner .um-field-input input[type="password"], .auth-form-inner .um-field-input input[type="tel"], .tenae-reset-card .um-field-input input[type="text"], .tenae-reset-card .um-field-input input[type="email"] { background: #FFFFFF; border: 1px solid var(--tee-mist, #E4EDEB); border-radius: 0; padding: 14px 18px; font-family: 'Lato', sans-serif; font-size: 14px; color: #1C1C1A; font-weight: 300; width: 100%; box-shadow: none; transition: border-color 0.25s, box-shadow 0.25s; height: auto; line-height: normal; -webkit-appearance: none; } .tenae-reset-card .um-field-input input[type="text"], .tenae-reset-card .um-field-input input[type="email"] { background: var(--tee-cream, #F7F3EE); } .auth-form-inner .um-field-input input:focus, .tenae-reset-card .um-field-input input:focus { outline: none; border-color: #7B938C; box-shadow: 0 0 0 3px rgba(123, 147, 140, 0.18); } .auth-form-inner .um-field-input input::placeholder, .tenae-reset-card .um-field-input input::placeholder { color: var(--tee-border, #B4C5C0); } /* Bouton submit UM */ .auth-form-inner input[type="submit"].um-button, .tenae-reset-card input[type="submit"].um-button { width: 100%; background: #7B938C; color: #FFFFFF; border: none; border-radius: 0; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; padding: 16px 24px; transition: background 0.25s ease; height: auto; line-height: normal; cursor: pointer; display: block; box-shadow: none; text-shadow: none; -webkit-appearance: none; margin: 0; } .auth-form-inner input[type="submit"].um-button:hover, .tenae-reset-card input[type="submit"].um-button:hover { background: #65786F; } /* Zone action (col-alt) */ .auth-form-inner .um-col-alt { float: none; width: auto; padding: 0; margin-bottom: 28px; clear: both; } .auth-form-inner .um-col-alt-b { margin-bottom: 0; } /* ── Grille 2 colonnes pour le formulaire d'inscription ─────── */ /* .um-col-1 est le conteneur direct de tous les .um-field */ .auth-form-inner .um-col-1 { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 20px; float: none !important; width: 100% !important; } /* Tous les champs en pleine largeur par défaut */ .auth-form-inner .um-col-1 > .um-field { grid-column: 1 / -1; } /* Prénom et Nom de famille côte à côte */ .auth-form-inner .um-col-1 .um-field-first_name, .auth-form-inner .um-col-1 .um-field-last_name { grid-column: span 1 !important; } /* Bouton submit — pleine largeur (écrase le .um-half de UM) */ .auth-form-inner .um-col-alt .um-left, .auth-form-inner .um-col-alt .um-right { float: none !important; width: 100% !important; } .tenae-reset-card .um-col-alt { float: none; width: auto; padding: 0; clear: both; } .tenae-reset-card .um-col-alt .um-left, .tenae-reset-card .um-col-alt .um-right { float: none !important; width: 100% !important; } /* Ligne "Se souvenir de moi" + "Mot de passe oublié ?" côte à côte */ .tenae-login-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; /* design: 28px */ } .tenae-login-row .um-field-c { margin-bottom: 0 !important; } .tenae-login-row .um-col-alt-b { margin: 0; padding: 0; } /* Lien "Mot de passe oublié ?" (.um-link-alt dans UM) */ .auth-form-inner .um-link-alt, .auth-form-inner .um-login-forgot, .auth-form-inner a.um-login-forgot { font-family: 'Raleway', sans-serif !important; font-weight: 500 !important; font-size: 12px !important; letter-spacing: 0.06em !important; color: #7B938C !important; border-bottom: 1px solid #7B938C !important; padding-bottom: 2px !important; text-decoration: none !important; transition: color 0.25s, border-color 0.25s; white-space: nowrap; } .auth-form-inner .um-link-alt:hover, .auth-form-inner .um-login-forgot:hover, .auth-form-inner a.um-login-forgot:hover { color: var(--tee-gold, #CC9C71) !important; border-bottom-color: var(--tee-gold, #CC9C71) !important; text-decoration: none !important; } /* ── Checkbox "Se souvenir de moi" ──────────────────────────── */ .auth-form-inner .um-field-checkbox { display: flex; align-items: center; gap: 8px; cursor: pointer; margin: 0; } /* Cache l'icône UM (ion-icons) — on affiche le checkbox natif à la place */ .auth-form-inner .um-field-checkbox-state { display: none !important; } .auth-form-inner .um-field-checkbox input[type="checkbox"], .auth-form-inner input[name="rememberme"] { display: inline-block !important; width: 16px !important; height: 16px !important; flex-shrink: 0; cursor: pointer; accent-color: #7B938C; margin: 0 !important; position: static !important; opacity: 1 !important; visibility: visible !important; } /* Texte "Se souvenir de moi" */ .auth-form-inner .um-field-checkbox-option { font-family: 'Lato', sans-serif !important; font-size: 13px !important; color: #5C6E4B !important; font-weight: 300 !important; letter-spacing: 0 !important; text-transform: none !important; } /* Réduire l'espace entre le champ mot de passe et la ligne checkbox */ .auth-form-inner .um-login .um-row { margin-bottom: 0 !important; } /* Masque les liens/boutons de redirect UM injectés dans les formulaires ( = lien styled comme bouton, différent du vrai submit) NB : .um-register est la classe du CONTENEUR du formulaire d'inscription → ne pas l'inclure ici */ .auth-form-inner .um a.um-button, .auth-form-inner .um button.um-button, .auth-form-inner .um-login-other-links, .auth-form-inner .um-login-have-account, .auth-form-inner .um-col-act a { display: none; } /* Messages d'erreur/notice UM — recolorés au design Tenaë (UM sert par défaut une pill vert clair, ex. « mot de passe modifié »). */ .auth-form-inner .um-notice, .tenae-reset-card .um-notice { border-radius: 0 !important; font-family: 'Lato', sans-serif !important; font-size: 13px !important; line-height: 1.5; margin-bottom: 16px; background: var(--tee-mist, #E4EDEB) !important; border: none !important; border-left: 3px solid var(--tee-teal, #3E8C84) !important; color: var(--tee-green-dark, #3B4933) !important; padding: 12px 16px !important; } .auth-form-inner .um-notice.err, .tenae-reset-card .um-notice.err { background: #F5E4E4 !important; border-left-color: var(--tee-burnt, #B4541F) !important; color: #7A1F1F !important; } /* ── Éléments UI communs ─────────────────────────────────────── */ .tenae-divider { display: flex; align-items: center; gap: 14px; margin: 32px 0 22px; color: var(--tee-border, #B4C5C0); font-family: 'Caveat', cursive; font-size: 16px; } .tenae-divider::before, .tenae-divider::after { content: ''; flex: 1; height: 1px; background: var(--tee-mist, #E4EDEB); } .tenae-btn-secondary { display: block; text-align: center; width: 100%; background: transparent; color: var(--tee-green-dark, #3B4933) !important; border: 1.5px solid var(--tee-green-dark, #3B4933); font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; padding: 14px 24px; transition: all 0.25s ease; text-decoration: none; box-sizing: border-box; cursor: pointer; } .tenae-btn-secondary:hover { background: var(--tee-green-dark, #3B4933); color: var(--tee-cream, #F7F3EE) !important; } .tenae-help { text-align: center; font-family: 'Lato', sans-serif; font-size: 12px; color: #8A9C95; margin-top: 24px; font-style: italic; } .tenae-help a { color: #7B938C; } .tenae-back-link { display: block; text-align: center; margin-top: 24px; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0.06em; color: #7B938C; text-decoration: none; } .tenae-back-link:hover { color: var(--tee-gold, #CC9C71); } /* ── Layout Mot de passe oublié ─────────────────────────────── */ .tenae-reset-wrap { display: flex; align-items: center; justify-content: center; padding: 80px 24px; background: var(--tee-cream, #F7F3EE); position: relative; overflow: hidden; min-height: calc(100vh - var(--tee-header-h, 100px)); width: 100%; box-sizing: border-box; } .tenae-reset-wrap::before { content: ''; position: absolute; top: -120px; right: -100px; width: 320px; height: 320px; border: 1.5px solid rgba(204, 156, 113, 0.25); border-radius: 50%; } .tenae-reset-wrap::after { content: ''; position: absolute; bottom: -60px; left: -60px; width: 200px; height: 200px; border: 1.5px solid rgba(123, 147, 140, 0.2); border-radius: 100% 0 100% 0; } .tenae-reset-card { background: #FFFFFF; border: 1px solid var(--tee-mist, #E4EDEB); padding: 56px 56px 48px; max-width: 520px; width: 100%; position: relative; z-index: 2; text-align: center; } .tenae-reset-card .eyebrow { font-family: 'Caveat', cursive; font-size: 22px; color: var(--tee-gold, #CC9C71); margin-bottom: 6px; text-transform: none; letter-spacing: normal; } .tenae-reset-card h2 { font-family: 'Tenor Sans', sans-serif; font-size: 28px; font-weight: 400; letter-spacing: 0.04em; color: var(--tee-green-dark, #3B4933); margin-bottom: 16px; text-transform: none; } .tenae-reset-card .lede { font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; color: #5C6E4B; line-height: 1.75; margin-bottom: 36px; } .tenae-reset-card .um-field-label label { text-align: left; } /* Icône cadenas */ .tenae-icon-circle { width: 64px; height: 64px; margin: 0 auto 22px; border-radius: 50%; background: var(--tee-mist, #E4EDEB); display: flex; align-items: center; justify-content: center; color: var(--tee-teal-deep, #1F5A55); } .tenae-icon-circle svg { width: 28px; height: 28px; } /* Icône succès (coche verte) */ .tenae-success-check { width: 72px; height: 72px; margin: 0 auto 24px; border-radius: 50%; background: var(--tee-mist, #E4EDEB); color: var(--tee-teal-deep, #1F5A55); display: flex; align-items: center; justify-content: center; position: relative; } .tenae-success-check::after { content: ''; position: absolute; inset: -10px; border-radius: 50%; border: 1px solid rgba(22, 101, 52, 0.18); } .tenae-success-check svg { width: 32px; height: 32px; } /* Bouton primary (pour les pages de confirmation). !important : le Kit Elementor recolore les (texte beige illisible). */ .tenae-btn-primary, a.tenae-btn-primary, a.tenae-btn-primary:visited { display: block; width: 100%; background: #7B938C !important; color: #FFFFFF !important; border: none; font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; padding: 16px 24px; transition: background 0.25s ease; text-align: center; text-decoration: none !important; cursor: pointer; box-sizing: border-box; } .tenae-btn-primary:hover, a.tenae-btn-primary:hover { background: #65786F !important; color: #FFFFFF !important; } /* Encart d'information (délai 30 min) */ .tenae-info-box { background: var(--tee-cream, #F7F3EE); border: 1px solid var(--tee-mist, #E4EDEB); padding: 18px 20px; display: flex; gap: 14px; align-items: flex-start; text-align: left; margin-bottom: 32px; } .tenae-info-box svg { width: 18px; height: 18px; color: #7B938C; flex-shrink: 0; margin-top: 2px; } .tenae-info-box p { font-family: 'Lato', sans-serif; font-size: 13px; color: #5C6E4B; line-height: 1.65; font-weight: 300; margin: 0; } .tenae-info-box strong { color: var(--tee-green-dark, #3B4933); font-weight: 600; } /* Ligne "Rien reçu ?" */ .tenae-resend-row { margin-top: 20px; font-family: 'Raleway', sans-serif; font-size: 12px; color: #8A9C95; letter-spacing: 0.04em; } .tenae-resend-link { font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.06em; color: #7B938C; border-bottom: 1px solid rgba(123, 147, 140, 0.4); padding-bottom: 1px; text-decoration: none; transition: color 0.25s, border-color 0.25s; } .tenae-resend-link:hover { color: var(--tee-gold, #CC9C71); border-color: var(--tee-gold, #CC9C71); } /* Notices d'erreur/succès */ .tenae-notice { padding: 12px 16px; margin-bottom: 16px; font-family: 'Lato', sans-serif; font-size: 13px; text-align: left; } .tenae-notice-error { background: #FBEDE4; color: var(--tee-burnt, #B4541F); border: 1px solid #E8C4AC; } /* Connexion et inscription partagent désormais largeur (460px) et padding haut (56px) — plus d'override spécifique à l'inscription : les deux pages sont calées à la même hauteur et à la même largeur (panneaux gauche ET droit). */ /* Indicateur requis UM (.um-req) + champ invalide */ .auth-form-inner .um-req { color: var(--tee-gold, #CC9C71); margin-left: 2px; } .auth-form-inner .um-field-input input:invalid:not(:placeholder-shown) { border-color: var(--tee-burnt, #B4541F); /* orange design system, aligné sur la validation JS */ box-shadow: none; } /* Note "tous les champs sont obligatoires" */ .tenae-required-note { font-size: 12px; color: #8A9C95; font-style: italic; margin: 4px 0 22px; } .tenae-required-note span { color: var(--tee-gold, #CC9C71); } /* ── Ligne "Rien reçu ?" avec compte à rebours ──────────────── */ .tenae-resend-row { margin-top: 20px; font-family: 'Raleway', sans-serif; font-size: 12px; color: #8A9C95; letter-spacing: 0.04em; text-align: center; } .tenae-resend-link { font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.06em; color: #7B938C; border-bottom: 1px solid rgba(123, 147, 140, 0.4); padding-bottom: 1px; text-decoration: none; transition: color 0.25s, border-color 0.25s; } .tenae-resend-link:hover { color: var(--tee-gold, #CC9C71); border-color: var(--tee-gold, #CC9C71); } .tenae-resend-link:active { color: #A87B4F; border-color: #A87B4F; } .tenae-countdown { color: var(--tee-border, #B4C5C0); font-style: italic; } /* ── Responsive ─────────────────────────────────────────────── */ @media (max-width: 1000px) { .tenae-auth-wrap { grid-template-columns: 1fr; } .auth-side { padding: 56px 28px; min-height: 0; } .auth-side h1 { font-size: 28px; } /* auth-form est sous auth-side → pas de compensation header nécessaire */ .auth-form { padding: 48px 28px 80px; } } @media (max-width: 600px) { .tenae-reset-card { padding: 40px 24px 32px; } .tenae-reset-card h2 { font-size: 24px; } } /* ── Toast générique (même composant que l'espace élève) ─────── */ .tee-toast { position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%) translateY(14px); display: flex; align-items: center; gap: 10px; background: var(--tee-green-dark, #3B4933); color: var(--tee-cream, #F7F3EE); font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: .01em; padding: 13px 22px; box-shadow: 0 0 0 3px #FFFFFF, 0 14px 44px rgba(27,30,27,.5); z-index: 9999999; opacity: 0; transition: opacity .3s ease, transform .3s ease; pointer-events: none; white-space: normal; text-align: left; max-width: min(90vw, 480px); line-height: 1.5; } .tee-toast::before { content: 'i'; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; background: rgba(247,243,238,.2); border: 1px solid rgba(247,243,238,.65); display: flex; align-items: center; justify-content: center; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 700; line-height: 1; } .tee-toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); } .tee-toast--success { background: var(--tee-teal, #3E8C84); } .tee-toast--success::before { content: '✓'; } .tee-toast--error { background: var(--tee-burnt, #B4541F); } .tee-toast--error::before { content: '✕'; } .tee-toast--info { background: var(--tee-green-dark, #3B4933); } /* ── Formulaire NATIF (migration UM phase 2 — connexion, puis reset/inscription) ─ Classes .tenae-nf-* : aucun markup UM. auth-toast.js convertit les .tenae-notice en toasts comme avant. */ .tenae-notice-success { background: #e4edeb; color: var(--tee-teal-deep, #1F5A55); border: 1px solid var(--tee-border, #B4C5C0); } .tenae-nf-field { margin-bottom: 22px; } .tenae-nf-field label { display: block; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tee-green-dark, #3B4933); margin-bottom: 8px; } .tenae-nf-field input { width: 100%; box-sizing: border-box; background: #FFFFFF; border: 1px solid #D8DAD2; border-radius: 0; padding: 13px 14px; font-family: 'Lato', sans-serif; font-size: 15px; color: var(--tee-green-dark, #3B4933); outline: none; } .tenae-nf-field input:focus { border-color: var(--tee-teal, #3E8C84); } .tenae-nf-field input::placeholder { color: #aaa; } .tenae-nf-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; font-family: 'Lato', sans-serif; font-size: 13px; color: #5C6E4B; } .tenae-nf-remember { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; } .tenae-nf-remember input { width: 16px; height: 16px; accent-color: #7B938C; cursor: pointer; margin: 0; flex-shrink: 0; } .tenae-nf-forgot { color: var(--tee-teal, #3E8C84); text-decoration: none; } .tenae-nf-forgot:hover { text-decoration: underline; } /* Le bouton reprend .tenae-btn-primary ; largeur pleine en formulaire. */ .tenae-nf-submit { width: 100%; box-sizing: border-box; cursor: pointer; } /* Honeypot inscription : hors écran, jamais display:none (certains bots l'ignorent). */ .tenae-nf-hp { position: absolute !important; left: -9999px !important; top: -9999px !important; height: 1px; overflow: hidden; } /* Bloc « renvoyer l'email d'activation » : encadré distinct du formulaire de connexion, dans la continuité visuelle de la notice d'erreur au-dessus. */ .tenae-nf--resend { background: #FDFBF8; border: 1px solid #E4E0D8; padding: 18px 16px 16px; margin-bottom: 24px; } .tenae-nf--resend .tenae-nf-field { margin-bottom: 14px; } .tenae-nf--resend .tenae-nf-submit { padding-top: 12px !important; padding-bottom: 12px !important; font-size: 12px !important; } /* Page « Mon compte » */ .tenae-account-card { max-width: 520px; } .tenae-account-h3 { font-family: 'Tenor Sans', sans-serif; font-size: 15px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--tee-teal, #3E8C84); margin: 30px 0 4px; padding-top: 22px; border-top: 1px solid #E4E0D8; text-align: left; } .tenae-account-hint { font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300; color: var(--tee-text-light, #787870); margin: 0 0 14px; text-align: left; } .tenae-account-opt { font-weight: 300; text-transform: none; letter-spacing: 0; color: var(--tee-text-light, #787870); font-size: 11px; } .tenae-nf-field input:disabled { background: #F0EDE8; color: var(--tee-text-light, #787870); cursor: not-allowed; }