/* ============================================================
   Theme    : FOXIZ
   Variante : 027
   Version  : 1.2
   Date     : 18/09/2025
   Fusion   : base + couche custom (TDM/POST/MENU) le 2026-05-05
============================================================ */

/* ============================================================
   BLOC 0 - POLICES (font harmonization, sitewide)
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;600;700;800&family=Sora:wght@400;500;600;700&display=swap');

body {
    --cs-heading-font: "Bodoni Moda", Georgia, serif;
    --cs-body-font: "Sora", system-ui, sans-serif;
}


/* ============================================================
   COUCHE BASE THEME
   (contenu original de style-theme027.css)
============================================================ */

/*FOND1*/
.Fond1 {
background: color-mix(in srgb, var(--g-color) 24%, transparent)!important;
}
.category .Header {
    box-shadow: 0px 12px 0 color-mix(in srgb, var(--g-color) 4%, transparent);
    margin-top:12px!important;
}

.PB180 {
    padding-bottom:180px;
}

/*TITRE1*/
/*Titre1 > Titre*/
.Titre1 .heading-title,
.Titre1 .elementor-heading-title {
    font-size:56px;
    line-height:58px;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 4px 4px 0 color-mix(in srgb, var(--g-color) 40%, transparent);
}
.Titre1.Mini .heading-title,
.Titre1.Mini .elementor-heading-title {
    font-size:42px;
    line-height:46px;
    text-transform: initial!important;
}
.Titre1.Petit .heading-title {
    font-size:38px;
    line-height:42px;
    font-weight: 800;
    text-transform: initial;
    text-shadow: 2px 1px 0 color-mix(in srgb, var(--g-color) 40%, transparent);
}
.Titre2.Petit .elementor-heading-title {
    font-size:24px;
    line-height:26px;
    font-weight: 700;
    text-transform: initial;
    text-shadow: 2px 1px 0 color-mix(in srgb, var(--g-color) 40%, transparent);
}
.Titre1.Milieu .heading-title,
.Titre1.Milieu .elementor-heading-title {
    text-align: center;
    margin:0 auto;
}
/*Titre1 > Bouton*/
.Titre1 .heading-tagline a {
    font-weight:600!important;
    font-size:22px!important;
    line-height:24px!important;
    border-radius:50px;
    background:color-mix(in srgb, var(--g-color) 40%, transparent);;
    padding: 18px 42px;
    transition: 0.4s all;
}
.Titre1 .heading-tagline a:hover {
    background:var(--g-color)!important;
    color:var(--blanc);
}
.Titre1 .heading-tagline .rbi-cright {
    display:none;
}
[data-theme="default"].category .Titre1 .elementor-heading-title ,
[data-theme="default"] .Titre1.Petit .heading-title ,
[data-theme="default"] .Titre2.Petit .elementor-heading-title {
    color:var(--noir);
}
[data-theme="dark"].category .Titre1 .elementor-heading-title ,
[data-theme="dark"] .Titre1.Petit .heading-title ,
[data-theme="dark"] .Titre2.Petit .elementor-heading-title {
    color:var(--blanc);
}

/*Texte1 > Titre*/
.Texte1 p {
    font-size:18px;
    line-height: 20px;
    font-weight: 300!important;
    margin-top:8px;
}
.Texte1.Milieu p {
    text-align: center;
    width:72%;
    margin:0 auto;
}

/*BOUTON*/
/*BOUTON > TEXTE*/
.Bouton1 .elementor-button {
    /*background:color-mix(in srgb, var(--g-color) 40%, transparent);*/
    background-color:var(--blanc)!important;
    color:var(--noir);
    border: 2px solid var(--noir);
    border-radius:0;
    font-size:20px;
    line-height: 22px;
    font-weight:500!important;
    text-transform: uppercase!important;
    padding: 20px 40px;
    border-radius: 50px;
    margin-top:24px;
    box-shadow: 4px 6px 0 color-mix(in srgb, var(--noir) 10%, transparent);
}
/*BOUTON > HOVER*/
.Bouton1 .elementor-button:hover {
    background:color-mix(in srgb, var(--g-color) 70%, transparent)!important;
    color:var(--blanc);
}

/*Theme027Style00*/
.Theme027Style00 .p-wrap {
    padding-right:24px;
}
/*Theme027Style00 > Titre*/
.Theme027Style00 .entry-title {
    font-weight:600!important;
    font-size:36px!important;
    line-height:38px!important;
    margin-bottom:8px;
}

/*Theme027Style00 > Texte*/
.Theme027Style00 .entry-summary {
    font-weight:400!important;
    font-size:18px!important;
    line-height:22px!important;
    margin-bottom:8px;
}

/*Theme027Style00 > Catégorie*/
.p-categories {
    margin-bottom:4px!important; 
}
.Theme027Style00 .p-category {
    font-weight:600!important;
    font-size:18px!important;
    line-height:16px!important;
    margin-bottom:4px;
    border: 1px solid var(--noir)!important;
    padding: 12px 32px;
    margin-bottom: 16px;
}
[data-theme="dark"] .Theme027Style00 .p-category {
    border: 1px solid var(--blanc)!important;
}

/*Theme027Style00 > Bouton*/
.Theme027Style00 .p-link a {
    background-color:var(--blanc)!important;
    color:var(--noir);
    border: 1px solid var(--noir);
    border-radius:0;
    font-size:14px;
    line-height: 16px;
    font-weight:500!important;
    text-transform: uppercase!important;
    padding: 12px 24px;
    border-radius: 50px;
    margin-top:12px;
    box-shadow: 2px 3px 0 color-mix(in srgb, var(--noir) 6%, transparent);
}
[data-theme="dark"] .Theme027Style00 .p-link a:hover {
    background:var(--g-color)!important;
    color:var(--blanc);
    box-shadow: none;
}
.Theme027Style00 .p-link a:hover {
    background:var(--g-color)!important;
    color:var(--blanc);
    box-shadow: none;
}
.Theme027Style00 .rbi-cright {
    display:none!important;
}
.Theme027Style00 .p-link {
    margin-top:16px!important;
    margin-bottom:0px;
}

/*BOUTON > HOVER*/
.Theme027Style00 .p-link  a:hover {
    color:var(--blanc);
}

.Theme027Style01 .p-wrap {
    position: absolute;
}
.Theme027Style01 .p-wrap:nth-child(1) {
    margin-top:-80px;
    margin-left:80px;
    width: 54%!important;
    min-width: 54%!important;
    max-width: 54%!important;
    z-index: 10;
    right:0!important;
}
.Theme027Style01 .p-wrap:nth-child(2) {
    margin-top:20px;
    width: 64%!important;
    min-width: 64%!important;
    max-width: 64%!important;
    z-index: 10;
    left:50%!important;
    transform: translateX(-50%)
}
.Theme027Style01 .p-wrap:nth-child(3) {
    margin-top:-20px;
    width: 50%!important;
    min-width: 50%!important;
    max-width: 50%!important;
    z-index: 8;
    left:4%!important;
}

/*Theme027Style01 > Bordure*/
.Theme027Style01 .p-wrap .p-featured,
.Theme027Style01 .p-wrap .overlay-holder {
    border-radius: 24px!important;
}

/*Theme027Style02*/
/*Theme027Style02 > Bordure*/
.Theme027Style02 .p-wrap,
.Theme027Style02 .p-wrap .p-featured {
    border-radius:20px;
}

/*Theme027Style02 > Titre*/
.Theme027Style02 .entry-title {
    font-weight:600!important;
    font-size:19px!important;
    line-height:20px!important;
    margin-bottom:8px;
    text-align:center;
}
.Theme027Style02.P3 .entry-title {
    font-size:20px!important;
    line-height:22px!important;
}

/*Theme027Style02 > Date*/
.Theme027Style02 .p-meta span {
    font-size:12px!important;
    line-height:14px!important;
    font-weight: 500;
    text-align:center;
    margin:0 auto;
}
.Theme027Style02.P3 .p-meta span {
    font-size:16px!important;
    line-height:18px!important;
}


/*Theme027Style02 > Catégorie*/
.Theme027Style02 .p-category {
    font-weight:600!important;
    font-size:16px!important;
    line-height:18px!important;
    margin-bottom:4px;
}
/*Theme027Style02 > Bouton*/
.Theme027Style02 .p-link {
    font-weight:600!important;
    font-size:16px!important;
    line-height:18px!important;
    margin-bottom:4px;
}

/*Theme027Style03*/
/*Theme027Style03 > Bordure*/
.Theme027Style03 .p-wrap,
.Theme027Style03 .p-wrap .p-featured {
    border-radius:24px!important;
}

/*Theme027Style03 > Titre*/
.Theme027Style03 .entry-title {
    font-weight:600!important;
    font-size:27px!important;
    line-height:29px!important;
    margin-bottom:4px!important;
    text-align: center;
    margin: 0 auto;
}
/*Theme027Style03 > Texte*/
.Theme027Style03 .entry-summary {
    font-weight:400!important;
    font-size:17px!important;
    line-height:19px!important;
    margin-bottom:8px;
    text-align: center;
}

/*Theme027Style03 > Meta*/
.Theme027Style03 .meta-inner {
    text-align:center;
    margin: 0 auto!important;
    place-self: center!important;
    margin-top:24px!important;
}

/*Theme027Style03 > Date*/
.Theme027Style03 .p-meta time {
    font-size:16px!important;
    line-height:18px!important;
    font-weight: 500;
}
/*Theme027Style03 > Catégorie*/
.Theme027Style03 .meta-category a  {
    font-weight:600!important;
    font-size:18px!important;
    line-height:20px!important;
    margin-bottom:4px;
    border: 1px solid var(--noir)!important;
    padding: 4px 18px;
    margin-right: 12px;
}
.Theme027Style03 .meta-category:after  {
    display:none!important;
}
[data-theme="dark"] .Theme027Style03 .meta-category a {
    border: 1px solid var(--blanc)!important;
}

/*Theme027Style04*/
/*Theme027Style04 > Bordure*/
.Theme027Style04 .p-wrap,
.Theme027Style04 .p-wrap .p-featured {
    border-radius:20px;
}
.Sidebar .Theme027Style04 .p-content {
    padding-left: 0!important;
    padding-right: 0!important;
}

/*Theme027Style04 > Titre*/
.Theme027Style04 .entry-title {
    font-weight:600!important;
    font-size:20px!important;
    line-height:22px!important;
    margin-bottom:8px;
}
.Sidebar .Theme027Style04 .entry-title {
    font-size:16px!important;
    line-height:18px!important;
}

/*Theme027Style04 > Date*/
.Theme027Style04 .p-meta time {
    font-size:14px!important;
    line-height:16px!important;
    font-weight: 500;
}
/*Theme027Style04 > Catégorie*/
.p-categories {
    margin-bottom:4px!important; 
}
.Theme027Style04 .p-category {
    font-weight:400!important;
    font-size:12px!important;
    line-height:14px!important;
    margin-bottom:4px;
    border: 1px solid var(--noir)!important;
    padding: 8px 16px;
    margin-right: 12px;
}
.Sidebar .Theme027Style04 .p-category {
    font-size:10px!important;
    line-height:12px!important;
    padding: 6px 8px;
}
[data-theme="dark"] .Theme027Style04 .p-category {
    border: 1px solid var(--blanc)!important;
}

/*Theme027Style05*/
/*Theme027Style05 > Bordure*/
.Theme027Style05 .p-wrap,
.Theme027Style05 .p-wrap .p-featured {
    border-radius:20px;
}

/*Theme027Style05 > Titre*/
.Theme027Style05 .entry-title {
    font-weight:600!important;
    font-size:18px!important;
    line-height:20px!important;
    margin-top:16px!important;
    margin-bottom:8px!important;
    text-align: center;
    margin: 0 auto;
}

/*Theme027Style05 > Date*/
.Theme027Style05 .p-meta time {
    font-size:16px!important;
    line-height:18px!important;
    font-weight: 500;
    text-align:center;
    margin: 0 auto;
}
/*Theme027Style05 > Meta*/
.Theme027Style05 .meta-inner {
    text-align:center;
    margin: 0 auto!important;
    place-self: center!important;
}

/*Theme027Style06*/
/*Theme027Style06 > Bordure*/
.Theme027Style06 .p-wrap,
.Theme027Style06 .p-wrap .p-featured {
    border-radius:20px;
}

/*Theme027Style06 > Titre*/
.Theme027Style06 .entry-title {
    font-weight:600!important;
    font-size:25px!important;
    line-height:25px!important;
    margin-bottom:4px!important;
}
/*Theme027Style06 > Texte*/
.Theme027Style06 .entry-summary {
    font-weight:400!important;
    font-size:17px!important;
    line-height:19px!important;
    margin-bottom:8px;
}

/*Theme027Style06 > Meta*/
.Theme027Style06 .meta-inner {
    margin-top:24px!important;
}

/*Theme027Style06 > Date*/
.Theme027Style06 .p-meta time {
    font-size:16px!important;
    line-height:18px!important;
    font-weight: 500;
}
/*Theme027Style06 > Catégorie*/
.Theme027Style06 .meta-category a  {
    font-weight:600!important;
    font-size:18px!important;
    line-height:20px!important;
    margin-bottom:4px;
    border: 1px solid var(--noir)!important;
    padding: 4px 18px;
    margin-right: 12px;
}
.Theme027Style06 .meta-category:after  {
    display:none!important;
}
[data-theme="dark"] .Theme027Style06 .meta-category a  {
    border: 1px solid var(--blanc)!important;
}

/*Theme027Style06 > Bouton*/
.Theme027Style06 .p-link a {
    background-color:var(--blanc)!important;
    color:var(--noir);
    border: 1px solid var(--noir);
    border-radius:0;
    font-size:14px;
    line-height: 16px;
    font-weight:500!important;
    text-transform: uppercase!important;
    padding: 12px 24px;
    border-radius: 50px;
    margin-top:12px;
    box-shadow: 2px 3px 0 color-mix(in srgb, var(--noir) 6%, transparent);
}
/*BOUTON > HOVER*/
.Theme027Style06 .p-link a:hover {
    background:var(--g-color)!important;
    color:var(--blanc);
    box-shadow: none;
}


@media only screen and (max-width: 600px) {
.PB180 {
    padding-bottom:240px!important;
}
/*TITRE1*/
.Titre1 {
    margin-bottom:8px!important;
}
.Titre1 .heading-title {
    font-size:32px;
    line-height:34px;
}
.Titre1.Petit .heading-title {
    font-size:24px;
    line-height:26px;
}
.Titre1.Petit {
    margin-bottom:0px!important;
}

/*Titre1 > Bouton*/
.Titre1 .heading-tagline span {
    font-size:12px!important;
    line-height:14px!important;
    padding: 12px 24px;
}
/*Texte1 > Titre*/
.Texte1 p {
    font-size:14px;
    line-height: 16px;
}

/*BOUTON*/
/*BOUTON > TEXTE*/
.Bouton1 .elementor-button {
    font-size: 14px;
    line-height: 16px;
    padding: 12px 24px;
    box-shadow: 2px 3px 0 color-mix(in srgb, var(--noir) 10%, transparent);
}

/*Theme027Style00*/
/*Theme027Style00 > Titre*/
.Theme027Style00 .entry-title {
    font-size:22px!important;
    line-height:24px!important;
}

/*Theme027Style00 > Texte*/
.Theme027Style00 .entry-summary {
    font-size:15px!important;
    line-height:17px!important;
}

/*Theme027Style00 > Catégorie*/
.Theme027Style00 .p-category {
    font-size:14px!important;
    line-height:16px!important;
    padding: 12px 24px;
}
.Theme027Style02.P3 .entry-title {
    font-size: 18px !important;
    line-height: 20px !important;
}
.Theme027Style02.P3 .p-meta span {
    font-size: 14px !important;
    line-height: 16px !important;
}
/*Theme027Style06 > Titre*/
.Theme027Style06 .entry-title {
    font-size:22px!important;
    line-height:24px!important;
}
/*Theme027Style06 > Texte*/
.Theme027Style06 .entry-summary {
    font-size:16px!important;
    line-height:18px!important;
}
}

/*ARTICLE*/
.ArticleHeader .s-feat-outer {
    margin-bottom:0!important;
}
.ArticleHeader .s-feat-outer img {
    box-shadow: -16px -16px 0 color-mix(in srgb, var(--g-color) 24%, transparent)!important;
}
.ArticleHeader {
    box-shadow: 0px 12px 0 color-mix(in srgb, var(--g-color) 4%, transparent);
}

/*HOVER*/
.p-wrap img {
  transition: filter 0.3s ease;
}
.p-wrap:hover img {
  filter: brightness(0.7) contrast(1.1);
}

/* CATEGORIE*/
.category h1 {
    font-size:4.6rem!important;
    line-height:4.6rem!important;
}
.category .blog-content .p-wrap,
.category .blog-content .p-wrap .p-featured {
    border-radius:20px;
}
.category .blog-content .p-wrap .entry-title {
    font-weight:600!important;
    font-size:20px!important;
    line-height:22px!important;
    margin-top:16px!important;
    margin-bottom:8px!important;
    text-align: center;
    margin: 0 auto;
}
.category .blog-content .p-wrap .p-meta time {
    font-size:18px!important;
    line-height:20px!important;
    font-weight: 500;
    text-align:center;
    margin: 0 auto;
}
.category .blog-content .p-wrap .meta-inner {
    text-align:center;
    margin: 0 auto!important;
    place-self: center!important;
}
.category .blog-content .p-wrap .p-categories,
.category .blog-content .p-wrap .entry-summary {
    display:none;
}


/* ============================================================
   COUCHE CUSTOM (TDM + POST + MENU)
   (contenu original de style-theme027-custom-styles.css)
============================================================ */

/* --- POLICES (font harmonization) --- */
.entry-title,
.entry-title a,
.heading-title,
.heading-title a,
.elementor-heading-title,
.elementor-heading-title a,
body.single-post .s-title,
h1, h2, h3, h4, h5, h6 {
	font-family: var(--cs-heading-font)!important;
}

p,
.entry-summary,
time {
	font-family: var(--cs-body-font)!important;
}


/* ============================================================
   BLOC 1 — TDM (Table des matières, single post only)
   ============================================================ */

/* Conteneur */
body.single-post .ruby-table-contents {
	border: 3px solid var(--g-color);
	border-radius: 0px;
	padding: 16px 18px;
	box-shadow: 6px 6px 0 0 var(--noir);
	background: var(--blanc);
}

/* En-tête de la TDM */
body.single-post .ruby-table-contents .toc-header {
	margin-bottom: 10px;
	padding-bottom: 0;
}
body.single-post .ruby-table-contents .toc-header span {
	font-size: 32px;
	font-weight: 700;
	font-family: var(--cs-heading-font);
	text-transform: uppercase;
	padding-bottom: 0px;
	color: var(--noir);
}
body.single-post .ruby-table-contents .toc-header .rbi-read:before {
	content: "\2630"; /* icône ☰ */
	font-family: initial;
	font-size: 28px;
	color: var(--g-color) !important;
	padding-right: 8px;
}

/* Liste des items */
body.single-post .ruby-table-contents .inner {
	margin-top: 0;
	padding-top: 0;
	column-count: 2;
	counter-reset: toc-counter;
}
body.single-post .ruby-table-contents .inner > * {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
}
body.single-post .ruby-table-contents .inner a {
	position: relative;
	display: block;
	padding: 4px 4px 4px 24px;
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	text-decoration: none !important;
	text-shadow: none !important;
	border: 3px solid transparent;
	border-radius: 0px;
	transition: all .2s ease;
}
body.single-post .ruby-table-contents .inner a:hover {
	color: var(--g-color) !important;
	border-color: var(--g-color);
}
body.single-post .ruby-table-contents .inner a::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background: var(--g-color);
	border-radius: 0px;
}
body.single-post .ruby-table-contents .inner a::after {
	display: none !important;
}

/* Chevron toggle */
body.single-post .ruby-table-contents .ruby-toc-toggle i:before {
	content: "\23F7" !important;
	font-family: initial !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: var(--g-color) !important;
}


/* ============================================================
   BLOC 2 — POST (Single article)
   ============================================================ */

/* Image à la une */
body.single-post .s-feat-outer {
	width: 100%;
	margin-bottom: 28px;
}
body.single-post .s-feat img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 0px;
}

/* Catégories */
body.single-post .s-cats {
	margin-bottom: 14px;
}
body.single-post .s-cats a,
body.single-post .s-cats .p-category,
body.single-post .s-cats .meta-category a {
	display: inline-block;
	padding: 5px 12px;
	border: 3px solid var(--g-color);
	border-radius: 0px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
}

/* Titre H1 article */
body.single-post .s-title {
	font-size: 42px;
	line-height: 1.1;
	font-weight: 700;
	font-family: var(--cs-heading-font);
	text-transform: initial;
	margin: 4px 0 20px;
}

/* Sous-titres */
/* H2 — layout 13 brutaliste (badge accent + ombre offset noire) */
body.single-post .entry-content.rbct h2 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    text-transform: initial;
    text-shadow: 2px 1px 0 color-mix(in srgb, var(--g-color) 40%, transparent);
}

/* H3 — layout 1 (encadrement skew avec bordures verticales accent) */
body.single-post .entry-content.rbct h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: initial;
    text-shadow: 2px 1px 0 color-mix(in srgb, var(--g-color) 40%, transparent);
}
body.single-post .entry-content.rbct h3::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: skewX(-15deg);
	border-left: 3px solid var(--g-color);
	border-right: 3px solid var(--g-color);
	pointer-events: none;
}

/* Paragraphes & listes */
body.single-post .entry-content.rbct p,
body.single-post .entry-content.rbct ol li,
body.single-post .entry-content.rbct ul li {
	font-size: 17px;
	line-height: 1.75;
}

/* Citations */
body.single-post .entry-content.rbct blockquote {
	border-left: 6px solid var(--g-color);
	background: color-mix(in srgb, var(--g-color) 6%, var(--blanc));
	padding: 18px 24px;
	margin: 24px 0;
	font-style: normal;
	border-radius: 0px;
}

/* Liens inline */
body.single-post .entry-content.rbct a {
	color: var(--g-color);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.ArticleHeader {
	margin-top:0!important;
	padding-top:42px;
}

/* ============================================================
   BLOC 3 — MENU (Header sitewide)
   ============================================================ */
header {
    background: color-mix(in srgb, var(--g-color) 24%, transparent) !important;
	padding-bottom:8px!important;
}
#site-header .logo-sec-inner {
	padding: 4px 0;
}
#site-header .main-menu > li > a {
	font-weight: 700;
	font-family: var(--cs-heading-font);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
#site-header .navbar-wrap {
    background: var(--transparent)!important;
}

/* ============================================================
   SEARCH (light + dark) — Theme 027
   ============================================================ */

/* light mode wrapper */
.rb-search-form .search-form-inner {
  display: flex;
  align-items: center;
  background: var(--blanc);
  border-radius: 0;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--noir) 12%, transparent);
  transition: 0.3s ease;
  background: color-mix(in srgb, var(--g-color) 15%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--g-color) 100%, transparent)!important;
}

/* search icon */
.search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--g-color);
  transition: 0.2s ease;
}
.rbi-search:before {
  content: "\e946";
}

/* input */
.search-text {
  flex: 1;
}
.search-text input.field {
  border: none;
  outline: none;
  width: 100%;
  padding: 10px;
  background: transparent;
  color: var(--noir);
  font-family: var(--cs-body-font);
}
.search-text input.field::placeholder {
  color: color-mix(in srgb, var(--noir) 55%, transparent);
}

/* submit button (always circular) */
.rb-search-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--g-color);
  border-radius: 0;
  width: 38px;
  height: 38px;
  margin-left: 6px;
  cursor: pointer;
  transition: 0.2s ease;
}
.rbi-cright:before {
  content: "\276F";
  font-family: initial;
  color: #fff;
  font-size: 14px;
}
.rb-search-submit:hover {
  transform: scale(1.08);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* focus state */
.search-form-inner:focus-within {
  border-color: var(--g-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--g-color) 18%, transparent);
}

/* dark mode overrides */
[data-theme="dark"] .rb-search-form .search-form-inner {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
}
[data-theme="dark"] .search-text input.field {
  color: #fff;
}
[data-theme="dark"] .search-text input.field::placeholder {
  color: #aaa;
}
[data-theme="dark"] .rbi-search {
  color: #fff;
  opacity: 0.85;
}
[data-theme="dark"] .rb-search-submit {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .search-form-inner:focus-within {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
}


/* --- HEADER SEARCH (icon + dropdown) --- */
.logo-sec-right .icon-holder {
	width: 40px;
	height: 40px;
	background: var(--blanc);
	border: 2px solid var(--noir);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 3px 3px 0 0 var(--noir);
	transition: 0.15s ease;
}
.logo-sec-right .wnav-icon {
	color: var(--noir);
	font-size: 18px;
}
.logo-sec-right .icon-holder:hover {
	background: var(--g-color);
	transform: translate(1px, 1px);
	box-shadow: 2px 2px 0 0 var(--noir);
}
.logo-sec-right .icon-holder:hover .wnav-icon {
	color: var(--blanc);
}
.header-dropdown {
	margin-top: 12px;
	border: 2px solid var(--noir);
	border-radius: 0;
	padding: 0px;
	background: var(--blanc);
	box-shadow: 4px 4px 0 0 var(--noir);
}
.w-header-search .header-search-form {
	padding: 0!important;
}
[data-theme="dark"] .logo-sec-right .icon-holder {
	background: var(--noir);
	border-color: var(--blanc);
	box-shadow: 3px 3px 0 0 var(--blanc);
}
[data-theme="dark"] .logo-sec-right .wnav-icon {
	color: var(--blanc);
}
[data-theme="dark"] .header-dropdown {
	background: var(--noir);
	border-color: var(--blanc);
	box-shadow: 4px 4px 0 0 var(--blanc);
}

.sticky-on .navbar-wrap {
    background: var(--nav-bg);
    background: -webkit-linear-gradient(left, var(--nav-bg-from) 0%, var(--nav-bg-to) 100%);
    background: linear-gradient(to right, var(--nav-bg-from) 0%, var(--nav-bg-to) 100%);
}