/*
RACS Minimalist Blog Theme — Modern Design Layer
Loaded after style.css and after the admin-generated color CSS, so it can
safely refresh typography, color, and shape without editing the legacy core.
*/

:root {
  /* Color system */
  --racs-primary:       #2563eb; /* refreshed default accent — admin "Primary Color" still overrides via racs_custom_css() */
  --racs-primary-dark:  #1d4ed8;
  --racs-ink:           #16181d; /* body/heading text */
  --racs-muted:         #6b7280; /* secondary text, meta */
  --racs-bg:            #ffffff;
  --racs-surface:       #f7f8fa; /* cards, sidebars, code blocks */
  --racs-border:        #e6e8ec;

  /* Shape */
  --racs-radius-sm: 8px;
  --racs-radius-md: 14px;
  --racs-radius-lg: 20px;
  --racs-radius-pill: 999px;

  /* Motion */
  --racs-transition: 180ms ease;
}

/* ---------- Typography ----------
   Header, logo, and sidebar are intentionally left untouched below —
   this theme is being kept "as is" in those two areas per request.
   Modern type only applies to blog content, not header/logo/sidebar. */
body,
input,
textarea,
select,
button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--racs-ink);
}

.comments-title,
.widget-title,
.rd-title-box h4 {
  font-family: 'Manrope', 'Inter', -apple-system, sans-serif;
  font-weight: 800;
  letter-spacing: -0.01em;
}

body { background: var(--racs-bg); }

a { transition: color var(--racs-transition); }

/* ---------- Rounded surfaces: blog cards, comments, media
   (sidebar deliberately excluded — kept "as is") ---------- */
.rd-block,
.rd-blog-post,
.rd-bpost,
.rd-author-box,
.rd-related,
.rd-tags-box,
#comments,
#respond,
.comment-list,
.rd-breadcrumbs {
  border-radius: var(--racs-radius-md);
  overflow: hidden;
}

.rd-block img,
.rd-post-thumbnail img,
.rd-single-thumbnail img,
.rd-thumb img,
.rd-author-thumb img,
.rd-author-avatar img,
.entry-content img,
img.wp-post-image,
.rd-widget-slider img {
  border-radius: var(--racs-radius-sm);
}

/* Small rounded chips: tags, categories, meta pills */
.rd-tags a,
.rd-cats a,
.tagcloud a {
  border-radius: var(--racs-radius-pill);
  padding: 4px 14px;
  display: inline-block;
}

/* ---------- Rounded pill buttons ----------
   Scoped to blog-content controls only. Header/sidebar search submit
   buttons (input[type=submit].rd-search-button) and any widget-area
   nav menu are excluded — kept "as is". #submit is WordPress core's
   comment-form submit button (from comment_form()), not header/sidebar. */
#submit,
.rd-more,
.rd-readmore,
a.rd-btn {
  border-radius: var(--racs-radius-pill) !important;
  background: var(--racs-primary);
  color: #fff !important;
  border: none;
  padding: 10px 22px;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--racs-transition), transform var(--racs-transition);
}

#submit:hover,
.rd-more:hover,
.rd-readmore:hover,
a.rd-btn:hover {
  background: var(--racs-primary-dark);
  transform: translateY(-1px);
}

/* ---------- Pagination as rounded pills ---------- */
.pagenavi a,
.pagenavi span,
.rd-pagenavi a,
.rd-pagenavi span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  border-radius: var(--racs-radius-pill);
  margin: 0 3px;
  background: var(--racs-surface);
  border: 1px solid var(--racs-border);
}

.pagenavi .current,
.rd-pagenavi .current {
  background: var(--racs-primary);
  color: #fff;
  border-color: var(--racs-primary);
}

/* ---------- Forms & inputs ----------
   Scoped to .comment-form only — header search (.rd-input) and any
   sidebar/widget search box are excluded, kept "as is". */
.comment-form input,
.comment-form textarea {
  border: 1px solid var(--racs-border);
  border-radius: var(--racs-radius-sm);
  padding: 10px 14px;
  background: var(--racs-surface);
  transition: border-color var(--racs-transition);
}

.comment-form input:focus,
.comment-form textarea:focus {
  border-color: var(--racs-primary);
  outline: none;
}

/* Sidebar and header/logo are kept exactly as the original theme —
   no rules target .rd-sidebar, .rd-widget, .rd-nav-menu, or .rd-logo-*
   in this file by design. */

/* ---------- Meta text ---------- */
.rd-date,
.rd-cats,
.rd-author,
.rd-details,
.entry-meta,
.comment-metadata {
  color: var(--racs-muted);
}

/* ---------- Blockquotes ---------- */
blockquote {
  border-left: 3px solid var(--racs-primary);
  border-radius: 0 var(--racs-radius-sm) var(--racs-radius-sm) 0;
  background: var(--racs-surface);
  padding: 16px 20px;
}