/*
 Theme Name: Benqu Child
 Description: Child theme for Benqu — Angle Libre custom styles (noir & rouge foncé)
 Author: Maud + Émilie
 Template: benqu
 Version: 1.0.0
 Text Domain: benqu-child
*/

:root{
  --ink:#0B0B10;
  --ink-2:#141414;
  --text:#E9E9EE;
  --muted:#A1A1AE;
  --red:#B51228;       /* primary */
  --red-700:#730014;   /* dark accent */
  --red-500:#D62839;   /* hover */
  --off:#F5F5F7;
}

html{color-scheme:dark; background:var(--ink);}


.card{
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
  border-radius:20px;
}

:focus-visible{outline:2px solid var(--red); outline-offset:2px}

.hero:before{
  content:"";
  position:absolute; inset:-20%;
  background:radial-gradient(60% 40% at 50% 30%, rgba(181,18,40,.35), transparent 60%);
  filter:blur(40px);
  pointer-events:none;
}

/* Clamp titles/excerpts to avoid overflow in cards */
.post-card h2, .archive .entry-title{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.post-card .excerpt{-webkit-line-clamp:2}


.mainmenu .site-navigation .navigation li a {
	font-size: 16px;
	font-weight: 700;
	padding: 6px 0;
	padding-right: 50px;
	font-family: 'Encode Sans Condensed', sans-serif;
	color: #F5F5F7;
}

.mainmenu {
	background-color: #0B0B10;
	padding-left: 30px;
	border-radius: 5px;
}

header.benqu-main-header.pfy-header-2 .mainmenu .site-navigation .navigation li a {
	color: #f0f0f0;
}

span.pfy-sidebarnav {
	background-color: #890A22;
}

.hamburger_menu.d-lg-none {
	background-color: #0B0B10;
}

.slide-bar {
	background-color: #0B0B10;
}

.side-mobile-menu ul li a {
	padding: 13px 0;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	font-size: 15px;
	color: #F5F5F7;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	font-family: 'Encode Sans Condensed', sans-serif;
}

.far.fa-search {
	color: #890A22;
	font-weight: 500;
}

.pfy-header-4 .pfy-search-btn, .pfy-header-4 a.icon-box {
	border-radius: 25px;
	border-color: #777;
}

a.pfy-btn.pfy-btn-primery.login-btn {
	border-radius: 5px;
	padding: 0;
	width: 80px;
	height: 40px;
	line-height: 40px;
	display: none;
}

.pfy-post-list-wrap.list-style-3 .pfy-post-thumb img {
	height: 68px;
	border: 2px solid var(--color-primary) !important;
	border-radius: 20%;
}

.pfy-post-list-wrap.list-style-3 .pfy-post-thumb a {
	border-radius: 20%;
	overflow: hidden;
}