/* =========================================
   LUZPHOTOS – STYLES PERSONNALISÉS
   Indépendants du thème WordPress
   ========================================= */
/* -----------------------------------------
   Mise en forme du texte
   ----------------------------------------- */
/* gras / souligné sans signification sémantique*/
.gras {font-weight: bold;}
.italique {font-style: italic;}
.souligne {text-decoration: underline;}

/* Couleurs de fonds*/
.bleu-c {background-color: #d9edf7;}
.vert-c {background-color: #ccffcc;}
.rouge-c {background-color: #ff9999;}

/* Marges et bordures comme avec les images
Peut-être appliqué sur un div, par ex, texte et image affiliation Amazon*/
.marges-bloc {
	padding: 4px;
	margin: 2px 8px 3px 3px;
	display: inline;
	border: 1px solid #cbcdcc;}

/* Mise en forme spécifique pour les exemples */
.exemple {
text-align: justify;
padding: 0 3px 0 6px;
margin: 0 0 20px 10px;
color: #666666;
border-left: 2px solid #cccccc;
}

/* style lettrine comme dropcap en moins grand = passe de 50px à 40px
syntxaxe = <span class="lettrine">texte</span> */
.lettrine {display: block;float: left;margin: 0 8px 0 0;font-size: 40px;line-height: 40px;font-family: Georgia, Arial,"helvetica neue",Helvetica,Verdana,sans-serif;}

/* -----------------------------------------
   TABLEAU
   ----------------------------------------- */
.entry table {border-collapse: collapse;
			margin-bottom: 1em;
}
/*entête tableau*/
.entry table th {font-family: Arial, Georgia,"Bitstream Charter",Times,serif;
			line-height: 1em;
			font-size: 0.92em;
			font-weight: bold;
			text-align: center;
			border: 1px solid #999999;
			background-color: #d9edf7; /*entête bleu clair*/
}
/*Titre spécifique h3 pour tableau : alimente le sommaire*/
.entry table h3 {
    line-height: 1.5;
    font-size: 1em;
    font-weight: bold;
    margin: 0px 0px;
}
.entry table td {border: 1px solid #999999;}
/*Tableau sans bordure : class="border-no" / Exemple : <table class="border-no">*/
.entry .border-no td {border: 0px;}
/*colonne centrée / class à mettre dans balise <table>, <tbody>, <tr> ou <td>
Exemple : <tbody class="colc">*/
.entry .colc td {text-align: center;}
td.colc {text-align: center;}
/*Alternance ligne foncée et claire (facilite la lecture)
à mettre dans la balise tr : <tr class = "ligne1"> (ou ligne2) */
.entry .ligne1 td {background-color: #f9f9f9;}
.entry .ligne2 td {background-color: #ffffff;}
/*ligne plus foncée au survol de la souris*/
.entry tr:hover td {background-color: #f3f3f3;}

/* -----------------------------------------
   CAS PARTICULIER DES CATEGORIES (à voir dans le temps)
   ----------------------------------------- */
/* Box info et bouton dans la catégorie Stages : Le champ Description d'une catégorie utilise l'ancien éditeur et non l'éditeur de blocs Guenberg (styles non interprétés...) */
.luz-box .luz-bouton {
	text-align: center;
	margin: 15px 0;
}
.luz-box .luz-bouton a {
	display: inline-block;
	padding: 10px 24px;
	background: #8ed1fc;
	color: #000;
	border-radius: 10px;
	text-decoration: none;
}
/* -----------------------------------------
   CAS PARTICULIER Vignettes Widget (à voir dans le temps)
   ----------------------------------------- */
/* Taille vignettes Widget bloc "Derniers articles" non pris en compte à cause de l'extension Imagify
qui entoure l'image d'une balise <picture> et a déplacé la classe et le style sur <picture>. Dans le code, le style est sur <picture>, alors que l'<img> n'en a plus et reste à width="150" height="150"*/
.wp-block-latest-posts__featured-image img {
	width: 70px;
	height: 70px;
	object-fit: cover;
}

/* -----------------------------------------
   STYLES en remplacement des shortcodes de l'ancien thème Jarida
   ----------------------------------------- */
/* Séparateur Luzphotos - ligne grise épaisse dégradée des 2 côtés */
.luz-divider {
    height: 5px;
    border-radius: 3px;
    margin: 24px 0;
    clear: both;
    background: linear-gradient(to right, transparent, #999, transparent);
}

/* Séparateur ligne noire */
.luz-divider-black {
  height: 4px;
  background: #2b2b2b;
  margin: 4px 0;
  border: 0;
}

/* Liste avec coches vertes */
.luz-checklist {
  list-style: none !important;
  margin: 0 0 20px;
  padding-left: 0 !important;
}

.luz-checklist li {
  position: relative;
  list-style: none !important;
  padding-left: 7px !important;
  margin-bottom: 6px;
}

.luz-checklist li::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 2px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%234ea30a' d='M9 16.2 4.8 12l-1.4 1.4L9 19 20.6 7.4 19.2 6z'/></svg>");
}

/* Boîte "accordéon" type bloc Détails avec chevron V ou inverse selon ouverture ou fermeture */
.luz-toggle {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #f6f6f6;
  margin: 0 0 20px;
}
.luz-toggle summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 20px;
  font-size: 1.15em;
  font-weight: 600;
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.luz-toggle summary::-webkit-details-marker {
  display: none;
}
.luz-toggle summary::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 12px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/></svg>");
  transition: transform 0.2s ease;
}
.luz-toggle[open] summary::after {
  transform: rotate(180deg);
}
.luz-toggle > *:not(summary) {
  padding: 0 20px 20px;
}

/* BOX personnalisées */
.luz-box {
  padding: 20px;
  background: #f6f6f6;
  margin: 0 0 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  overflow-wrap: break-word;
}
.luz-box > :first-child { margin-top: 0; }
.luz-box > :last-child { margin-bottom: 0; }

/* Box Shadow (sans icône) */
.luz-box-shadow {
  border-color: #aaa;
  box-shadow: 2px 2px 7px rgba(153, 153, 153, 0.6);
}

/* 6 Box avec icône : réglages communs */
.luz-box-info,
.luz-box-success,
.luz-box-warning,
.luz-box-note,
.luz-box-error,
.luz-box-download {
  position: relative;
  box-sizing: border-box;
  min-height: 88px;
  padding-left: 82px;
}
.luz-box-info::before,
.luz-box-success::before,
.luz-box-warning::before,
.luz-box-note::before,
.luz-box-error::before,
.luz-box-download::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* Box Info */
.luz-box-info { background: #d6f6ff; border-color: #bfe3ec; }
.luz-box-info::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><circle cx='32' cy='32' r='30' fill='%232CB4DA'/><circle cx='32' cy='18' r='4.8' fill='white'/><rect x='28' y='28' width='8' height='21' rx='2' fill='white'/></svg>");
}

/* Box Success */
.luz-box-success { background: #e2f2cb; border-color: #d1e4b7; }
.luz-box-success::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><path d='M10 36 24 52 54 10' fill='none' stroke='%238AB84D' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* Box Warning */
.luz-box-warning { background: #fffddb; border-color: #e9e59e; }
.luz-box-warning::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><polygon points='32,12 54,50 10,50' fill='%23ECC21B' stroke='%23ECC21B' stroke-width='10' stroke-linejoin='round'/><rect x='29' y='25' width='6' height='15' rx='3' fill='white'/><circle cx='32' cy='46' r='3.8' fill='white'/></svg>");
}

/* Box Note */
.luz-box-note { background: #fffddb; border-color: #e9e59e; }
.luz-box-note::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><path d='M16 6h18l18 18v30a4 4 0 0 1-4 4H16a4 4 0 0 1-4-4V10a4 4 0 0 1 4-4z' fill='%23ECC21B'/><path d='M34 6v14a4 4 0 0 0 4 4h14z' fill='%23F8E58A'/><rect x='21' y='36' width='22' height='4.5' rx='2.25' fill='white'/><rect x='21' y='46' width='22' height='4.5' rx='2.25' fill='white'/></svg>");
}

/* Box Error */
.luz-box-error { background: #ffe6e2; border-color: #eebfb8; }
.luz-box-error::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><path d='M12 12 52 52M52 12 12 52' fill='none' stroke='%23F03317' stroke-width='6' stroke-linecap='round'/></svg>");
}

/* Box Download */
.luz-box-download { background: #e2f2cb; border-color: #d1e4b7; }
.luz-box-download::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><path d='M32 8v32M18 27l14 14 14-14M12 46v8h40v-8' fill='none' stroke='%238AB84D' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* Ajustement par taille support d'affichage */
@media (max-width: 480px) {
  .luz-box-info,
  .luz-box-success,
  .luz-box-warning,
  .luz-box-note,
  .luz-box-error,
  .luz-box-download { padding-left: 68px; min-height: 76px; }
  .luz-box-info::before,
  .luz-box-success::before,
  .luz-box-warning::before,
  .luz-box-note::before,
  .luz-box-error::before,
  .luz-box-download::before { width: 36px; height: 36px; }
}