/* ============================================
   VARIANT 01
   Merged from TDM/tdm-01.css + POSTS/post-01.css
   ============================================ */

/* -------- TDM (Table of Contents) -------- */

/* SOMMAIRE
   STYLE 1
   LAYOUT : Full Width (1 column)
*/

/* Layout: full width, single column */
.ruby-table-contents {
  display: block;
  width: 100%;
  max-width: 100%;
  float: none;
  clear: both;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.ruby-table-contents .inner {
  column-count: 1;
}


.ruby-table-contents {
  border: 3px solid #e5e7eb;
    border-radius:0;
  padding: 12px 15px 12px 15px;
    box-shadow:none;
}
.ruby-table-contents .ruby-toc-toggle i {
  font-size: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
}

.ruby-table-contents .toc-header {
  margin-bottom:8px!important;
    padding-bottom:0!important;
}
.ruby-table-contents .toc-header span {
  font-size:34px!important;
  padding-bottom:6px!important;
}
.ruby-table-contents .toc-header .rbi-read:before {
  content: '\2630'; /* ☰ */
  font-family: initial;
  font-size:32px;
  color:var(--g-color)!important;
  padding-right:6px!important;
  padding-bottom:60px!important;
}

.ruby-table-contents .inner {
  margin-top:0!important;
    padding-top:0!important;
}
.ruby-table-contents .inner a {
  position: relative;
  display: block;
  padding: 6px 4px 10px 18px!important;
  color: #444;
  left: 16px;
  font-size:16px;
  line-height:20px;
  padding-left: 18px;
  border-bottom:0!important;
    text-decoration:none!important;
}
.ruby-table-contents .inner a:hover {
  color: #6366f1;
}
.ruby-table-contents .inner a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--g-color) !important;
}
.ruby-table-contents .inner a::after {
  display:none!important;
}

/* Collapse toggle icon — personalized */
.ruby-table-contents .ruby-toc-toggle i:before {
  content: "\2304" !important;
  font-family: initial !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--g-color) !important;
}


/* -------- POST (Single post layout) -------- */

/* POSTS - STYLE 01 - inspired by TDM-01 : Minimal Gray Frame
   Ambiance : sobre, encadré 3px gris clair, typo droite, accents carrés
*/

.single-post .s-feat-outer {
	width: 100%;
	margin-bottom: 28px;
}
.single-post .s-feat img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 0;
}

.single-post .s-cats {
	margin-bottom: 14px;
}
.single-post .s-cats a {
	display: inline-block;
	padding: 4px 10px;
	border: 2px solid #e5e7eb;
	color: #444;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
}

.single-post .s-title {
	font-size: 40px;
	line-height: 1.15;
	font-weight: 700;
	color: #1a1a1a;
	margin: 14px 0 18px;
}

.single-post .entry-content.rbct {
	border: 3px solid #e5e7eb;
	border-radius: 0;
	padding: 28px 34px;
	box-shadow: none;
	background: #fff;
}

.single-post .entry-content.rbct h2,
.single-post .entry-content.rbct h3 {
	font-weight: 700;
	color: #1a1a1a;
	border-left: 6px solid var(--g-color);
	padding-left: 12px;
	margin-top: 32px;
}
.single-post .entry-content.rbct h2 { font-size: 26px; }
.single-post .entry-content.rbct h3 { font-size: 21px; }

.single-post .entry-content.rbct p {
	font-size: 17px;
	line-height: 1.75;
	color: #333;
}

.single-post .entry-content.rbct blockquote {
	border-left: 6px solid var(--g-color);
	background: #f9fafb;
	padding: 16px 22px;
	margin: 22px 0;
	font-style: normal;
	color: #444;
	border-radius: 0;
}

.single-post .entry-content.rbct a {
	color: var(--g-color);
	text-decoration: underline;
	text-underline-offset: 3px;
}


/* -------- HEADER -------- */
#site-header {
	background: #fff;
	border-bottom: 3px solid #111;
}
#site-header .logo-sec-inner {
	padding: 20px 0;
}
#site-header .main-menu > li > a {
	color: #111;
	font-weight: 600;
	letter-spacing: 0.02em;
}
#site-header .navbar-wrap {
	border-top: 1px solid #e5e7eb;
	background: #fff;
}
#site-header .search-btn,
#site-header .dark-mode-toggle {
	color: #111;
}