/*tpl/frontend/css/listes.css*/
/* Pages de liste (lot 4 de la refonte) : Talmud, Michna, sedarim, traites. Repris des listes de    Tehilim Online (listeTuiles, listeTuile...) aux couleurs de Talmud Bavli, avec la couleur de    chaque seder (comme l'accueil). Charge apres composants.css (pagesLocations::cssListes). */  .zeraim{--seder:#5f7a3a;} .moed{--seder:#2f5d8a;} .nashim{--seder:#9a4462;} .nezikin{--seder:#2c6e6a;} .kodashim{--seder:#94680f;} .taharot{--seder:#5b5194;}  .listePage{padding-bottom:40px;} .listePage .tikounEntete{margin-bottom:20px;} .listeIntro{max-width:46em; font-size:17px;} .listeIntro br + br{display:none;} .listeBanniere{aspect-ratio:12 / 5; max-width:420px;}  /* Sommaire : sedarim d'une page Talmud / Michna, chapitres d'un traite */ .listeSommaire{margin:0 0 28px;} .listeSommaire ul{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none;} .tikoun a.listeSommaireLien{display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 14px; border:1px solid #e6dcc3; border-radius:20px; background:#ffffff; color:#392c0e; font-size:15px; font-weight:bold; text-decoration:none;} .tikoun a.listeSommaireLien:hover, .tikoun a.listeSommaireLien:focus-visible{border-color:#CCB479; background:#FFFBEB; color:#351001;} .listePoint{flex:0 0 10px; width:10px; height:10px; border-radius:50%; background:var(--seder, #351001);}  /* Un seder sur la page Talmud / Michna : bandes alternees */ .listeSeder{margin:0 -16px; padding:28px 16px; scroll-margin-top:16px;} .listeSederAlterne{background:#f6f0e3;} .listeSederEntete{display:flex; align-items:center; gap:20px; margin:0 0 18px;} .listeSederImage{flex:0 0 200px; width:200px; height:auto; aspect-ratio:12 / 5; object-fit:cover; border-radius:10px; border-bottom:4px solid var(--seder, #351001); background:#efe7d6;} .listeSederTexte{display:flex; flex-direction:column; gap:6px; min-width:0;} .listeSederTexte h2{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; margin:0; font-family:'Frank Ruhl Libre', serif; font-size:28px; color:#351001;} .tikoun .listeSederTexte h2 a{color:#351001; text-decoration:none;} .tikoun .listeSederTexte h2 a:hover{text-decoration:underline;} .listeHebreu{font-family:'Frank Ruhl Libre', serif; font-size:20px; font-weight:normal; color:var(--seder, #6c541a);} .listeChiffres{margin:0; font-size:14px; font-weight:bold; color:var(--seder, #6c541a);} .listeSederDescription{margin:0; font-size:15px; line-height:1.5; max-width:52em;}  /* Tuiles (traites, pages, michnayot) */ .listeTuiles{display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:12px; margin:0; padding:0; list-style:none;} .listeTuilesCompactes{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));} .tikoun a.listeTuile{position:relative; display:flex; flex-direction:column; gap:4px; height:100%; min-height:72px; padding:14px 16px; border:1px solid #e6dcc3; border-inline-start:4px solid var(--seder, #CCB479); border-radius:12px; background:#ffffff; color:#392c0e; text-decoration:none;} .tikoun a.listeTuile:hover, .tikoun a.listeTuile:focus-visible{border-color:#CCB479; border-inline-start-color:var(--seder, #CCB479); background:#FFFBEB; color:#392c0e;} .listeTuileNom{font-family:'Frank Ruhl Libre', serif; font-size:20px; font-weight:700; line-height:1.2; color:#351001;} .listeTuileHe{align-self:flex-start; font-family:'Frank Ruhl Libre', serif; font-size:17px; line-height:1.3; color:#6c541a;} .listeTuileDetail{display:flex; flex-wrap:wrap; align-items:center; gap:2px 10px; font-size:13px; line-height:1.4; color:#6c541a;} .listeTuileVideo{display:inline-flex; align-items:center; font-weight:bold; color:#8a1c12;} .listeTuileResume{margin-top:4px; font-size:14px; line-height:1.45; color:#392c0e;} .tikoun a.listeTuileActive, .tikoun a.listeTuileActive:hover, .tikoun a.listeTuileActive:focus-visible{border:2px solid #351001; border-inline-start-width:4px; background:#FFFBEB;} .listeTuileBadge{position:absolute; top:-10px; inset-inline-end:10px; padding:2px 8px; border-radius:10px; background:#351001; color:#ffffff; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;} .tikoun a.listeTuile[aria-current="page"]{border-color:#351001; background:#f6efe1;}  /* Pages d'un traite : tuiles plus petites, un chapitre par section */ .listeChapitres{display:flex; flex-direction:column; gap:30px; margin:20px 0 0;} .listeChapitre{scroll-margin-top:16px;} .listeChapitre h2{margin:0 0 8px; font-family:'Frank Ruhl Libre', serif; font-size:26px; color:#351001;} .listeChapitreDescription{margin:0 0 14px; font-size:15px; line-height:1.55; max-width:52em;} .listeTuilesPages{grid-template-columns:repeat(auto-fill, minmax(96px, 1fr)); gap:10px;} .tikoun .listeTuilesPages a.listeTuile{align-items:center; justify-content:center; min-height:64px; padding:10px 8px; text-align:center;} .listeTuilesPages .listeTuileNom{font-size:19px;} .listeTuilesPages .pageVideos{justify-content:center;} .listeTuilesPages .listeTuileBadge{top:-9px; inset-inline-end:50%; transform:translateX(50%); font-size:10px; white-space:nowrap;} [dir="rtl"] .listeTuilesPages .listeTuileBadge{transform:translateX(-50%);} #listePagesTraite.filtreActif .pageItem.pageMatch a.listeTuile{background:#faf6ea; border-color:#B60001;}  /* Les six sedarim en cartes, A voir aussi */ .listeCartesSedarim{grid-template-columns:repeat(auto-fill, minmax(170px, 1fr));} .listeCartesSedarim .tikounCarte img{aspect-ratio:12 / 5; border-bottom:4px solid var(--seder, #CCB479);} .listeCartesSedarim .tikounCarte em{display:block; font-family:'Frank Ruhl Libre', serif; font-style:normal; font-weight:normal; color:var(--seder, #6c541a);} .tikoun a.listeCarteCourante{border:2px solid #351001;} .listeLiens{display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:10px; margin:0; padding:0; list-style:none;} .tikoun a.listeLien{display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:48px; padding:10px 14px; border:1px solid #e6dcc3; border-radius:10px; background:#ffffff; color:#392c0e; font-size:15px; font-weight:bold; text-decoration:none;} .tikoun a.listeLien:hover, .tikoun a.listeLien:focus-visible{border-color:#CCB479; background:#FFFBEB; color:#351001;} .listeFleche{color:#CCB479;} [dir="rtl"] .listeFleche{transform:scaleX(-1);} .listePub{margin:24px 0;}  @media(max-width:700px){ 	.listeSederEntete{flex-direction:column; align-items:stretch; gap:12px;} 	.listeSederImage{flex-basis:auto; width:100%; max-height:140px;} 	.listeSederTexte h2{font-size:24px;} 	.listeTuiles{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px;} 	.tikoun a.listeTuile{min-height:64px; padding:10px 12px;} 	.listeTuileNom{font-size:18px;} 	.listeTuilesPages{grid-template-columns:repeat(4, minmax(0, 1fr));} 	.listeTuilesPages .listeTuileNom{font-size:17px;} 	.listeChapitre h2{font-size:22px;} } @media print{ 	.listeSommaire, .listePub, .listeAussi, .listeAutresSedarim, .videoRavFiltre{display:none !important;} 	.listeSederAlterne{background:none;} }