/* police de titrage */
@font-face {font-family: jost; src: url("../fonts/Jost-Regular.ttf"); font-display: swap;
}

:root {
	--orq-accent: #0f6e56;
	--orq-title-hover: #ffe166;
	--orq-accent-bg: #e1f5ee;
	--orq-text: #2c2c2a;
	--orq-text-muted: #5f5e5a;
	--orq-border: #e5e3da;
	--orq-surface: #ffffff;
	--orq-surface-alt: #e3e8f9;
	--orq-radius: 10px;
	--orq-font:jost;
	--orq-font-title: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

body {font-family: var( --orq-font ); color: var( --orq-text ); line-height: 1.65; }

a { color: var( --orq-accent ); text-decoration: none; }
a:hover {color: var( --orq-link ); text-decoration: none; }

.skip-link {
	position: absolute; left: -9999px; top: 0; background: var( --orq-accent );	color: #fff; padding: 10px 16px; z-index: 999;
}
.skip-link:focus { left: 10px; top: 10px; }

/* Header */
.orq-header { border-bottom: 1px solid var( --orq-border );	background: var( --orq-surface );
}
.orq-header-inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 14px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.orq-brand { display: flex; flex-direction: column; }
.orq-brand a { text-decoration: none; }
.orq-logo { font-family: var( --orq-font-title ); font-size: 22px; font-weight: 700; color: var( --orq-text ); }
.orq-tagline { font-family: var( --orq-font ); font-size: 12px; color: var( --orq-text-muted ); margin: 2px 0 0; }
.orq-nav ul { text-transform: uppercase; font-weight: 700; list-style: none; display: flex; gap: 18px; margin: 0; padding: 0; flex-wrap: wrap; }
.orq-nav a { color: var( --orq-text-muted ); font-size: 14px; text-decoration: none; }
.orq-search { display: flex; align-items: center; }
.orq-search input { border: 1px solid var( --orq-border ); border-radius: var( --orq-radius ) 0 0 var( --orq-radius ); padding: 6px 10px; font-size: 13px; }
.orq-search button { border: 1px solid var( --orq-border ); border-left: none; border-radius: 0 var( --orq-radius ) var( --orq-radius ) 0; background: var( --orq-surface-alt ); padding: 6px 10px; cursor: pointer; }

.orq-main { max-width: 1100px; margin: 0 auto; padding: 24px 20px 60px; }

/* Hero */
.orq-hero { margin-bottom: 20px; border-radius: var( --orq-radius ); overflow: hidden; position: relative; min-height: 320px; background: var( --orq-accent-bg ); }
.orq-hero img { width: 100%; height: 420px; object-fit: cover; display: block; }
.orq-hero-caption { position: absolute; left: 24px; right: 24px; bottom: 24px; color: #fff; background-color: rgba(0, 0, 0, 0.65) !important; border-radius: 12px; padding: 12px 24px; display: inline-block; margin-bottom: 10px;}
.orq-hero .orq-badge { color:#fff; background-color:#3e1681;}
.orq-hero-caption h1 { font-family: var( --orq-font-title ); color: #fff; font-size: 48px; margin: 10px 0 6px; font-weight: bold; }
.orq-hero-excerpt, .orq-hero-excerpt p { color: #fff; opacity: .92; font-size: 15px; margin: 0; max-width: 560px; }
.orq-hero-link:hover { text-decoration: none; }
.orq-hero-link:hover h1 { color: var( --orq-title-hover );}

.orq-badge {
	display: inline-block;
	background: var( --orq-accent-bg );
	color: var( --orq-accent );
	font-size: 12px;
	font-weight: 600;
	padding: 3px 10px;
	border-radius: 20px;
}
.orq-badge a { color: inherit; }
.orq-badge-small { font-size: 11px; }

/* Suivez-nous */
.orq-follow-inline, .orq-follow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var( --orq-surface-alt );
	border-radius: var( --orq-radius );
	padding: 12px 18px;
	margin-bottom: 24px;
	flex-wrap: wrap;
	gap: 10px;
}
.orq-follow-inline span, .orq-follow-title { font-weight: 600; font-size: 14px; }
.orq-follow-inline div, .orq-follow-links { display: flex; gap: 10px; }
.orq-follow-inline a, .orq-follow-links a {
	border: 1px solid var( --orq-border );
	border-radius: var( --orq-radius );
	padding: 6px 12px;
	font-size: 13px;
	color: var( --orq-text );
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none !important;
}
.orq-follow-inline a:hover, .orq-follow-links a:hover { border-color: var( --orq-accent ); color: var( --orq-accent ); text-decoration: none !important; }

/* Grille d'articles */
.orq-grid { display: grid; grid-template-columns: repeat( 3, 1fr ); gap: 24px; }
@media ( max-width: 900px ) { .orq-grid { grid-template-columns: repeat( 2, 1fr ); } }
@media ( max-width: 560px ) { .orq-grid { grid-template-columns: 1fr; } }

.orq-card { border-radius: var( --orq-radius ); overflow: hidden; }
.orq-card-image { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; }
.orq-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.orq-card-noimg { display: block; width: 100%; height: 100%; background: var( --orq-surface-alt ); }
.orq-card-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient( to top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, 0 ) 55% );
}
.orq-card-overlay { position: absolute; left: 14px; right: 14px; bottom: 12px; z-index: 1;  }
.orq-card h2 { color: #fff; font-family: var( --orq-font-title ); font-size: 1.5em; margin: 6px 0 0; line-height: 1.2; }
.orq-card:hover { text-decoration: none; }
.orq-card:hover h2 { color: var( --orq-title-hover );}

.orq-card-body { padding: 10px 2px 0; }
.orq-excerpt, .orq-excerpt p { font-size: 13px; color: var( --orq-text-muted ); margin: 0; line-height: 1.5; }

.orq-pagination { margin-top: 30px; text-align: center; }
.orq-pagination a, .orq-pagination span { display: inline-block; padding: 6px 12px; margin: 0 3px; border: 1px solid var( --orq-border ); border-radius: var( --orq-radius );  }
.orq-pagination a { text-decoration: none;}
.orq-pagination a:hover { background-color: var( --orq-title-hover);}
.orq-pagination .current { font-weight: 600;}

/* Page article */
.orq-breadcrumb { font-size: 13px; color: var( --orq-text-muted ); margin-bottom: 12px; }
.orq-article h1 { font-family: var( --orq-font-title ); font-size: 3em; line-height: 1.2; margin: 10px 0 12px; }
.orq-meta { display: flex; gap: 18px; font-size: 13px; color: var( --orq-text-muted ); margin-bottom: 16px; }
.orq-meta .dashicons, .orq-comments-title .dashicons, .orq-toc-title .dashicons { font-size: 16px; width: 16px; height: 16px; vertical-align: -3px; }
.orq-meta a { text-decoration:none; }

.orq-featured-image { margin-bottom: 20px; border-radius: var( --orq-radius ); overflow: hidden; }
.orq-featured-image img { width: 100%; height: auto; display: block; }

/* Article ToC */
.orq-toc { background: var( --orq-surface-alt ); border-radius: var( --orq-radius ); padding: 14px 18px; margin-bottom: 24px;font-size: 16px;}
.orq-toc-title { font-weight: 600;  margin: 0 0 8px; }
.orq-toc ul { margin: 0; padding-left: 18px;  }
.orq-toc li { margin-bottom: 4px; }

/* Article Contenu */
.orq-content { font-size: 16px; text-align:justify; }
.orq-content img { border-radius: var( --orq-radius ); height: auto; }
.orq-content h2 { font-family: var( --orq-font-title ); font-size: 36px; font-weight: 600;}
.orq-content h3 { font-family: var( --orq-font-title ); font-size: 24px; font-weight: 400;}

/* Page Contenu */
.orq-main .post { font-family: var( --orq-font ); font-size: 16px; text-align:justify; }
.orq-main .post img { border-radius: var( --orq-radius ); height: auto; }
.orq-main .post h1 { font-family: var( --orq-font-title ); font-size: 3em; line-height: 1.2; margin: 10px 0 12px; }
.orq-main .post h2 { font-family: var( --orq-font-title ); font-size: 36px; font-weight: 600;}
.orq-main .post h3 { font-family: var( --orq-font-title ); font-size: 24px; font-weight: 400;}

/* Catégorie */
.orq-main .site-main { font-family: var( --orq-font ); font-size: 16px; text-align:justify; }
.orq-main .site-main img { border-radius: var( --orq-radius ); height: auto; }
.orq-main .site-main h1 { font-family: var( --orq-font-title ); font-size: 3em; line-height: 1.2; margin: 10px 0 12px; }
.orq-main .site-main h2 { font-family: var( --orq-font-title ); font-size: 36px; font-weight: 600;}
.orq-main .site-main h3 { font-family: var( --orq-font-title ); font-size: 24px; font-weight: 400;}

/* Precedent / suivant */
.orq-adjacent { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 32px 0; }
.orq-adjacent-link { border: 1px solid var( --orq-border ); border-radius: var( --orq-radius ); padding: 12px 16px; display: flex; align-items: center; gap: 10px; color: var( --orq-text ); }
.orq-adjacent-link:hover { border-color: var( --orq-accent ); text-decoration: none; }
.orq-adjacent-next { justify-content: flex-end; text-align: right; }
.orq-adjacent-link small { display: block; color: var( --orq-text-muted ); font-size: 11px; }
.orq-adjacent-link strong { font-size: 13px; font-weight: 600; }

/* Articles recommandes */
.orq-related-title { font-weight: 700; font-size: 16px; margin-bottom: 12px; }
.orq-related-grid { display: grid; grid-template-columns: repeat( 3, 1fr ); gap: 14px; margin-bottom: 30px; }
.orq-related-card { color: var( --orq-text ); display: block; }
.orq-related-card img { width: 100%; height: 100px; object-fit: cover; border-radius: var( --orq-radius ); display: block; margin-bottom: 6px; }
.orq-related-card p { font-size: 13px; font-weight: 600; margin: 0; }
.orq-related-card:hover { text-decoration: none; }
.orq-related-card:hover p { color: var( --orq-accent ); }

/* Commentaires */
.orq-comments { border-top: 1px solid var( --orq-border ); padding-top: 24px; margin-top: 10px; }
.orq-comments-title { font-weight: 700; font-size: 16px; margin-bottom: 16px; }
.orq-comment-list { list-style: none; margin: 0 0 20px; padding: 0; }
.orq-comment { margin-bottom: 12px; }
.orq-comment-inner { display: flex; gap: 12px; background: var( --orq-surface-alt ); border-radius: var( --orq-radius ); padding: 12px 16px; }
.orq-comment-avatar img { border-radius: 50%; display: block; }
.orq-comment-author { font-weight: 600; font-size: 13px; margin: 0 0 4px; }
.orq-comment-text { font-size: 14px; margin: 0; color: var( --orq-text-muted ); }

.orq-btn, input#submit, .comment-form button {background: var( --orq-accent ); color: #fff; border: none; border-radius: var( --orq-radius );	padding: 10px 20px;	font-size: 14px; cursor: pointer;}
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea {
	width: 100%;
	border: 1px solid var( --orq-border );
	border-radius: var( --orq-radius );
	padding: 8px 12px;
	font-family: inherit;
	margin-bottom: 12px;
}

/* Footer */
.orq-footer { border-top: 1px solid var( --orq-border ); margin-top: 50px; }
.orq-footer .orq-follow { max-width: 1100px; margin: 0 auto 0; border-radius: 0; background: var( --orq-surface-alt ); }
.orq-footer-bottom {
	max-width: 1100px;
	margin: 0 auto;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	color: var( --orq-text-muted );
	flex-wrap: wrap;
	gap: 10px;
}
.orq-footer-links { display: flex; gap: 16px; }

/* Mobile */
@media ( max-width: 700px ) {
	.orq-header-inner { flex-wrap: wrap; }
	.orq-adjacent { grid-template-columns: 1fr; }
	.orq-related-grid { grid-template-columns: 1fr 1fr; }
	.orq-hero img { height: 100%; /*height: 260px;*/ }
	.orq-hero h1 { font-size: 1.5em !important;}
}