/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.8
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

/* === TolgaCeyhan V6.4 UI Pack (TOC-free, featured image fix) ===
   - Featured home layout (CSS-based)
   - Sidebar widget cards
   - Dark mode variables
   - TOC, step blocks, code blocks polish
*/

:root{
  --tc-accent: #1f6feb;
  --tc-accent-2: #0b5ed7;
  --tc-radius: 14px;
  --tc-card-border: rgba(31,111,235,.18);
  --tc-shadow: 0 10px 30px rgba(0,0,0,.08);
  --tc-shadow-hover: 0 16px 44px rgba(0,0,0,.12);
  --tc-bg: #ffffff;
  --tc-surface: #ffffff;
  --tc-text: #0f172a;
  --tc-muted: #475569;
  --tc-code-bg: #0b1220;
  --tc-code-text: #e6edf3;
}


body{ background: var(--tc-bg); color: var(--tc-text); }

/* Links + accent */
a, .is-link{ color: var(--tc-accent); }
a:hover{ color: var(--tc-accent-2); }
a:focus{ outline: 2px solid rgba(31,111,235,.35); outline-offset: 2px; }

/* Cards */
.tc-card, .p-wrap, .rb-card, .is-card{
  border-radius: var(--tc-radius);
}
.p-wrap{
  /* v6.4: don't override Foxiz thumbnail/background-image implementations */
  border-radius: var(--tc-radius);
  box-shadow: var(--tc-shadow);
  transition: transform .18s ease, box-shadow .18s ease;
  background: none !important;
  border: none !important;
  overflow: visible !important;
}
.p-wrap:hover{
  transform: translateY(-3px);
  box-shadow: var(--tc-shadow-hover);
}

/* Inner card surface (multiple selectors for Foxiz variants) */
.p-wrap .p-content-wrap,
.p-wrap .p-content,
.p-wrap .rb-content,
.p-wrap .rb-entry,
.p-wrap .p-entry,
.p-wrap .p-text,
.p-wrap .p-body,
.p-wrap .content-wrap{
  background-color: var(--tc-surface);
  border: 1px solid var(--tc-card-border);
  border-radius: var(--tc-radius);
  padding: 14px 14px;
}
/* Post title / typography tweaks */
.entry-title, .p-title, h1, h2, h3{
  letter-spacing: -0.015em;
}
.entry-content{
  color: var(--tc-text);
  line-height: 1.75;
}
.entry-content p{
  margin: 0 0 1.05em;
}
.entry-content h2{ margin-top: 1.6em; }
.entry-content h3{ margin-top: 1.2em; }
.entry-content a{
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Step blocks */
.tc-step{
  border: 1px solid var(--tc-card-border);
  border-left: 4px solid var(--tc-accent);
  border-radius: var(--tc-radius);
  background: var(--tc-surface);
  padding: 14px 16px;
  margin: 14px 0;
  box-shadow: var(--tc-shadow);
}
.tc-step > h3, .tc-step > h4{ margin-top: 0; }

/* Code blocks */
.entry-content pre{
  position: relative;
  border-radius: var(--tc-radius);
  background: var(--tc-code-bg);
  color: var(--tc-code-text);
  padding: 14px 14px;
  overflow:auto;
  border: 1px solid rgba(255,255,255,.08);
}
.entry-content pre code{ color: inherit; }
.tc-copy{
  position:absolute;
  top:10px; right:10px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: var(--tc-code-text);
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 12px;
  cursor: pointer;
  transition: transform .14s ease, background .14s ease, border-color .14s ease;
}
.tc-copy:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.28);
}

/* Heading anchors */
.tc-anchor{
  margin-left: .5rem;
  opacity: .0;
  font-size: .9em;
  text-decoration: none !important;
  color: var(--tc-muted);
  transition: opacity .12s ease, color .12s ease;
}
.entry-content h2:hover .tc-anchor,
.entry-content h3:hover .tc-anchor,
.entry-content h4:hover .tc-anchor{ opacity: .95; }
.tc-anchor:hover{ color: var(--tc-accent); }

/* Reading meta strip (injected by JS) */
.tc-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top: 10px;
}
.tc-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--tc-card-border);
  background: var(--tc-surface);
  color: var(--tc-muted);
  font-size: 12px;
}
.tc-pill--level{ border-color: rgba(31,111,235,.35); color: var(--tc-accent); }

/* Sidebar widget cards */
.sidebar .widget, .rb-sidebar .widget{
  border: 1px solid var(--tc-card-border);
  border-radius: var(--tc-radius);
  background: var(--tc-surface);
  box-shadow: var(--tc-shadow);
  padding: 14px 14px;
  margin-bottom: 16px;
}
.sidebar .widget-title, .rb-sidebar .widget-title{
  margin-top: 0;
  font-weight: 800;
}

/* Home featured (best-effort CSS, safe if selectors don't match) */
.home .p-wrap:first-child .p-title{
  font-size: 1.4em;
  line-height: 1.25;
}
.home .p-wrap:first-child{
  box-shadow: var(--tc-shadow-hover);
}

/* Progress bar */
#tc-progress{
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  width: 0%;
  background: var(--tc-accent);
  z-index: 99999;
}