/*
Theme Name: Child of InHype
Theme URI: https://magniumthemes.com/;
Description: Child theme based on InHype
Author: Your Name
Version: 1.0
Template: inhype
*/

/* =============================================
   Sidebar: scroll with left content (static flow)
   ============================================= */
@media (min-width: 992px) {
  .sidebar.sidebar-right {
    position: static !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
}

/* Footer ad area: remove excessive top spacing */
.footer-sidebar-2-wrapper {
  margin-top: 0 !important;
}
.sidebar.footer-sidebar-2 > ul {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-top: none !important;
  justify-content: center;
}
.sidebar.footer-sidebar-2 > ul > li {
  width: 100% !important;
  text-align: center;
}

/* =============================================
   Dark theme: CSS variable overrides
   ============================================= */
html[data-theme="dark"] {
  --color-body-bg: #121212;
  --color-body-text: #d0d0d0;
  --color-bg-grey: #1e1e1e;
  --color-bg-dark: #0d0d0d;
  --color-border-grey: #2e2e2e;
  --color-border-darkgrey: #3a3a3a;
  --color-mainmenu-submenu-bg: #1e1e1e;
  --color-mainmenu-submenu-link: #c8c8c8;
  --color-bg-topmenu: #121212;
  --color-bg-footer: #0d0d0d;
  --color-bg-footer-dark: #0a0a0a;
  --color-mainmenu-link: #d0d0d0;
  --color-mainmenu-link-hover: #7ab4f5;
  --color-button: #2a2a2a;
  --color-button-hover: #3a3a3a;
}

html[data-theme="dark"] a,
html[data-theme="dark"] a:link,
html[data-theme="dark"] a:visited {
  color: #58a6ff !important;
}
html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:focus {
  color: #79bbff !important;
}

/* ---- body ---- */
html[data-theme="dark"] body {
  background-color: #121212 !important;
  color: #d0d0d0;
}

/* ---- header ---- */
html[data-theme="dark"] header.main-header,
html[data-theme="dark"] header.main-header.fixed {
  background-color: #121212 !important;
  border-bottom: 1px solid #2e2e2e !important;
}
html[data-theme="dark"] header.main-header.mainmenu-light .header-left,
html[data-theme="dark"] header.main-header.mainmenu-light .header-right,
html[data-theme="dark"] header.main-header.mainmenu-light .header-center,
html[data-theme="dark"] .header-blog-info {
  background-color: transparent !important;
  color: #d0d0d0 !important;
}
html[data-theme="dark"] .header-blog-info a,
html[data-theme="dark"] .header-right a {
  color: #c0c0c0 !important;
}
/* top bar */
html[data-theme="dark"] .inhype-bb-block-inside_header,
html[data-theme="dark"] .blog-post-reading-progress {
  background-color: #121212 !important;
}

/* ---- main menu ---- */
html[data-theme="dark"] .mainmenu-light nav ul li a,
html[data-theme="dark"] .mainmenu-light nav ul li span {
  color: #d0d0d0 !important;
}
html[data-theme="dark"] .mainmenu-light nav ul li a:hover {
  color: #58a6ff !important;
}
html[data-theme="dark"] nav ul li ul,
html[data-theme="dark"] .mainmenu-light nav ul li ul {
  background-color: #1a1a1a !important;
  border-color: #2e2e2e !important;
}
html[data-theme="dark"] nav ul li ul li a {
  color: #c8c8c8 !important;
}

/* ---- content area ---- */
html[data-theme="dark"] .content-block,
html[data-theme="dark"] .template-2col-inside,
html[data-theme="dark"] .template-2col {
  background-color: transparent !important;
}

/* ---- headings ---- */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .entry-title,
html[data-theme="dark"] .entry-title a,
html[data-theme="dark"] .post-title,
html[data-theme="dark"] .post-title a,
html[data-theme="dark"] .page-item-title-single,
html[data-theme="dark"] .container-page-item-title,
html[data-theme="dark"] .container-page-item-title-inside {
  color: #e8e8e8 !important;
}
html[data-theme="dark"] .entry-title a:hover,
html[data-theme="dark"] .post-title a:hover {
  color: #58a6ff !important;
}

/* ---- post cards (index page) ---- */
html[data-theme="dark"] .inhype-post,
html[data-theme="dark"] .inhype-list-post,
html[data-theme="dark"] .inhype-shortline-post,
html[data-theme="dark"] .inhype-grid-post,
html[data-theme="dark"] .inhype-grid-short-post,
html[data-theme="dark"] .inhype-post-single,
html[data-theme="dark"] .inhype-post-bottom {
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .inhype-post-details,
html[data-theme="dark"] .post-date,
html[data-theme="dark"] .post-read-time,
html[data-theme="dark"] .post-author,
html[data-theme="dark"] .post-info-dot {
  color: #999 !important;
}
html[data-theme="dark"] .post-excerpt {
  color: #d0d0d0 !important;
}
html[data-theme="dark"] .post-categories .cat-title {
  background-color: #ffffff !important;
  color: #222222 !important;
}

/* ---- single post content ---- */
html[data-theme="dark"] .entry-content,
html[data-theme="dark"] .entry-content p,
html[data-theme="dark"] .entry-content li,
html[data-theme="dark"] .entry-content span {
  color: #d0d0d0 !important;
}
html[data-theme="dark"] .entry-content a {
  color: #58a6ff !important;
}
html[data-theme="dark"] .entry-content a:hover {
  color: #79bbff !important;
}
html[data-theme="dark"] .entry-content blockquote {
  background-color: #1e1e1e !important;
  border-left-color: #58a6ff !important;
  color: #c0c0c0 !important;
}
html[data-theme="dark"] .entry-content h1,
html[data-theme="dark"] .entry-content h2,
html[data-theme="dark"] .entry-content h3,
html[data-theme="dark"] .entry-content h4,
html[data-theme="dark"] .entry-content h5,
html[data-theme="dark"] .entry-content h6 {
  color: #e8e8e8 !important;
}

/* ---- code blocks (HCB / Prism) ---- */
html[data-theme="dark"] .hcb_wrap,
html[data-theme="dark"] pre.prism,
html[data-theme="dark"] pre,
html[data-theme="dark"] code {
  background: #1a1a2e !important;
  color: #a8d8ea !important;
  border-color: #2e2e4e !important;
}
html[data-theme="dark"] .hcb_wrap .toolbar,
html[data-theme="dark"] .hcb_wrap .toolbar-item a {
  background: #252545 !important;
  color: #8899cc !important;
}

/* ---- tables ---- */
html[data-theme="dark"] table {
  border-color: #2e2e2e !important;
  color: #d0d0d0 !important;
}
html[data-theme="dark"] th {
  background: #1e1e1e !important;
  color: #e8e8e8 !important;
  border-color: #2e2e2e !important;
}
html[data-theme="dark"] td {
  border-color: #2e2e2e !important;
}
html[data-theme="dark"] tr:nth-child(even) td {
  background: #1a1a1a !important;
}

/* ---- sidebar & widgets ---- */
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .main-sidebar,
html[data-theme="dark"] .widget,
html[data-theme="dark"] .inhype-textwidget-wrapper,
html[data-theme="dark"] .inhype-textwidget {
  background-color: transparent !important;
  color: #d0d0d0 !important;
}
html[data-theme="dark"] .widget a {
  color: #58a6ff !important;
}
html[data-theme="dark"] .widget a:hover {
  color: #79bbff !important;
}
html[data-theme="dark"] .widget ul li {
  border-color: #2e2e2e !important;
}
html[data-theme="dark"] .widget-title,
html[data-theme="dark"] .widget .widgettitle {
  color: #e8e8e8 !important;
  border-color: #2e2e2e !important;
}

/* ---- post navigation ---- */
html[data-theme="dark"] .nav-post-wrapper {
  background-color: #1a1a1a !important;
  border-color: #2e2e2e !important;
}
html[data-theme="dark"] .nav-post-button {
  background-color: #1e1e1e !important;
  border-color: #2e2e2e !important;
}
html[data-theme="dark"] .nav-post-button:hover {
  background-color: #252525 !important;
}
html[data-theme="dark"] .nav-post-button-title,
html[data-theme="dark"] .nav-post-name {
  color: #c0c0c0 !important;
}
html[data-theme="dark"] .nav-post-details {
  color: #999 !important;
}

/* ---- buttons & links ---- */
html[data-theme="dark"] .btn,
html[data-theme="dark"] .more-link,
html[data-theme="dark"] .post-readmore a {
  background-color: #3b82f6 !important;
  color: #ffffff !important;
  border-color: #3b82f6 !important;
}
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .more-link:hover {
  background-color: #2563eb !important;
  color: #000000 !important;
}

/* ---- search ---- */
html[data-theme="dark"] .search-toggle-wrapper,
html[data-theme="dark"] .header-center-search-form,
html[data-theme="dark"] .searchform {
  background-color: #1e1e1e !important;
  border-color: #3a3a3a !important;
}
html[data-theme="dark"] .searchform input,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background-color: #1e1e1e !important;
  color: #d0d0d0 !important;
  border-color: #3a3a3a !important;
}

/* ---- footer ---- */
html[data-theme="dark"] .footer-sidebar-2-wrapper,
html[data-theme="dark"] .footer-sidebar-2-wrapper.footer-white {
  background-color: #161616 !important;
  border-top: 1px solid #2e2e2e !important;
}
html[data-theme="dark"] .footer-sidebar-2,
html[data-theme="dark"] .footer-sidebar-2-container {
  background-color: transparent !important;
}
html[data-theme="dark"] .footer-wrapper {
  background-color: #0d0d0d !important;
}
html[data-theme="dark"] .footer-bottom {
  background-color: #0a0a0a !important;
  border-top: 1px solid #1e1e1e !important;
}
html[data-theme="dark"] .footer-copyright,
html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-menu a,
html[data-theme="dark"] .main-footer a,
html[data-theme="dark"] .main-footer p,
html[data-theme="dark"] .main-footer span {
  color: #888 !important;
}
html[data-theme="dark"] .footer-links a:hover,
html[data-theme="dark"] .footer-menu a:hover {
  color: #aaa !important;
}

/* ---- social icons ---- */
html[data-theme="dark"] .social-icons-with-bg a {
  background-color: #2a2a2a !important;
  color: #c0c0c0 !important;
}

/* ---- misc ---- */
html[data-theme="dark"] hr {
  border-color: #2e2e2e !important;
}
html[data-theme="dark"] .inhype-bb-block-single_post_bottom {
  background-color: #1a1a1a !important;
  border-color: #2e2e2e !important;
}
/* Reading progress bar keeps accent color */
html[data-theme="dark"] .reading-progress-bar {
  background-color: #58a6ff !important;
}


/* ---- post stats (views / likes) ---- */
html[data-theme="dark"] .post-info-views,
html[data-theme="dark"] .post-info-views i,
html[data-theme="dark"] .post-info-likes,
html[data-theme="dark"] .post-info-likes i,
html[data-theme="dark"] .post-like-counter,
html[data-theme="dark"] .post-like-button,
html[data-theme="dark"] .post-read-time,
html[data-theme="dark"] .post-info-dot {
  color: #d0d0d0 !important;
}
/* =============================================
   Dark toggle floating button
   ============================================= */
#miya-dark-toggle {
  position: fixed;
  bottom: 134px;
  right: 60px;
  z-index: 9999;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background: #fff;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  transition: background 0.2s, border-color 0.2s;
  padding: 0;
}
html[data-theme="dark"] #miya-dark-toggle {
  background: #222;
  border-color: #555;
}


/* ---- FA6 x-twitter brand icon fix ---- */
.fa.fa-x-twitter {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}
.fa.fa-x-twitter::before {
    content: "\e61b";
}