/*

Theme Name: Gircas Bonus

Template: blocksy

Description: Blocksy child — açık, okunabilir promosyon blogu (SEO uyumlu)

Version: 1.2

*/



:root {

  --gc-bg: #f4f6f9;

  --gc-surface: #ffffff;

  --gc-text: #1e293b;

  --gc-text-muted: #64748b;

  --gc-border: #e2e8f0;

  --gc-accent: #d97706;

  --gc-accent-soft: #fff7ed;

  --gc-link: #0369a1;

  --gc-link-hover: #b45309;

  --gc-radius: 12px;

  --gc-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.04);



  /* Blocksy palette — açık tema */

  --theme-palette-color-1: #ffffff;

  --theme-palette-color-2: #f8fafc;

  --theme-palette-color-3: #f59e0b;

  --theme-palette-color-4: #16a34a;

  --theme-palette-color-5: #1e293b;

  --theme-palette-color-6: #64748b;

  --theme-palette-color-7: #e2e8f0;

  --theme-palette-color-8: #0f172a;

}



body {

  background: var(--gc-bg) !important;

  color: var(--gc-text);

  line-height: 1.65;

  font-size: 16px;

}



/* Header — temiz beyaz */

#header,

#header .header-row,

header.ct-header,

.ct-header,

.ct-header-main,

.ct-header-container,

[data-id="header"],

[data-row*="header"],

.ct-sticky-container,

.ct-panel-layout-row,

.ct-header-row,

.ct-top-bar {

  background: #ffffff !important;

  background-color: #ffffff !important;

  background-image: none !important;

  color: var(--gc-text) !important;

  border-color: var(--gc-border) !important;

}



.site-header,

header.ct-header {

  background: #ffffff !important;

  border-bottom: 1px solid var(--gc-border) !important;

  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);

}



.ct-header a,

.ct-header .ct-menu-link,

.ct-header [data-id="menu"] a,

.ct-header .menu > li > a,

.ct-mobile-menu a,

.ct-header-text,

.ct-header .site-title,

.ct-header .site-description {

  color: var(--gc-text) !important;

}



.ct-header .site-description {

  color: var(--gc-text-muted) !important;

}



.ct-header .ct-toggle,

.ct-header button,

.ct-header [data-toggle] {

  color: var(--gc-text) !important;

  border-color: var(--gc-border) !important;

}



.ct-panel,

.ct-panel-content,

.ct-drawer-canvas,

#offcanvas {

  background: #ffffff !important;

  color: var(--gc-text) !important;

}



.ct-header [data-id="logo"] .site-title a {

  color: var(--gc-accent) !important;

  font-weight: 800;

}



.menu > li > a {

  color: var(--gc-text) !important;

  font-weight: 600;

}



.menu > li > a:hover,

.menu > li.current-menu-item > a {

  color: var(--gc-accent) !important;

}



/* Yazı kartları — beyaz kutu, net tipografi */

.entry-card,

article.post,

.ct-posts-grid article {

  background: var(--gc-surface) !important;

  border: 1px solid var(--gc-border) !important;

  border-radius: var(--gc-radius);

  box-shadow: var(--gc-shadow);

  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;

  overflow: hidden;

}



.entry-card:hover,

.ct-posts-grid article:hover {

  border-color: #fcd34d !important;

  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);

  transform: translateY(-2px);

}



.entry-title a,

h1.entry-title {

  color: var(--gc-text) !important;

  font-weight: 700;

  line-height: 1.35;

}



.entry-meta,

.posted-on {

  color: var(--gc-text-muted) !important;

}



a {

  color: var(--gc-link);

}



a:hover {

  color: var(--gc-link-hover);

}



.ct-footer {

  background: #ffffff !important;

  border-top: 1px solid var(--gc-border);

  color: var(--gc-text-muted);

}



.wp-block-button__link,

button[type="submit"],

.ct-button {

  background: linear-gradient(135deg, #f59e0b, #d97706) !important;

  color: #ffffff !important;

  border: none !important;

  font-weight: 700;

}



.category-badge,

.entry-meta .ct-category {

  background: var(--gc-accent-soft) !important;

  color: #9a3412 !important;

  border: 1px solid #fed7aa;

  border-radius: 6px;

  padding: 2px 8px;

  font-size: 11px;

  font-weight: 600;

}



/* Tekil promosyon — açık zemin, koyu metin (Google okunabilirlik) */

.single-post .entry-content,

.single-post .entry-content .gircas-promo-body,

.single-post .entry-content p,

.single-post .entry-content li,

.single-post .entry-content h2,

.single-post .entry-content h3,

.single-post .entry-content h4,

.single-post .entry-content strong,

.single-post .entry-content span {

  color: var(--gc-text) !important;

}



.single-post .entry-content .gircas-promo-body,

.single-post .entry-content div[style*="f8f9fa"] {

  background: var(--gc-surface) !important;

  border: 1px solid var(--gc-border) !important;

  color: var(--gc-text) !important;

  padding: 24px !important;

  border-radius: var(--gc-radius) !important;

  line-height: 1.7 !important;

  box-shadow: var(--gc-shadow);

}



.single-post .entry-content a {

  color: var(--gc-link) !important;

  text-decoration: underline;

  text-underline-offset: 2px;

}



.single-post .entry-content a:hover {

  color: var(--gc-link-hover) !important;

}



.gircas-promo-hero {
  text-align: center;
  margin-bottom: 20px;
}

.gircas-promo-hero img {

  border-radius: var(--gc-radius);

  box-shadow: var(--gc-shadow);

}



/* Kategori grid */

.gircas-cat-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));

  gap: 16px;

  margin: 24px 0;

}



.gircas-cat-card {

  --cat-accent: hsl(var(--cat-hue, 32), 78%, 46%);

  display: flex;

  flex-direction: column;

  gap: 6px;

  padding: 18px 16px 16px;

  background: var(--gc-surface);

  border: 1px solid var(--gc-border);

  border-radius: var(--gc-radius);

  text-decoration: none !important;

  position: relative;

  overflow: hidden;

  box-shadow: var(--gc-shadow);

  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;

}



.gircas-cat-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 3px;

  background: linear-gradient(90deg, var(--cat-accent), #f59e0b);

}



.gircas-cat-card:hover {

  border-color: #fcd34d;

  transform: translateY(-2px);

  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);

}



.gircas-cat-card-badge {

  width: 42px;

  height: 42px;

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 800;

  font-size: 0.85rem;

  color: #ffffff;

  background: linear-gradient(135deg, var(--cat-accent), #f59e0b);

  margin-bottom: 4px;

}



.gircas-cat-name {

  color: var(--gc-text) !important;

  font-size: 1.1rem;

  font-weight: 700;

}



.gircas-cat-tagline {

  color: var(--cat-accent) !important;

  font-size: 0.75rem;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.04em;

}



.gircas-cat-count {

  color: var(--gc-text-muted) !important;

  font-size: 0.85rem;

  margin-top: auto;

}



.gircas-cat-empty {

  color: var(--gc-text-muted);

}



/* Kategori arşiv */

.gircas-cat-hero {

  --cat-accent: hsl(var(--cat-hue, 32), 78%, 46%);

  display: flex;

  align-items: center;

  gap: 16px;

  padding: 20px 22px;

  margin-bottom: 16px;

  border-radius: var(--gc-radius);

  background: var(--gc-surface);

  border: 1px solid var(--gc-border);

  box-shadow: var(--gc-shadow);

}



.gircas-cat-hero-badge {

  flex-shrink: 0;

  width: 56px;

  height: 56px;

  border-radius: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 800;

  font-size: 1rem;

  color: #ffffff;

  background: linear-gradient(135deg, var(--cat-accent), #f59e0b);

}



.gircas-cat-hero-meta {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

}



.gircas-stat {

  display: inline-block;

  padding: 6px 12px;

  border-radius: 999px;

  background: var(--gc-accent-soft);

  border: 1px solid #fed7aa;

  color: #9a3412;

  font-size: 0.85rem;

  font-weight: 600;

}



.gircas-cat-intro,

.taxonomy-description {

  background: var(--gc-surface);

  border: 1px solid var(--gc-border);

  border-left: 4px solid var(--cat-accent, #f59e0b);

  border-radius: var(--gc-radius);

  padding: 18px 22px;

  margin-bottom: 24px;

  color: var(--gc-text) !important;

  line-height: 1.7;

  box-shadow: var(--gc-shadow);

}



.gircas-cat-intro-title {

  color: var(--gc-text) !important;

  font-size: 1.25rem !important;

  margin: 0 0 10px !important;

  font-weight: 800;

  line-height: 1.35;

  display: block;

}



.gircas-cat-intro-inner {

  display: block;

}



.gircas-cat-intro-lead {

  display: block;

  margin: 0 0 12px !important;

  font-size: 1.05rem;

  line-height: 1.65;

}



.gircas-cat-intro-sub {

  display: block;

  margin: 0 !important;

  color: var(--gc-text-muted);

  font-size: 0.95rem;

  line-height: 1.6;

}



.gircas-cat-intro p {

  display: block !important;

}



/* Yorum alanı gizli */

.comments-area,

#comments,

.comment-respond,

#respond {

  display: none !important;

}



.gircas-related-cats {

  margin: 40px 0 20px;

  padding: 20px 22px;

  background: var(--gc-surface);

  border: 1px solid var(--gc-border);

  border-radius: var(--gc-radius);

  box-shadow: var(--gc-shadow);

}



.gircas-related-title {

  color: var(--gc-text) !important;

  font-size: 1.05rem !important;

  margin: 0 0 12px !important;

  font-weight: 700;

}



.gircas-related-cats ul {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  gap: 8px 16px;

}



.gircas-related-cats li a {

  color: var(--gc-link) !important;

  font-weight: 600;

}



.gircas-related-cats li span {

  color: var(--gc-text-muted);

  font-size: 0.85rem;

}



.archive .page-title,

.archive h1.page-title,

.taxonomy-category .page-title {

  color: var(--gc-text) !important;

  line-height: 1.3;

}



.archive .posts-container,

.archive main {

  background: transparent !important;

}



.rank-math-breadcrumb,

.breadcrumbs {

  color: var(--gc-text-muted) !important;

  font-size: 0.9rem;

}



.rank-math-breadcrumb a {

  color: var(--gc-link) !important;

}



/* Main content alanı */

main,

.site-main,

.ct-container {

  background: transparent !important;

}


