/*
Theme Name: Batagic — Văn Hoá Đọc
Theme URI: https://batagic.taho.cat
Description: Child theme của GeneratePress cho blog batagic.taho.cat. Design system warm-paper / terracotta lấy từ Cộng Đồng BeMentor (Merriweather + DM Sans).
Author: Ema (for Thảo)
Template: generatepress
Version: 2.2.0
Text Domain: batagic-child
*/

/* =========================================================================
   0. DESIGN TOKENS  (SSOT: design-system-mentor.md §3)
   ========================================================================= */
:root {
  /* Paper / ink */
  --paper: #f6f1e8;
  --paper-2: #efe8da;
  --paper-3: #e6dcc8;
  --ink: #1c1a17;
  --ink-2: #3a342b;
  --ink-3: #6b6357;
  --ink-4: #9a9185;
  --ink-5: #c7bfb1;

  /* Accents */
  --terracotta: #c85a3c;
  --terracotta-2: #a9482e;
  --terracotta-3: #e27a5a;
  --sage: #6b8e7f;
  --honey: #d9a441;

  /* Semantic */
  --bg: var(--paper);
  --surface: #fbf7ef;
  --surface-2: #f1eada;
  --border: #e3d9c6;
  --border-strong: #c9bda3;
  --fg: var(--ink);
  --fg-muted: var(--ink-3);
  --accent: var(--terracotta);

  /* Type */
  --font-display: "Merriweather", "Lora", Georgia, serif;
  --font-sans: "DM Sans", -apple-system, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* Space */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

  /* Radius */
  --r-1: 4px; --r-2: 8px; --r-3: 10px; --r-4: 14px; --r-5: 20px; --r-full: 999px;

  /* Shadow (ấm, không tím) */
  --shadow-xs: 0 1px 2px rgba(28,26,23,.04);
  --shadow-sm: 0 2px 6px rgba(28,26,23,.06), 0 1px 2px rgba(28,26,23,.04);
  --shadow-md: 0 8px 24px rgba(28,26,23,.08), 0 2px 6px rgba(28,26,23,.04);

  --ease: cubic-bezier(.2,.8,.1,1);
  --dur-1: 120ms;
  --dur-2: 220ms;
}

/* =========================================================================
   1. BASE / SHELL — warm paper
   ========================================================================= */
body,
body.generate-page-header-enabled,
.site-content,
.site {
  background-color: var(--paper) !important;
  color: var(--ink) !important;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 1.6;
}

a { color: var(--terracotta); text-decoration: none; transition: color var(--dur-1) var(--ease); }
a:hover { color: var(--terracotta-2); }

h1, h2, h3, h4, h5,
.entry-title, .widget-title, .comments-title, .comment-reply-title, .page-title {
  font-family: var(--font-display) !important;
  color: var(--ink) !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* =========================================================================
   2. HEADER + PRIMARY NAV
   ========================================================================= */
.site-header {
  background-color: var(--paper-2) !important;
  border-bottom: 1px solid var(--border);
}
.site-header .main-title,
.site-header .site-title a,
.main-title a {
  font-family: var(--font-display) !important;
  color: var(--ink) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.site-description { color: var(--ink-3) !important; font-family: var(--font-sans); }

.main-navigation,
.main-navigation .inside-navigation,
.main-navigation ul {
  background-color: var(--paper-2) !important;
}
.main-navigation .main-nav ul li a {
  font-family: var(--font-sans) !important;
  font-weight: 500;
  font-size: 14px;
  color: var(--ink-3) !important;
  transition: background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li:hover > a {
  color: var(--ink) !important;
  background-color: var(--paper-3) !important;
}
/* Active/current menu: CHỈ chữ đậm, KHÔNG nền */
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
  color: var(--ink) !important;
  background-color: transparent !important;
  font-weight: 700 !important;
}
/* sub-menus */
.main-navigation ul ul {
  background-color: var(--surface) !important;
  border: 1px solid var(--border);
  border-radius: var(--r-3);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

/* =========================================================================
   3. POST / FEED CARDS  (list + archive)  — theo card Cộng Đồng
   ========================================================================= */
/* Card = MỘT lớp duy nhất trên article.post; lớp trong .inside-article phẳng */
article.post,
article.page {
  background-color: var(--surface) !important;
  border: 1px solid #ece4d5;              /* border mảnh, nhạt — tự nhiên, không nổi */
  border-radius: var(--r-4);
  box-shadow: none;
  padding: var(--s-6) var(--s-8);
  transition: box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);
}
.inside-article {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
/* hover rất nhẹ — chỉ nhấc bằng shadow ấm, không làm đậm viền */
.blog article.post:hover,
.archive article.post:hover {
  box-shadow: var(--shadow-xs);
  border-color: #e6ddcc;
}
.separate-containers .site-main > article,
.separate-containers .paging-navigation {
  margin-bottom: var(--s-5);
}

.entry-title { font-size: 22px; line-height: 1.3; }
.blog .entry-title, .archive .entry-title { font-size: 20px; }
.entry-title a { color: var(--ink) !important; }
.entry-title a:hover { color: var(--terracotta) !important; }

.entry-meta,
.posted-on, .byline, .cat-links, .comments-link {
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--ink-4) !important;
}
.entry-meta a { color: var(--ink-3) !important; }
.entry-meta a:hover { color: var(--terracotta) !important; }

.entry-summary, .entry-content { color: var(--ink-2); }
.entry-content p { line-height: 1.7; }

/* featured image rounded */
.post-image img, .page-header-image img, .wp-post-image {
  border-radius: var(--r-3);
}
/* Feed/archive: cover height gọn, crop cân đối (không full chiều cao gốc) */
.blog .post-image, .archive .post-image, .search .post-image { margin-bottom: var(--s-4); }
.blog .post-image img,
.archive .post-image img,
.search .post-image img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (max-width: 600px) {
  .blog .post-image img, .archive .post-image img, .search .post-image img { height: 190px; }
}

/* =========================================================================
   4. CATEGORY / TAG BADGES  (như DISCUSSION chip)
   ========================================================================= */
.cat-links a, .tags-links a {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ink-3) !important;
  background: transparent;
  border: 1px solid var(--border-strong);
  border-radius: var(--r-2);
  padding: 2px 10px;
  margin: 2px 4px 2px 0;
}
.cat-links a:hover, .tags-links a:hover {
  color: var(--terracotta) !important;
  border-color: var(--terracotta);
}

/* =========================================================================
   5. BUTTONS  — ink primary, terracotta accent
   ========================================================================= */
button, input[type="submit"], input[type="button"], .button,
.wp-block-button__link {
  font-family: var(--font-sans) !important;
  font-weight: 600;
  background-color: var(--ink) !important;
  color: var(--paper) !important;
  border: none;
  border-radius: var(--r-full);
  padding: 9px 18px;
  transition: background var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);
}
button:hover, input[type="submit"]:hover, .button:hover,
.wp-block-button__link:hover {
  background-color: var(--ink-2) !important;
  color: var(--paper) !important;
}

/* Read more = TEXT LINK nhỏ, xuống dòng riêng, không phải button */
.read-more, .more-link {
  display: inline-block;
  margin-top: var(--s-3);
  background: none !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--font-sans) !important;
  font-size: 13px;
  font-weight: 600;
  color: var(--terracotta) !important;
}
.read-more:hover, .more-link:hover {
  background: none !important;
  color: var(--terracotta-2) !important;
  text-decoration: underline;
}
/* tách Read more khỏi câu tóm tắt để không đè chữ */
.entry-summary p:last-child, .entry-content p:last-child { display: inline; }
.entry-summary .read-more, .entry-content .read-more { display: block; }
/* accent variant */
.is-accent .wp-block-button__link,
.button.accent {
  background-color: var(--terracotta) !important;
  color: #fff !important;
}
.button.accent:hover { background-color: var(--terracotta-2) !important; }

/* =========================================================================
   6. SIDEBAR WIDGETS  (như "Về cộng đồng" / "Đóng góp nhiều nhất")
   ========================================================================= */
.widget, .sidebar .widget, .inside-right-sidebar .widget, .inside-left-sidebar .widget {
  background-color: var(--surface) !important;
  border: 1px solid var(--border);
  border-radius: var(--r-4);
  box-shadow: var(--shadow-xs);
  padding: var(--s-5) var(--s-5);
  margin-bottom: var(--s-5);
}
.widget-title {
  font-family: var(--font-display) !important;
  font-size: 18px;
  color: var(--ink) !important;
  margin-bottom: var(--s-3);
}
.widget ul li { border-color: var(--border) !important; }
.widget a { color: var(--ink-2) !important; }
.widget a:hover { color: var(--terracotta) !important; }

/* search widget field */
.widget input[type="search"], .widget input[type="text"],
.search-field, input.search-field {
  background-color: var(--paper-2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-full) !important;
  color: var(--ink) !important;
  padding: 10px 16px;
}
input::placeholder, textarea::placeholder { color: var(--ink-4); }

/* =========================================================================
   7. SINGLE POST
   ========================================================================= */
.single .entry-title { font-size: 32px; line-height: 1.25; margin-bottom: var(--s-3); }
.single-post .inside-article { padding: var(--s-8) var(--s-10); }
.single .entry-content { font-size: 16px; }
.single .entry-content h2 { font-size: 24px; margin-top: var(--s-8); }
.single .entry-content h3 { font-size: 20px; margin-top: var(--s-6); }
/* Blockquote — thanh lịch: nền cream, dấu " terracotta lớn, chữ nghiêng serif */
.entry-content blockquote,
.entry-content .wp-block-quote {
  position: relative;
  background: #f3ecdd;
  border: none;
  border-radius: var(--r-4);
  margin: var(--s-6) 0;
  padding: var(--s-8) var(--s-6) var(--s-6) var(--s-10);
  font-family: var(--font-display);
  font-style: italic;
  font-size: 17px;
  line-height: 1.85;
  color: var(--ink-2);
}
.entry-content blockquote::before,
.entry-content .wp-block-quote::before {
  content: "\201C";
  position: absolute;
  top: 6px;
  left: 20px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 68px;
  line-height: 1;
  color: var(--terracotta);
}
.entry-content blockquote p:first-of-type,
.entry-content .wp-block-quote p:first-of-type { margin-top: 0; }
.entry-content blockquote p:last-of-type,
.entry-content .wp-block-quote p:last-of-type { margin-bottom: 0; }
.entry-content blockquote cite,
.entry-content blockquote footer,
.entry-content .wp-block-quote cite {
  display: block;
  margin-top: var(--s-4);
  font-family: var(--font-sans);
  font-style: normal;
  font-size: 14px;
  color: var(--ink-4);
}
.entry-content blockquote cite:before { content: "— "; }
.single .entry-content code, .single .entry-content pre {
  font-family: var(--font-mono);
  background: var(--paper-3);
  border-radius: var(--r-2);
}
.single .entry-content pre { padding: var(--s-4); border: 1px solid var(--border); }

/* =========================================================================
   8. COMMENTS
   ========================================================================= */
/* Comments container = card cream đồng bộ với article (không nền trắng) */
.comments-area,
.separate-containers .comments-area {
  background: var(--surface) !important;
  border: 1px solid #ece4d5 !important;
  border-radius: var(--r-4) !important;
  padding: var(--s-6) var(--s-8) !important;
  margin-top: var(--s-5);
}
.comments-title, .comment-reply-title { font-size: 20px; }
/* Comment list — PHẲNG, không card lồng nhau; chỉ divider mảnh */
ol.comment-list, ul.comment-list { list-style: none; margin: 0; padding: 0; }
ol.comment-list li.comment {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: var(--s-4) 0;
  margin: 0;
  border-bottom: 1px solid var(--border) !important;
}
ol.comment-list li.comment:last-child { border-bottom: none !important; }
.comment-body {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Reply lồng — chỉ thụt lề + vạch dọc, không tạo khối mới */
ol.comment-list .children {
  list-style: none;
  margin: var(--s-3) 0 0;
  padding-left: var(--s-5);
  border-left: 2px solid var(--border);
}
ol.comment-list .children li.comment { border-bottom: none !important; }
.comment-author { display: flex; align-items: center; gap: var(--s-2); }
.comment-author .avatar { width: 32px; height: 32px; }
.comment-author .fn { font-family: var(--font-display); font-size: 15px; color: var(--ink); font-style: normal; }
.comment-author .says { display: none; }
.comment-metadata a, .comment-metadata { color: var(--ink-4) !important; font-size: 12px; }
.comment-content { margin-top: var(--s-2); color: var(--ink-2); }
.comment .reply { margin-top: var(--s-1); }
.comment-reply-link {
  font-size: 13px; font-weight: 600; color: var(--terracotta) !important;
  background: none !important; border: none !important; padding: 0 !important;
}
.comment-reply-link:hover { text-decoration: underline; color: var(--terracotta-2) !important; }

/* Form comment — một khối gọn, không viền nặng */
.comment-respond {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--border);
  border-radius: 0 !important;
  padding: var(--s-6) 0 0 !important;
  margin-top: var(--s-5);
}
.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: var(--s-3); }
.comment-notes, .comment-form .logged-in-as { color: var(--ink-4); font-size: 13px; }
.comment-form label { display: block; font-size: 13px; color: var(--ink-3); margin-bottom: 4px; }
.comment-form .required { color: var(--terracotta); }
textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"] {
  background-color: var(--paper-2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-3) !important;
  color: var(--ink) !important;
  padding: 10px 14px;
}
textarea:focus, input:focus {
  outline: none;
  border-color: var(--terracotta) !important;
  box-shadow: 0 0 0 3px rgba(200,90,60,.12);
}

/* =========================================================================
   9. PAGINATION / FOOTER
   ========================================================================= */
/* Pagination — nền trong suốt, hoà vào paper, không dải trắng full-width */
.paging-navigation,
nav.paging-navigation,
.generate-columns .paging-navigation,
.pagination {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: var(--s-6);
}

/* Chỉ giữ MỘT bộ phân trang: ẩn pills Older/Newer, dùng dãy số */
.paging-navigation .nav-previous,
.paging-navigation .nav-next { display: none !important; }

.paging-navigation { display: block; }
.paging-navigation .nav-links,
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}
.paging-navigation .nav-links .page-numbers,
.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--surface);
  border: 1px solid #ece4d5;
  border-radius: var(--r-3);
  color: var(--ink-2) !important;
  padding: 7px 13px;
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1;
  transition: border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
}
.paging-navigation .nav-links .page-numbers:hover,
.pagination .page-numbers:hover { border-color: var(--border-strong); color: var(--terracotta) !important; }
.paging-navigation .nav-links .page-numbers.dots,
.pagination .page-numbers.dots {
  background: transparent; border: none; color: var(--ink-4) !important; padding: 7px 4px;
}
.paging-navigation .nav-links .page-numbers.current,
.pagination .page-numbers.current {
  background: var(--ink) !important;
  color: var(--paper) !important;
  border-color: var(--ink) !important;
}
.site-footer, .site-info {
  background-color: var(--paper-2) !important;
  border-top: 1px solid var(--border);
  color: var(--ink-3) !important;
  font-size: 13px;
}
.site-footer a, .site-info a { color: var(--ink-2) !important; }
.site-footer a:hover, .site-info a:hover { color: var(--terracotta) !important; }

/* =========================================================================
   11. COMMUNITY UI — search + composer + badge + action row
   ========================================================================= */
.bt-community-top { margin-bottom: var(--s-5); }

/* search pill */
.bt-search {
  display: flex; align-items: center; gap: var(--s-3);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-full);
  padding: 10px 18px;
  margin-bottom: var(--s-4);
}
.bt-search .bt-ico { color: var(--ink-4); flex: none; }
.bt-search input[type="search"] {
  flex: 1; border: none !important; background: transparent !important;
  padding: 0 !important; font-family: var(--font-sans); font-size: 14px;
  color: var(--ink) !important; box-shadow: none !important;
}
.bt-search input[type="search"]:focus { outline: none; box-shadow: none !important; }

/* composer bar */
.bt-composer {
  display: flex; align-items: center; gap: var(--s-3);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-full);
  padding: 10px 16px;
  transition: border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);
}
.bt-composer:hover { border-color: var(--border-strong); box-shadow: var(--shadow-xs); }
.bt-avatar {
  flex: none; width: 40px; height: 40px; border-radius: var(--r-full);
  background: var(--terracotta); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-sans); font-weight: 600; font-size: 14px; letter-spacing: .02em;
}
.bt-composer-placeholder { flex: 1; color: var(--ink-4); font-size: 15px; }
.bt-composer-icons { display: flex; align-items: center; gap: var(--s-4); color: var(--ink-3); }
.bt-composer-icons .bt-ico { transition: color var(--dur-1) var(--ease); }
.bt-composer:hover .bt-composer-icons { color: var(--ink-2); }

/* badge top-right of card */
article.post { position: relative; }
.bt-badge {
  position: absolute; top: var(--s-6); right: var(--s-6);
  font-family: var(--font-sans); font-size: 11px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .08em;
  color: var(--ink-3);
  border: 1px solid var(--border-strong);
  border-radius: var(--r-2);
  padding: 3px 10px; background: var(--surface);
}

/* action row */
.bt-actions {
  display: flex; align-items: center; gap: var(--s-6);
  margin-top: var(--s-5); padding-top: var(--s-4);
  border-top: 1px solid var(--border);
}
.bt-action {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--ink-4) !important; font-family: var(--font-sans); font-size: 13px;
  background: none !important; border: none !important; padding: 0 !important;
  cursor: pointer; transition: color var(--dur-1) var(--ease);
}
.bt-action:hover { color: var(--terracotta) !important; }
.bt-action svg { flex: none; }

/* category = text link, đẩy về phải cuối action row */
.bt-cats {
  margin-left: auto;
  font-family: var(--font-sans); font-size: 13px; color: var(--ink-4);
}
.bt-cats a {
  color: var(--ink-3) !important; text-decoration: none;
  transition: color var(--dur-1) var(--ease);
}
.bt-cats a:hover { color: var(--terracotta) !important; text-decoration: underline; }

/* =========================================================================
   11b. MOBILE / TABLET HEADER — nút Menu không rơi hàng khi title dài
   ========================================================================= */
/* Icon kính lúp — hiện ở MỌI breakpoint (desktop/iPad/mobile) */
.bt-search-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--surface);
  border: 1px solid #ece4d5;
  color: var(--ink-2);
  cursor: pointer;
  padding: 0;
  flex: 0 0 auto;
  transition: border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
}
.bt-search-toggle:hover { border-color: var(--border-strong); color: var(--terracotta); }

/* Ẩn ô search ở top; chỉ hiện khi bấm icon (mọi breakpoint) */
.bt-community-top .bt-search { display: none; }
body.bt-search-open .bt-community-top .bt-search { display: flex; }

/* Desktop/iPad ngang: đặt icon search cuối header, bên phải menu */
@media (min-width: 769px) {
  .site-header .inside-header { display: flex; align-items: center; }
  .site-header .site-branding { order: 1; }
  .site-header .main-navigation.sub-menu-right { order: 2; }
  .site-header .bt-search-toggle { order: 3; margin-left: var(--s-3); }
}

@media (max-width: 768px) {
  /* Header row: branding + (search icon, menu toggle) ở hàng 1; menu mở FULL-WIDTH hàng 2 */
  .site-header .inside-header {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: var(--s-3);
    row-gap: 0;
  }
  .site-header .site-branding {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;                    /* title co lại, không đẩy nút rơi hàng */
  }
  .site-header .main-title {
    font-size: 20px;
    line-height: 1.25;
    overflow-wrap: break-word;
  }
  .site-header .site-description { font-size: 12px; }
  .site-header .bt-search-toggle { order: 2; margin-left: auto; }
  .site-header .mobile-menu-control-wrapper {
    order: 3;
    flex: 0 0 auto;
    margin-left: var(--s-2);
    display: flex;
    align-items: center;
  }
  .site-header .menu-toggle { margin: 0 !important; }
  /* menu chính khi mở: xuống hàng riêng, chiếm hết chiều ngang (fix chữ wrap vỡ) */
  .site-header .main-navigation.sub-menu-right {
    order: 4;
    flex: 1 1 100%;
    width: 100%;
  }
}
@media (max-width: 360px) {
  .site-header .main-title { font-size: 18px; }
}

/* =========================================================================
   12. READING LAYOUT — ẩn sidebar phải, thu hẹp & căn giữa vùng đọc
   ========================================================================= */
/* Ẩn sidebar phải (sẽ cấu hình custom widget sau) */
#right-sidebar,
.sidebar.is-right-sidebar,
.inside-right-sidebar,
.widget-area.is-right-sidebar {
  display: none !important;
}

/* Vùng nội dung chiếm toàn bộ rồi bó hẹp + căn giữa để tập trung đọc */
.content-area,
#primary.content-area {
  width: 100% !important;
  float: none !important;
  max-width: 760px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Single post đọc dễ hơn chút */
.single .content-area,
.single #primary.content-area { max-width: 720px; }
.single-post .inside-article { padding: var(--s-8) var(--s-8); }

/* =========================================================================
   13. QUOTE POST — bỏ badge TRÍCH DẪN + bỏ action row
   ========================================================================= */
.format-quote .bt-badge,
.format-quote .bt-actions {
  display: none !important;
}

/* Home/feed: quote post BỎ khung card ngoài, blockquote rộng bằng card */
.blog .format-quote,
.archive .format-quote,
.search .format-quote {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.blog .format-quote .entry-content blockquote,
.archive .format-quote .entry-content blockquote,
.search .format-quote .entry-content blockquote,
.blog .format-quote .entry-summary blockquote,
.archive .format-quote .entry-summary blockquote {
  margin: 0 !important;
}

/* =========================================================================
   10. MISC — selection, hr, avatars
   ========================================================================= */
::selection { background: rgba(200,90,60,.2); }
hr { border-color: var(--border); }
.avatar, img.avatar { border-radius: var(--r-full); }