/*
Theme Name: Gihan Blog
Theme URI: https://gihandilanka.com
Description: Brand child theme for gihandilanka.com — carries the portfolio's Picto palette (violet accent, navy ink, cream ground) into the blog. Built on Twenty Twenty-Four.
Author: Gihan Dilanka
Template: twentytwentyfour
Version: 1.0.0
Text Domain: gihan-blog
*/

/* Most styling is driven by theme.json; this file carries a few refinements
   and syntax-block polish that are easier to express as plain CSS. */

:root {
  --gd-accent: #7C3AED;
  --gd-accent-dark: #6D28D9;
  --gd-navy: #1E2746;
  --gd-cream: #FAF9F6;
  --gd-ink-dim: #6B7180;
}

body {
  background-color: var(--gd-cream);
  color: var(--gd-navy);
}

a {
  color: var(--gd-accent);
}
a:hover {
  color: var(--gd-accent-dark);
}

/* Buttons / accents */
.wp-element-button,
.wp-block-button__link {
  background-color: var(--gd-accent) !important;
  border-radius: 8px !important;
}
.wp-block-button__link:hover {
  background-color: var(--gd-accent-dark) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--gd-navy);
  letter-spacing: -0.01em;
}

/* Inline code + native code block fallback (when Enlighter isn't used) */
code, kbd {
  background: rgba(124, 58, 237, 0.08);
  color: var(--gd-accent-dark);
  padding: 0.15em 0.4em;
  border-radius: 4px;
  font-size: 0.92em;
}
pre.wp-block-code,
pre.wp-block-preformatted {
  background: #14171f;
  color: #e7e9ec;
  border-radius: 10px;
  padding: 1.1rem 1.25rem;
  overflow-x: auto;
  border: 1px solid #232932;
}
pre.wp-block-code code {
  background: transparent;
  color: inherit;
  padding: 0;
}

/* ---- Header category menu (wp:categories rendered as a horizontal nav) ---- */
.gd-nav-categories ul,
.wp-block-categories.gd-nav-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: center;
}
.gd-nav-categories li { margin: 0; }
.gd-nav-categories a {
  font-family: var(--wp--preset--font-family--heading, inherit);
  font-weight: 500;
  font-size: 15px;
  color: var(--gd-navy);
  text-decoration: none;
}
.gd-nav-categories a:hover { color: var(--gd-accent); }

/* ---- Post cards on the homepage grid ---- */
.gd-post-card {
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.gd-post-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 50px -30px rgba(30, 39, 70, 0.35);
}
.gd-post-card .wp-block-post-featured-image {
  margin: 0;
}
.gd-post-card .wp-block-post-featured-image img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}
.gd-post-card .wp-block-post-title a { text-decoration: none; }
.gd-post-card .wp-block-post-title a:hover { color: var(--gd-accent); }

/* Give cards without a featured image some top breathing room */
.gd-post-card .wp-block-post-featured-image:empty { display: none; }

/* Pagination */
.wp-block-query-pagination a,
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
  color: var(--gd-navy);
}
.wp-block-query-pagination .page-numbers.current { color: var(--gd-accent); font-weight: 700; }