/*tpl/frontend/css/espace.css*/
/* Mon espace (/connexion, module connect) : repris de Tehilim Online (style.css, « Mon espace »),    bleu-vert #004e5f remplace par le brun #351001. Charge seulement sur /connexion. */ .espacePage{max-width:680px; margin:0 auto; color:#392c0e; text-align:start;} .espaceEntete h1{text-align:start; font-family:'Frank Ruhl Libre', serif; font-size:30px; color:#351001; line-height:1.15; margin:0 0 10px;} .espaceIntro, .espaceConnecte{margin:0 0 20px; font-size:16px; line-height:1.5;} .espaceConnecte b{word-break:break-all;} .espaceConnecte a{color:#351001;} .espaceMessage{padding:12px 14px; border-radius:8px; background:#eef5ef; color:#2f6b3a; font-size:15px; line-height:1.45; margin:0 0 18px;} .espaceMessageAlerte{background:#FFFBEB; color:#6c541a;} .espaceSommaire{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px;} .espaceSommaire a{padding:8px 14px; border:1px solid #CCB479; border-radius:18px; color:#351001; font-size:14px; text-decoration:none;} .espaceSommaire a:hover, .espaceSommaire a:focus{background:#FFFBEB; color:#351001;} .espaceCarte{margin:0 0 22px; padding:20px; border:1px solid #CCB479; border-radius:12px; background:#ffffff;} .espaceCarte h2{font-family:'Frank Ruhl Libre', serif; font-size:23px; color:#351001; line-height:1.2; margin:0 0 12px;} .espaceCarte h3{font-size:16px; color:#6c541a; margin:22px 0 8px;} .espaceVide{margin:0 0 14px; color:#6c541a;} .espaceListe{list-style:none; margin:0 0 16px; padding:0;} .espaceListe > li{padding:12px 0; border-top:1px solid #f0ebdd;} .espaceListe > li:first-child{border-top:0; padding-top:0;} .espaceLigneTitre{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:0;} .espaceTitre{font-size:17px; font-weight:bold; color:#351001;} a.espaceTitre{text-decoration:none;} a.espaceTitre:hover, a.espaceTitre:focus{color:#351001; text-decoration:underline;} .espaceEtiquette{display:inline-block; padding:2px 10px; border-radius:10px; background:#f6efe0; color:#351001; font-size:12px; font-weight:bold;} .espaceEtiquetteTerminee{background:#f3f1ea; color:#6c541a;} .espaceDetail{margin:4px 0 0; font-size:14px; color:#6c541a; line-height:1.4;} .espaceActions{display:flex; flex-wrap:wrap; gap:4px 18px; margin:8px 0 0; font-size:14px;} .espaceActions a{color:#351001;} .espaceFormulaire{display:flex; flex-direction:column; gap:12px; margin:10px 0 0;} .espaceChamp{display:flex; flex-direction:column; gap:6px;} .espaceChamp label{font-size:15px; font-weight:bold;} .espaceChamp input, .espaceChamp select, .espaceChamp textarea{box-sizing:border-box; width:100%; padding:10px 12px; border:1px solid #CCB479; border-radius:6px; font-size:16px; font-family:inherit; color:#392c0e; background:#ffffff;} .espaceChamp input, .espaceChamp select{height:48px; padding-top:0; padding-bottom:0;} .espaceChamp input:focus, .espaceChamp select:focus, .espaceChamp textarea:focus{outline:2px solid #351001; outline-offset:2px;} .espaceLigne{display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px;} .espaceLigne .espaceChamp{flex:1 1 220px;} button.espaceBouton{min-height:48px; padding:0 20px; border:0; border-radius:8px; background:#6c541a; color:#ffffff; font-size:16px; font-weight:bold; font-family:inherit; cursor:pointer;} button.espaceBouton:hover, button.espaceBouton:focus{background:#392c0e;} button.espaceBoutonSecondaire{min-height:40px; padding:0 14px; border:1px solid #351001; border-radius:8px; background:#ffffff; color:#351001; font-size:14px; font-family:inherit; cursor:pointer;} button.espaceBoutonSecondaire:hover, button.espaceBoutonSecondaire:focus{background:#f6efe0;} a.espaceLienAction{display:inline-block; padding:10px 16px; border:1px solid #6c541a; border-radius:8px; color:#6c541a; font-weight:bold; text-decoration:none;} a.espaceLienAction:hover, a.espaceLienAction:focus{background:#6c541a; color:#ffffff;} .espaceOffre{margin:0 0 16px; padding:14px; border-radius:10px; background:#f6efe0;} .espaceOffre form{margin:10px 0 0;} .espaceAppareils{list-style:none; margin:10px 0 0; padding:0;} .espaceAppareils li{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 12px; padding:8px 0; border-top:1px solid rgba(53,16,1,0.2);} .espaceAppareils li > span{display:flex; flex-direction:column; gap:2px;} .espaceAppareils small{font-size:13px; color:#6c541a;} .espaceAppareils form{margin:0;} .espaceGoogle{display:flex; justify-content:center; min-height:44px; margin:4px 0 0;} .espaceGoogle form{display:none;} .espaceSeparateur{display:flex; align-items:center; gap:12px; margin:18px 0; color:#6c541a; font-size:14px;} .espaceSeparateur::before, .espaceSeparateur::after{content:""; flex:1 1 auto; height:1px; background:#CCB479;} .espaceChamp input.espaceCode{max-width:220px; font-size:24px; letter-spacing:8px; text-align:center; font-family:monospace;} .espaceAutreAdresse{margin:14px 0 0; font-size:14px;} .espaceAutreAdresse a{color:#351001;} .espaceInvisible{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; padding:0;} #espaceRegles ul{margin:4px 0 0; padding-inline-start:20px;} .espaceMotPasse{margin:0 0 30px;} .espaceMotPasse summary{cursor:pointer; color:#351001; font-weight:bold; padding:8px 0;} .espaceMotPasse form{margin-top:10px;} @media(max-width:640px){ .espaceEntete h1{font-size:26px;} .espaceCarte{padding:16px 14px;} .espaceLigne button{width:100%;}