/*
	Theme Name: Origarti
	Theme URI: https://origarti.fr
	Description: Theme WORDPRESS du studio web nantais Origarti
	Author: Gaëtan RUIZ (Origarti.fr)
	Author URI: https://origarti.fr
	Version: 1.0
	Text Domain: origarti
*/
*, *:before, *:after {
	box-sizing: border-box;
	-webkit-box-sizing : border-box;
}
html {
	--e-global-typography-primary: "Raleway", sans-serif;
		--typography-primary: var(--e-global-typography-primary);
	--e-global-typography-secondary: "lavigne-text", serif;
		--typography-secondary: var(--e-global-typography-secondary);

	--e-global-color-text: #041625;
    --text-color: var(--e-global-color-text);
	--e-global-color-surface: #FFFFFF;
    --surface-color: var(--e-global-color-surface);
  --e-global-color-background: #F8FAFA;
    --background-color: var(--e-global-color-background);

	--primary-default: #14406d;
	--primary-light: #115697;
	--primary-dark: #00305b;
	--primary-darkest: #041625;
	--primary-darken: #022546;

	--secondary-default: #d49d42;
	--secondary-medium: #d8b25d;
	--secondary-light: #f7eeda;
	--secondary-dark: #cea746;
	--secondary-darker: #b2892d;
	--tertiary-default: #1bb7c2;
	--tertiary-light: #c2f4f6;
	--tertiary-dark: #00585c;
	--neutral-grey-inactive: #a0c9ed;
	--neutral-grey-inactive-bg: #c6dff4;

	--neutral-dark-default: #024a7c;
	--neutral-dark-darken: #043558;
	--neutral-dark-light: #043558;
	--neutral-dark-darker: #043558;

	--neutral-lighten: #f6fcfb;
	--neutral-light: #f2f2f2;
	--neutral-lightest: #f8fafa;
	--neutral-white: #ffffff;
	--neutral-transparent: rgba(255, 255, 255, 0.00);

  
  /* Semantiques */ 
  --semantic-info: #14406d;    --semantic-info-contrast: #ffffff; 
  --semantic-success: #1bb7c2; --semantic-success-contrast: #ffffff; 
	--semantic-warning: #d49d42; --semantic-warning-contrast: #041625; 
	--semantic-error: #e74c3c;   --semantic-error-contrast: #ffffff; 

	--muted-1: var(--neutral-lightest); /* very light surface */
	--muted-2: var(--neutral-light); /* light border / subtle */
	--muted-3: var(--neutral-grey-inactive-bg); /* alternative muted */

	--disabled-text: #9ca3af; /* generic disabled text */
	--control-radius: 6px; /* default control radius */

  
  /* Réseaux sociaux */ 
	--neutral-social-facebook: #44619d;
	--neutral-social-twitter: #1da1f2;
	--neutral-social-youtube: #cd201f;
	--neutral-social-linkedin: #0177b5;
	--neutral-social-whatsapp: #25d366;
	--neutral-social-twitch: #6441a5;
	--neutral-social-instagram: #bd3a7c;
	--neutral-social-snaptchat: #fffc00;
	--neutral-social-pinterest: #df1122;
	--neutral-social-foursquare: #f24573;
}


html, body {
	font-size: 16px; line-height: 135%;
	margin: 0; padding: 0;
	font-family: var(--e-global-typography-primary-font-family);
}

/* Atomes - Layout */

body.archive .site-main, body.blog .site-main { padding: 3em 1em; }

.containered { max-width: 1364px; width: 100%; margin: auto; padding-left: 1em; padding-right: 1em; }
@media screen and (max-width: 1400px) {
	.containered { max-width: 100%; width: 100%; margin: auto; }
}
/* Atomes - Typographie */
.chapo { font-size: 1.35em; line-height: 145%; }
.block-title { display: flex; flex-direction: column; gap: 4px; margin-bottom: 1em;}
.block-title:after { content:""; width: 150px; height: 2px; background-color: var(--e-global-color-primary); margin-top: 1em; margin-bottom: 1em; }
.block-title .title { margin-top: 0; margin-bottom: 0; }

/* Atomes - Textures */
.textured { position: relative; transition: box-shadow 700ms ease-in-out, background-color 700ms ease-in-out, color 700ms ease-in-out !important; }
.textured:before { 
	content:""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; 
	background-position: center center;
	transition: background-size 350ms ease-in-out, opacity 350ms ease-in-out !important; 
}
.textured > * { z-index: 2; }

.texture-blue { color: var(--e-global-color-surface); background-color: var(--primary-light); }
.texture-blue:before {
	background-image: url('assets/img/patterns/SVG/giroud-avocat-monogram-skew-navy.svg'); 
	background-size: 33%; opacity: 0.16;
}
.texture-blue:hover { color: var(--neutral-grey-inactive); background-color: var(--primary-dark); }
.texture-blue:hover::before { background-size: 36%; opacity: 0.75; }

.texture-blue-dark { color: var(--e-global-color-surface); background-color: var(--primary-default); }
.texture-blue-dark:before {
	background-image: url('assets/img/patterns/SVG/giroud-avocat-monogram-skew-navy.svg'); 
	background-size: 33%; opacity: 0.1;
}
.texture-blue-dark:hover { background-color: var(--primary-dark); }
.texture-blue-dark:hover::before { background-size: 36%; opacity: 0.75; }

.texture-darkest { color: var(--e-global-color-surface); background-color: var(--primary-darkest); }
.texture-darkest:before {
	background-image: url('assets/img/patterns/SVG/giroud-avocat-monogram-skew-navy.svg'); 
	background-size: 33%; opacity: 0.1;
}
.texture-darkest:hover { background-color: var(--primary-dark); }
.texture-darkest:hover::before { background-size: 36%; opacity: 0.75; }

.preTitle { 
	 font-family: var(--e-global-typography-primary); font-weight: bold; font-size: 0.875em; letter-spacing: 0.15em; text-transform: uppercase; 
 }
/* ==========
   Accordion — thème + layout
   ========== */

.accordion-container {
  /* Thème (couleurs) */
  --accordion-header-bg: var(--e-global-color-text);
  --accordion-header-bg-hover: var(--e-global-color-primary);
  --accordion-header-bg-open: var(--e-global-color-accent);
  --accordion-header-color: var(--e-global-color-surface);
  --accordion-header-color-hover: var(--e-global-color-surface);
  --accordion-header-color-open: var(--e-global-color-surface);
  --accordion-header-icon-color: var(--e-global-color-secondary);
  --accordion-header-icon-color-hover: var(--e-global-color-surface);
  --accordion-header-icon-color-open: var(--e-global-color-surface);
  --accordion-body-color: var(--e-global-color-text);
  --accordion-body-bg: var(--e-global-color-surface);

  /* Spacing / sizes */
  --accordion-gap: 0.75em;
  --accordion-header-icon-size: 20px;
  --accordion-padding-horizontal: 1em;
  --accordion-padding-vertical: 0.7em;
  --accordion-border-radius: 5px;
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: var(--accordion-gap);
}

/* Item header (le <summary>) */
.accordion-item-header {
  display: grid;
  grid-template-columns: 1fr var(--accordion-header-icon-size);
  align-items: center;
  gap: 0.75em;
  padding: var(--accordion-padding-vertical) var(--accordion-padding-horizontal);
  background-color: var(--accordion-header-bg);
  border-radius: var(--accordion-border-radius);
  cursor: pointer;
}

.accordion .accordion-item-header .accordion-item-title { color: var(--accordion-header-color); }
.accordion .accordion-item-header .accordion-icon-svg path { fill: var(--accordion-header-icon-color); }
.accordion .accordion-item-header .accordion-item-title::marker { display: none; list-style: none; }

.accordion .accordion-item-header .accordion-item-title-text {
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 0.875em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  white-space: break-spaces;
}

.accordion-icon { width: 100%; height: auto; }

/* Corps : on laisse l’animation au JS (height), on gère juste l’overflow ici */
.accordion-item-body {
  padding: calc(var(--accordion-padding-vertical) * 2) calc(var(--accordion-padding-horizontal) * 1.5);
  color: var(--accordion-body-bg);
  background-color: var(--accordion-body-color);
  border-radius: 0 0 var(--accordion-border-radius) var(--accordion-border-radius);
}

.accordion-item-body .content {
  overflow: hidden; /* le JS anime height; pas de transition CSS ici */
  line-height: 160%;
  font-size: 1em;
}

/* États */
.accordion-item .accordion-icon-on { display: block; }
.accordion-item .accordion-icon-off { display: none; }

.accordion-item[open] .accordion-item-header {
  border-radius: var(--accordion-border-radius) var(--accordion-border-radius) 0 0;
  background-color: var(--accordion-header-bg-open);
}
.accordion-item[open] .accordion-icon-svg path { fill: var(--accordion-header-icon-color-open); }
.accordion-item[open] .accordion-icon-on { display: none; }
.accordion-item[open] .accordion-icon-off { display: block; }

/* Hover/focus visibles */
.accordion-item-header:hover {
  background-color: var(--accordion-header-bg-hover);
}
.accordion-item-header:hover .accordion-item-title { color: var(--accordion-header-color-hover); }
.accordion-item-header:hover .accordion-icon-svg path { fill: var(--accordion-header-icon-color-hover); }

.accordion-item:focus, .accordion-item-header:focus {
  outline: 1px solid var(--secondary-darker);
  outline-offset: 1px;
}

/* Accessibilité : si l’utilisateur préfère moins d’animations,
   notre JS respectera prefers-reduced-motion, mais on file aussi un style focus propre */
@media (prefers-reduced-motion: reduce) {
  .accordion-item-header { scroll-behavior: auto; }
}


/* Grids & loops - Filtres */
/* Taxonomies - Filtres et boutons */
/* .origarti_taxonomy_container {  } */
.origarti_taxonomy_list { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; gap: 0.5em;}

/* Version "SELECT" pour écrans réduits */
form.origarti_taxonomy_list_form { display: none; } 

@media screen and (max-width: 1024px){ 
	.origarti_taxonomy_list { display: none; }
	form.origarti_taxonomy_list_form { display: flex; } 
}

/* Item pour pointer vers archive général */
/* .origarti_taxonomy_listItem_all {  }  */
/* Items classique */
/* .origarti_taxonomy_listItem {  } */
.origarti_taxonomy_listItem, .origarti_taxonomy_listItem_link_label_archive, .origarti_taxonomy_listItem_link {
	text-align: center; font-family: var(--e-global-typography-primary); font-size: 0.875em; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase;
	color: var(--e-global-color-text);
}
.origarti_taxonomy_listItem_link:after { display: inline; }
.origarti_taxonomy_listItem_link_label_archive,
.origarti_taxonomy_listItem_link { 
	display: flex; justify-content: center; align-items: center;
	padding: 0px 0.5em; gap: 0.5em; min-height: 35px;
	text-decoration: none; color: var(--e-global-color-text); 
	background-color: var(--neutral-grey-inactive);
	border-radius: 5px; border: 1px solid var(--neutral-grey-inactive);
}
.origarti_taxonomy_listItem_counter, .origarti_taxonomy_listItem_link_label_archive, .origarti_taxonomy_listItem_link {
	transition: 350ms color ease-in-out, 350ms background-color ease-in-out;
}

.origarti_taxonomy_listItem_link_label_archive:hover,
.origarti_taxonomy_listItem_link:hover {
	color: var(--neutral-grey-inactive); background-color: var(--e-global-color-text); 
} 
/* Compteur d'articles corespondants à l'item */
.origarti_taxonomy_listItem_counter { 
	display: flex; align-items: center; justify-content: center; 
	width: 1.65em; height: 1.65em; text-align: center;
	background-color: var(--e-global-color-surface); border-radius: 100%; 
}
.origarti_taxonomy_listItem_link:hover .origarti_taxonomy_listItem_counter {
	background-color: var(--e-global-color-primary); color: var(--e-global-color-surface);
}

/* Version SELECT des boutons de taxonomy pour écran tactiles */
select.origarti_taxonomy_list_select {
	appearance: none; /* Standard */ -webkit-appearance: none; /* Safari/Chrome */ -moz-appearance: none; /* Firefox */
	width: 100%; 
	border: 1px solid var(--neutral-grey-inactive-bg); border-radius: 5px;
}
.origarti_taxonomy_container select.origarti_taxonomy_list_select, 
.origarti_taxonomy_container input[type="submit"].origarti_taxonomy_list_form_submit { 
	height: 50px; padding: 0.5em 1em;
}
select.origarti_taxonomy_list_select, select.origarti_taxonomy_list_select option {
	font-family: var(--e-global-typography-primary); font-weight: bold; font-size: 15px; text-transform: uppercase; letter-spacing: 0.1em;
}
input[type="submit"].origarti_taxonomy_list_form_submit { padding: 0; color: var(--surface-color); }

/* @media screen and (max-width: 550px){	form.origarti_taxonomy_list_form { flex-direction: column; } } */

/* Grids & loops - Pagination */
nav.pagination-container { 
	--pagination-size: 40px;
	--pagination-gap: 8px;
	--pagination-icon-size: calc(var(--pagination-size) / 2.5);
 }
nav.pagination-container ul.pagination-list, form.pagination-form  { 
	display: flex; flex-direction: row; align-items: stretch; justify-content: center; gap: var(--pagination-gap);
	margin: 2em auto; 
}
nav.pagination-container .page-item { 
	color: var(--primary-default); font-weight: bold; font-family: var(--e-global-typography-primary); font-size: 12px;
	border-radius: 5px; border: 1px solid var(--neutral-grey-inactive);
	background: var(--e-global-color-surface);
}

nav.pagination-container .page-item, nav.pagination-container .page-item a {
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
	width: var(--pagination-size); height: var(--pagination-size); padding: 0; text-align: center;
	color: var(--text-color);
}
nav.pagination-container .page-item:not(.disabled):not(.active):hover, 
nav.pagination-container .page-item:not(.active) a:hover {
	background-color: var(--neutral-grey-inactive-bg);
}
nav.pagination-container .page-item:not(.disabled):not(.active) { cursor: pointer; }
nav.pagination-container .page-item .page-number { color: inherit; text-decoration: none;}

nav.pagination-container .pagination-icone { max-width: 100%; width: var(--pagination-icon-size); height: var(--pagination-icon-size);  }
nav.pagination-container .page-item svg, nav.pagination-container .page-item path { fill: var(--primary-dark); }

nav.pagination-container .page-item.active { border-color: var(--secondary-light); background-color: var(--secondary-default); }
nav.pagination-container .page-item.disabled { opacity:0.33; }

form.pagination-form { display: none; }
form.pagination-form .pagination-input { font-size: 1em; }

@media screen and (max-width: 800px){
	nav.pagination-container ul.pagination-list { display: none; }
	form.pagination-form { display: flex; flex-direction: row;  }
}

/* Grids & loops - Cards*/
.linkBlock { cursor: pointer; } /* Rend une card intégralement cliquable  */

.card-shadowed { box-shadow: 0px 4px 5px rgba(4, 22, 37, 0.16); transition: box-shadow 250ms ease-in-out; border-radius: 5px;}
.card-shadowed:hover { box-shadow: 0px 2px 5px rgba(4, 22, 37, 0.33); }

.grid-cards-container ul { 
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em; width: 100%;
	list-style: none; padding-left: 0; 
}
.grid-cards-container.grid-cards-mono ul { grid-template-columns: repeat(1, 1fr); }
.grid-cards-container.grid-cards-half ul { grid-template-columns: repeat(2, 1fr); }
.grid-cards-container.grid-cards-third ul { grid-template-columns: repeat(3, 1fr); }
.grid-cards-container.grid-cards-quarter ul { grid-template-columns: repeat(4, 1fr); }


@media screen and (min-width: 1400px){
	.grid-cards-container.grid-cards-4-children.has-hook-last-item ul { grid-template-rows: repeat(2, 1fr); }
	.grid-cards-container.grid-cards-4-children.has-hook-last-item ul > li:last-child { grid-column-start: 2; grid-column-end: 4; }
	.grid-cards-container.grid-cards-quarter.has-hook-last-item ul > li:last-child { grid-column-start: 3; grid-column-end: 5;  }
 }
@media screen and (max-width: 1400px){ 
	.grid-cards-container.grid-cards-quarter ul { grid-template-columns: repeat(3, 1fr); } 
}
@media screen and (max-width: 1024px){ 
	.grid-cards-container.grid-cards-third ul, 
	.grid-cards-container.grid-cards-quarter ul { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 640px){ 
	.grid-cards-container.grid-cards-mono ul, .grid-cards-container.grid-cards-half ul,
	.grid-cards-container.grid-cards-third ul, .grid-cards-container.grid-cards-quarter ul { grid-template-columns: repeat(1, 1fr); }
}
/* .grid-cards-container [data-orientation="row"] {  } */

.loop-item { 
	display: flex; align-items: center;
	padding: 1.5em; gap: 1.25em;
	transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
}
	.grid-cards-container[data-orientation="row"] .loop-item { flex-direction: row; }
	.grid-cards-container[data-orientation="column"] .loop-item { flex-direction: column; }


/* Titre */
.loop-item .loop-item-title { margin-top: 0; margin-bottom: 0.5em; font-size: 1em; line-height: 125%; letter-spacing: 0.1em; white-space: break-spaces; }
.loop-item-title > a { color: inherit; text-decoration: none;}

/* Icône */
.loop-item .loop-item-icon { 
	display: flex; align-items: center; justify-content: center;
	width: 75px; height: 75px; 
}
/* Date */
.loop-item-date, .date-encart, .loop-item-taxonomy { 
	display: inline-flex; align-items: center; gap: 5px; min-height: 20px; padding: 0.75em 0.5em; 
	text-transform: uppercase; font-weight: bold; font-size: 0.75em;
}
.loop-item-date, .date-encart { 
	align-items: flex-start; justify-content: center;
	color: var(--e-global-color-surface); background-color: var(--e-global-color-text);
}
.grid-item-large .loop-item-date-day, .date-encart .loop-item-date-day { grid-area: day; font-size: 3em; line-height: 0.5; font-weight: bold;}
.grid-item-large .loop-item-date-month, .date-encart .loop-item-date-month { grid-area: month; font-size: 0.75em; line-height: 1; letter-spacing: 0.15em; font-weight: normal;}
.grid-item-large .loop-item-date-year, .date-encart .loop-item-date-year { grid-area: year; font-size: 1.75em; line-height: 1; letter-spacing: 0em; font-weight: normal; }
.grid-item-large .loop-item-date, .date-encart { 
	display: grid; grid-template-areas: "day month" "day year"; gap: 0px 0.5em;
}
/* Taxonomy */
.loop-item-taxonomy { 
	color: var(--e-global-color-surface); background-color: var(--e-global-color-primary);
}
.taxonomie-zone { display: flex; align-items:center; gap: 1em; margin-bottom: 2em; }
/* .taxonomie-zone-title {} */
@media screen and (max-width: 640px){
.taxonomie-zone { flex-direction: column; }
}

/* Articles */
.loop-item.loop-item_post { flex-direction: column; align-items: flex-start; justify-content: center;  gap: 0px; padding: 1em;}
.loop-item-post-header { display: inline-flex; flex-direction: row; align-items: center; gap: 0.25em; margin-bottom: 0.5em;}

@media screen and (max-width: 550px){
	.loop-item.loop-item_post { gap: 1em; }
	.loop-item.loop-item_post, .loop-item-post-header { flex-direction: column-reverse;  }
	.loop-item-post-header { display: flex; align-items: stretch; width: 100%; }
	.loop-item-post-header .loop-item-taxonomy { justify-content: center; }
}
.grid-item-large .loop-item_post { border-radius: 5px; padding: 1.5em; }
/* .grid-item-large .loop-item-body {  } */
.grid-item-large, .grid-item-default { display: flex; flex-direction: column; }
.grid-item-large .loop-item_post, .grid-item-default .loop-item_post {
	height: 100%;
}
.grid-item-large .loop-item-post-body { display: flex; flex-direction: column; }

.grid-item-large .loop-item_post { padding: 1.5em; }
.grid-item-large .loop-item-taxonomy { height: 100%; }
.grid-item-default .loop-item_post { padding: 0.75em; }

/*div:not(.grid-item-default) .loop-item-excerpt { display: none; }*/
.loop-item_post:not(.textured):hover { background-color: var(--neutral-grey-inactive); color: var(--primary-default); }


/* Domaine */
.domaines-grid-cards > ul { padding-left: 0.5em; padding-right: 0.5em; }
.domaine-item { background-color: var(--e-global-color-surface);}
.domaine-item .loop-item-icon { 
	width: 50px; height: 50px; border-radius: 50px; background-color: var(--e-global-color-secondary); 
}
.domaine-item.default-item, .domaine-item.default-item .loop-item-icon  {
	background-color: var(--primary-darkest);
}
/* Victoires */
/* .victoires-grid-container {} */
.victoires_total_section { margin-bottom: 3em; }
.victoires_total_section .block-title:after { background-color: var(--tertiary-default); }

.loop-item-card.victoire-item { 
	align-items: flex-start;
	gap: 0.5em;
	border-bottom: 4px solid var(--e-global-color-09e2e97);
	background-color: #fff;
}
.loop-item-card.victoire-item .loop-item-icon svg { fill: var(--e-global-color-f69796f);  }
.loop-item-card.victoire-item .loop-item-title,
.loop-item-card.victoire-item a { color: var(--e-global-color-f69796f); font-weight: bold; }


/* Expertises */
.expertises-list, .expertise-item { display: grid; gap: 0.75em;}
.expertises-list { grid-template-columns: repeat(3, 1fr); gap: 0.5em; padding-left: 0; }
.expertises-list.expertises-list-excerpt-false .expertise-item-description { display: none; }
.expertise-item, .expertise-item a { color: var(--e-global-color-91a48d9);  }
.expertise-item { 
	grid-template-columns: 60px 1fr; padding: 0.5em 1.5em; align-items: center;
	background-color: var(--e-global-color-text);
	border: 1px solid var(--e-global-color-b9719a9); border-radius: 5px;
	transition: all 250ms ease-in-out;
}
	.expertise-item svg { width: 100%; transition: all 250ms ease-in-out; }
	.expertise-item .expertise-item-title, .expertise-item .expertise-item-title .elementor-heading-title { font-family: var(--e-global-typography-primary-font-family); font-weight: 600; font-size: 0.95em; letter-spacing: 0.1em; text-transform: uppercase; }
	.expertise-item-description { /* font-size: 0.875em; */ line-height: 1.25em; } 

.expertise-item:hover, .expertise-item:hover a .expertise-item-title { color: var(--e-global-color-text); }
.expertise-item:hover { background-color: var(--e-global-color-secondary); }
.expertise-item:hover svg { fill: var(--e-global-color-text); }

.expertises-list.expertises-list-excerpt-true .expertise-item {
	display: flex; flex-direction: column; gap: 1em;
	padding: 1.5em; text-align: center;
}
.expertises-list.expertises-list-excerpt-true .expertise-item svg {
	max-width: 100px;
}
/* ITEM complémentaire "vous avez un doute ?" */
.expertise-item.default, .expertise-item.default a { color: var(--e-global-color-text);  }
.expertise-item.default  { 
	background-size: 33%; background-repeat: repeat; background-position: center; 
	background-color: var(--e-global-color-secondary);  
}
.expertises-list.expertises-list-excerpt-false .expertise-item.default .expertise-item-description { display: block; }
.expertise-item.default svg { fill: var(--e-global-color-text);  }
.expertise-item.default:hover, .expertise-item.default:hover a { color: white;  }
.expertise-item.default:hover svg { fill: white;  }

.expertises-list-container {
  container-type: inline-size;
  container-name: expertisesList;
}
@media screen and (max-width: 1400px){
    .expertise-item { padding: 0.5em; font-size: 0.875rem; line-height: 125%; }
}
@media screen and (max-width: 800px){
	.expertises-list { grid-template-columns: repeat(2, 1fr); gap: 0.25em; padding: 0.5em;}
	.expertise-item { grid-template-columns: 50px 1fr; }
	.expertise-item .expertise-item-title { font-size: 0.875em; }
}
@media screen and (max-width: 550px){
	.expertises-list { padding: 0.25em;}
	.expertises-list.expertises-list-excerpt-true { grid-template-columns: repeat(1, 1fr); }
	.expertises-list.expertises-list-excerpt-true .expertise-item,
	.expertise-item { display: grid; grid-template-columns: 45px 1fr; padding: 0.875em; text-align: left;}
	.expertise-item .expertise-item-title { font-size: 12px; }
}
@media screen and (max-width: 460px){ 
	.expertises-list { grid-template-columns: repeat(1, 1fr); }
}

.single-post-introduction { display: flex; flex-direction: column; gap: 0.5em;  color: var(--surface-color);}

.single-post-meta:not(.date-encart) { display: flex; flex-direction: row; justify-content: space-between; gap: 0px; width: 100%;	 }
.single-post-meta, .single-post-meta-label-key{ font-size: 14px;  }
.single-post-meta-label, .single-post-meta-icon  { display: inline-flex; align-items: center;}
.single-post-meta-label { display: inline-flex; align-items: center; gap: 0.25em; font-size: 14px;	 font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; line-height: 125%;	 }
.single-post-meta-label-key { color: var(--secondary-default); text-transform: uppercase; letter-spacing: 0.15em; }
.single-post-meta-icon {  }
.single-post-meta-icon svg { height: 1.5em;	 }
.single-post-meta-icon svg, .single-post-meta-icon path { fill: var(--secondary-default); }

.single-post-introduction-header { position: relative; }
.single-post-introduction .single-post-introduction-header { height: 400px; }
.single-post-introduction .single-post-introduction-header img { object-fit: cover; object-position: center; height: 100%; }

.single-post-introduction-header .loop-item-date { position: absolute; bottom: 0; left: 0; }

.single-post-introduction-body { display: flex; flex-direction: column; align-items: flex-start; justify-items: stretch;  }
.single-post-meta .expertises-list { display: flex; flex-direction: column; gap: 0.25em; }
.single-post-meta .expertise-item { grid-template-columns: 45px 1fr; }

@media screen and (min-width: 800px){
	.single-post-introduction-body { display: grid; grid-template-columns: repeat(3, 1fr); font-size: 0.875em; gap: 1em;  }
	.single-post-introduction-body .single-post-meta { flex: 1;}
	.single-post-meta:not(.date-encart) { flex-direction: column; }
}
@media screen and (max-width: 1024px){
	.single-post-introduction .single-post-introduction-header { height: 320px; }
}

.faq_total_section { display: flex; color: white;  gap: 1em; padding: 2em 1em; width: 100%;}
.faq_total_sections .faq_total_section:nth-child(even) { background-color: rgba(4, 22, 37, 0.45); }
.faq_total_section .container { display: flex; flex-direction: column; max-width: 640px; width: 100%; margin: auto;  }
.faq_total_section_header { flex: 1; }

@media screen and (min-width: 1200px){
	.faq_total_section { padding: 3em 2em;}
	.faq_total_section .container { flex-direction: row;   max-width: 1364px;  gap: 2em; align-items: center; }
	.faq_total_section_header, .faq_total_section_body { flex: 1 }
	.faq_total_section_header { position: sticky; top: 250px; align-self: anchor-center; }
}