/*
	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;
}

/* 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 {
	font-family: "Roboto Mono", monospace; 
	font-size: 12px; font-weight: bold; letter-spacing: 3px; text-transform: uppercase;
	text-align: center; 
	color: var(--e-global-color-text);
}

.origarti_taxonomy_listItem_link_label_archive,
.origarti_taxonomy_listItem_link { 
	display: flex; justify-content: center; align-items: center;
	padding: 0px 0.875em; gap: 0.5em; min-height: 35px;
	text-decoration: none; color: var(--e-global-color-text); 
	border: 1px solid var(--e-global-color-text); border-radius: 50px; 
}
	.origarti_taxonomy_listItem_link:after { display: inline; }

.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(--e-global-color-text); background-color: var(--e-global-color-accent); 
} 

/* Compteur d'articles corespondants à l'item */
.origarti_taxonomy_listItem_counter { 
	display: flex; align-items: center; justify-content: center; 
	width: 24px; height: 24px; text-align: center;
	border-radius: 100%; 
}

	.origarti_taxonomy_listItem_link .origarti_taxonomy_listItem_counter {
		color: var(--e-global-color-text);
		background-color: var(--e-global-color-accent); 
	}

	.origarti_taxonomy_listItem_link:hover .origarti_taxonomy_listItem_counter {
		color: var(--e-global-color-accent);
		background-color: var(--e-global-color-text); 
	}

/* 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(--e-global-color-accent-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(--e-global-typography-primary);
	background: transparent;
}

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(--e-global-color-accent-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); }