/**
 * @file
 * Subtheme specific CSS.
 */
.sidebar .block,
.btn-primary { /*arrondir les blocs sidebar*/
	border-radius: 20px;
}
a:link, .pager-current, .sidenav a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#main .nav-link { /*liens sidebar rose*/
	color: #ee7495;
}
#navbar-main .nav-link { /*liens sidebar rose*/
	color: #333;
	font-family: 'Alegreya', serif;
	font-variant: all-small-caps;
	font-size: 1.5em;
}
.site-footer a {/*liens footer non soulignés*/
text-decoration: none;
}
#block-mon-barrio-logo{/*marge gauche logo*/
padding-left: 3em}

/***FORMATION***/
.group_titre {
	margin-bottom:10px;
	padding: 10px;
	background-color: #EFEFEF;
	display: -moz-box;
}
.group-image,
.group-infos {
	float: left;
	margin-bottom: 30px;
}
.group-formation-content {
	clear: both;
}
.group-infos {
	width: 330px;
	margin-left: 20px;
	margin-top: 20px;
}
.group_article_header {
	height: 1px;
}

article .field-name-field-page-titre{
	padding-bottom: 20px;
}

.group_article_taxonomie a{
	color:#888888;
}
article .field--name-field-date-prog {
	font-size:1.3em;
}
.node--view-mode-full .field--name-field-image-sup img {
	float: left;
	padding: 10px;
}
.node--type-formation .field--name-field-image img {
	border-radius: 20px;
}
#node-formation-full-group-image .field--name-field-image-sup img {
	height: auto;
}
/*****************
*  FORMATION VUE *
******************/
.node--type-formation .field.field--name-field-adresse {
	border-left: 1px solid;
	padding-left: 10px;
	margin: 20px 0px;
}
.node--type-formation .field--name-field-pdf a,
.field--name-field-fichier-prive a,
.field--name-field-fichier-public a {
  background-color: #fff;
}
.node--type-formation .field .field-label {
  font-weight: normal;
  text-transform: uppercase;
  color: #777;
}
.view-id-archives_formations .views-field-title {
	text-transform: uppercase;
}
.view-id-archives_formations img {
	border: 1px solid #efefef;
	border-radius: 2rem;
}
p.sansimage /*teaser sans image*/{
	background-color: #ccc;
	padding: 60px 30px;
	margin: 0.5em 0;
	text-align: center;
	height: 222px;
	width: 176px;
	border-radius: 2rem;
	color: #fff;
}
.node--type-formation .field.field--name-field-adresse {
	border-left: 1px solid;
	padding-left: 10px;
	margin: 20px 0px;
}
.view-archives-formations .views-field-title a {
  color: #000;
  font-size: 1.1rem;
}
.field--name-field-pdf img.file-icon,
.field--name-field-fichier-prive img.file-icon,
.field--name-field-fichier-public img.file-icon,
.layout-swap__top {
  display: none;
}
.view-archives-formations .views-field-body {
  color: #aaa;
}
.view-archives-formations .views-row {
  clear: both;
  padding: 20px;
  max-width: 700px;
}
.view-archives-formations .views-field-field-image {
  float: left;
  margin-right: 20px;
}
.node--type-formation .field--name-field-image img {
	border-radius: 20px;
}
/***********
*   TAGS   *
***********/
.field--name-field-tags.field__item a,
.field--name-field-tag-news.field__item a{/* background des tags */
  background-color: #DDD;
  margin: 3px;
  padding: 3px 7px;
  text-transform: uppercase;
  font-size: smaller;
  color: inherit;
  border-radius: 1rem;
}
.field--name-field-tags.field__item{/* background des tags */
  float: left;
}
.field--name-field-tags.field__item a:hover,
.field--name-field-tag-news.field__item a:hover{/* background des tags */
  background-color: #EE7495;
  border:none;
  color:#fff !important;
}
.field--name-field-tags {
  padding:10px 0; 
}
article .field--name-field-page-titre{
  padding-bottom: 20px;
}
/** FICHIERS PRIVÉS **/
.node-form #field_fichier_prive-media-library-wrapper {
	border-left: 3px red solid;
	padding-left: 1rem;
}
.pager--load-more a{
	margin-bottom: 2rem;
}
##edit-submit--2.button {
		margin-top: 0 !important; /*recherche sidebar*/
}
.pager--load-more a,
.node--type-formation .field--name-field-pdf a,
.button,
button,
[type='button'],
[type='reset'],
[type='submit'],
.pager-load-more a:link/**/ {
	display: inline-block;
	padding: 7px 13px;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
	color: #EE7495;
	margin-right: 10px; /*détacher les boutons
	margin-top: 10px; /*détacher les boutons*/
	border: #EE7495 2px solid;
	background-color: transparent;
	border-radius: 2rem;
}

.button::-moz-focus-inner,
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

.button:-moz-focusring,
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}

.pager--load-more a:hover,
.node--type-formation .field--name-field-pdf a:hover,
.button:hover, .button:focus, .button:active,
button:hover,
button:focus,
button:active,
[type='button']:hover,
[type='button']:focus,
[type='button']:active,
[type='reset']:hover,
[type='reset']:focus,
[type='reset']:active,
[type='submit']:hover,
[type='submit']:focus,
[type='submit']:active {
	text-decoration: none;
	color: #fff;
	background-color: #EE7495;
}
/****************
 * ADMIN *
 * *************/
 table tr th, table tr th a, table tr th a:hover, table tr th a:focus {
  color: inherit;
}
/* Node edit/add form : stacker verticalement main + secondary */
.node-form .layout-container > .row {
  flex-direction: column !important;  /* Force le stack vertical au lieu de row horizontal */
}

.node-form .layout-region-node-main,
.node-form .layout-region-node-secondary {
  flex: 0 0 100% !important;   /* Chaque région prend 100% de largeur */
  max-width: 100% !important;
}

/* Améliorer le look : espacement, bordures, etc. */
.node-form .layout-region-node-secondary {
  margin-top: 2rem;              /* Espace entre main et secondary */
  padding-top: 1.5rem;
  border-top: 1px solid #dee2e6; /* Ligne de séparation optionnelle */
}

/* Sur mobile, c'est déjà stacké naturellement (Bootstrap md breakpoint) */
@media (max-width: 991.98px) {
  .node-form .layout-region-node-main,
  .node-form .layout-region-node-secondary {
    margin-top: 1.5rem;
  }
}
/*améliorer images supp*/
/* Dans l'édition de nœud : forcer les médias en grid ou flex rows au lieu de float */
.node-form .media-library-widget,
.node-form .field--type-entity-reference-media,
.node-form .media-library-item {
  float: none !important;
  clear: both !important;
  display: block !important;
}

.node-form .media-library-widget .media-library-item {
  flex: 0 0 auto !important;
  width: 120px !important;  /* ou 150px, 200px selon tes vignettes */
  text-align: center !important;
}

/* Alternative : vrai grid (plus propre si beaucoup d'images) */
.node-form .media-library-widget .media-library-item-wrapper {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  gap: 1rem !important;
}

/* Optionnel : vignettes plus jolies */
.node-form .media-library-item img {
  max-width: 100% !important;
  height: auto !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
}