/* ══════════════════════════════════════════
   FAMINAB — Alkemy content pages overlay
   support / blog / blog-post / about / faq / terms
   ══════════════════════════════════════════ */

body.page-support.page-alkemy,
body.page-blog.page-alkemy,
body.page-blog-post.page-alkemy,
body.page-about.page-alkemy,
body.page-faq.page-alkemy,
body.page-terms.page-alkemy {
  --ct-metal: linear-gradient(
    145deg,
    #f7f8fa 0%,
    #d5dae3 18%,
    #eef1f5 38%,
    #aeb6c4 58%,
    #cfd5df 78%,
    #f2f4f7 100%
  );
  --ct-metal-text: #151820;
  --ct-metal-edge: rgba(255, 255, 255, 0.45);
  --ct-metal-shadow:
    0 8px 22px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(40, 48, 64, 0.25);
  --ak-glass-bg: rgba(24, 26, 36, 0.82);
  --ak-glass-bg-card: rgba(26, 28, 38, 0.86);
  --ak-glass-line: rgba(255, 255, 255, 0.1);
  --ak-glass-blur: 14px;
  --ak-glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --ak-glass-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  --ak-text-soft: #b4b4c8;
  --accent: var(--ak-accent);
  --gold: var(--ak-accent);
}

html[data-theme="light"] body.page-support.page-alkemy,
html[data-theme="light"] body.page-blog.page-alkemy,
html[data-theme="light"] body.page-blog-post.page-alkemy,
html[data-theme="light"] body.page-about.page-alkemy,
html[data-theme="light"] body.page-faq.page-alkemy,
html[data-theme="light"] body.page-terms.page-alkemy {
  --ak-glass-bg: rgba(255, 255, 255, 0.82);
  --ak-glass-bg-card: rgba(255, 255, 255, 0.9);
  --ak-glass-line: rgba(0, 0, 0, 0.08);
  --ak-glass-shadow: 0 8px 22px rgba(20, 20, 40, 0.07);
  --ak-text-soft: #5a5a72;
}

/* ═══════════════════════════════════
   SUPPORT
   ═══════════════════════════════════ */
body.page-support.page-alkemy .sp-hero {
  background: var(--ak-glass-bg-card) !important;
  border: 1px solid var(--ak-glass-line) !important;
  border-radius: var(--ak-radius-panel, 16px) !important;
  box-shadow: var(--ak-glass-inset), var(--ak-glass-shadow) !important;
  backdrop-filter: blur(var(--ak-glass-blur)) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(var(--ak-glass-blur)) saturate(1.08) !important;
}

body.page-support.page-alkemy .sp-hero__badge {
  background: rgba(var(--ak-accent-rgb), 0.14) !important;
  border: 1px solid rgba(var(--ak-accent-rgb), 0.35) !important;
  color: var(--ak-accent) !important;
  box-shadow: none !important;
}

body.page-support.page-alkemy .sp-hero__title {
  color: var(--ak-text) !important;
}

body.page-support.page-alkemy .sp-hero__desc,
body.page-support.page-alkemy .sp-hero-stat__label {
  color: var(--ak-text-soft) !important;
}

body.page-support.page-alkemy .sp-hero-stat__value,
body.page-support.page-alkemy .sp-hero-stat__icon {
  color: var(--ak-accent) !important;
}

body.page-support.page-alkemy .sp-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.page-support.page-alkemy .sp-filter-search,
body.page-support.page-alkemy .sp-filter-select-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: var(--ak-search-h, 48px) !important;
  padding: 0 14px !important;
  background: var(--ak-search-bg, rgba(5, 5, 8, 0.55)) !important;
  border: 1px solid var(--ak-search-border, var(--ak-glass-line)) !important;
  border-radius: var(--ak-search-radius, 12px) !important;
  box-shadow: none !important;
}

body.page-support.page-alkemy .sp-filter-search {
  flex: 1 1 220px !important;
}

body.page-support.page-alkemy .sp-filter-search:focus-within,
body.page-support.page-alkemy .sp-filter-select-wrap:focus-within {
  border-color: var(--ak-search-border-focus, rgba(var(--ak-accent-rgb), 0.55)) !important;
  box-shadow: var(--ak-search-ring, 0 0 0 3px rgba(var(--ak-accent-rgb), 0.14)) !important;
}

body.page-support.page-alkemy .sp-filter-search__input,
body.page-support.page-alkemy .sp-filter-select {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--ak-text) !important;
  outline: none !important;
}

body.page-support.page-alkemy .sp-filters__new-btn,
body.page-support.page-alkemy .sp-btn--gold {
  background: var(--ct-metal) !important;
  color: var(--ct-metal-text) !important;
  border: 1px solid var(--ct-metal-edge) !important;
  box-shadow: var(--ct-metal-shadow) !important;
  border-radius: 12px !important;
}

body.page-support.page-alkemy .sp-filters__new-btn::before,
body.page-support.page-alkemy .sp-btn--gold::before {
  display: none !important;
}

body.page-support.page-alkemy .sp-ticket-row,
body.page-support.page-alkemy .sp-form,
body.page-support.page-alkemy .sp-tips-card,
body.page-support.page-alkemy .sp-detail-header,
body.page-support.page-alkemy .sp-message__bubble,
body.page-support.page-alkemy .sp-reply-box {
  background: var(--ak-glass-bg-card) !important;
  border: 1px solid var(--ak-glass-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--ak-glass-inset), var(--ak-glass-shadow) !important;
}

body.page-support.page-alkemy .sp-ticket-row:hover {
  border-color: rgba(var(--ak-accent-rgb), 0.4) !important;
}

body.page-support.page-alkemy .sp-ticket-subject,
body.page-support.page-alkemy .sp-detail-header__subject,
body.page-support.page-alkemy .sp-legend {
  color: var(--ak-text) !important;
}

body.page-support.page-alkemy .sp-legend__icon,
body.page-support.page-alkemy .sp-tips-card__header i,
body.page-support.page-alkemy .sp-status-dot--open {
  color: var(--ak-accent) !important;
}

body.page-support.page-alkemy .sp-status-dot--answered {
  background: var(--ak-accent) !important;
  box-shadow: 0 0 6px rgba(var(--ak-accent-rgb), 0.4) !important;
}

body.page-support.page-alkemy .sp-unread-badge {
  background: linear-gradient(
    145deg,
    rgba(var(--ak-accent-rgb), 0.95) 0%,
    #1a9e7a 100%
  ) !important;
  color: #04140f !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(var(--ak-accent-rgb), 0.3) !important;
}

body.page-support.page-alkemy .sp-priority--normal,
body.page-support.page-alkemy .sp-cat-badge,
body.page-support.page-alkemy .sp-ticket-id,
body.page-support.page-alkemy .sp-attach-chip,
body.page-support.page-alkemy .sp-tips-card__num {
  color: var(--ak-accent) !important;
}

body.page-support.page-alkemy .sp-cat-badge,
body.page-support.page-alkemy .sp-attach-chip,
body.page-support.page-alkemy .sp-tips-card__num {
  background: rgba(var(--ak-accent-rgb), 0.12) !important;
  border-color: rgba(var(--ak-accent-rgb), 0.22) !important;
}

body.page-support.page-alkemy .sp-reply-box__send,
body.page-support.page-alkemy .sp-form__submit,
body.page-support.page-alkemy .sp-btn--submit {
  background: var(--ct-metal) !important;
  color: var(--ct-metal-text) !important;
  border: 1px solid var(--ct-metal-edge) !important;
  box-shadow: var(--ct-metal-shadow) !important;
  border-radius: 12px !important;
}

body.page-support.page-alkemy .sp-reply-box__send::before,
body.page-support.page-alkemy .sp-form__submit::before {
  display: none !important;
}

body.page-support.page-alkemy .sp-upload,
body.page-support.page-alkemy .sp-field input:focus,
body.page-support.page-alkemy .sp-field select:focus,
body.page-support.page-alkemy .sp-field textarea:focus,
body.page-support.page-alkemy .sp-reply-input:focus {
  border-color: rgba(var(--ak-accent-rgb), 0.55) !important;
  box-shadow: 0 0 0 3px rgba(var(--ak-accent-rgb), 0.14) !important;
}

body.page-support.page-alkemy .sp-upload__icon,
body.page-support.page-alkemy .sp-field__label i,
body.page-support.page-alkemy .sp-breadcrumb a:hover,
body.page-support.page-alkemy .sp-breadcrumb__link:hover {
  color: var(--ak-accent) !important;
}

body.page-support.page-alkemy .sp-back-btn {
  background: rgba(5, 5, 8, 0.45) !important;
  border: 1px solid var(--ak-glass-line) !important;
  color: var(--ak-text) !important;
  border-radius: 12px !important;
}

body.page-support.page-alkemy .sp-back-btn:hover {
  border-color: rgba(var(--ak-accent-rgb), 0.45) !important;
  color: var(--ak-accent) !important;
  background: rgba(var(--ak-accent-rgb), 0.1) !important;
}

body.page-support.page-alkemy .sp-message__bubble--support {
  border-color: rgba(var(--ak-accent-rgb), 0.22) !important;
}

body.page-support.page-alkemy .sp-btn--glass {
  background: rgba(5, 5, 8, 0.45) !important;
  border: 1px solid var(--ak-glass-line) !important;
  color: var(--ak-text) !important;
  border-radius: 12px !important;
}

body.page-support.page-alkemy .sp-filter-search > i,
body.page-support.page-alkemy .sp-filter-select-wrap > i {
  color: var(--ak-accent) !important;
}

body.page-support.page-alkemy .sp-filter-search__input::placeholder {
  color: var(--ak-search-placeholder, #8a8aa0) !important;
  -webkit-text-fill-color: var(--ak-search-placeholder, #8a8aa0) !important;
  opacity: 1 !important;
}

body.page-support.page-alkemy .sp-hero {
  background:
    radial-gradient(ellipse 70% 50% at 80% 0%, rgba(var(--ak-accent-rgb), 0.1), transparent 60%),
    var(--ak-glass-bg-card) !important;
}

@media (max-width: 768px) {
  body.page-support.page-alkemy .sp-filters {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  body.page-support.page-alkemy .sp-filter-search {
    grid-column: 1 / -1 !important;
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body.page-support.page-alkemy .sp-filter-select-wrap {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.page-support.page-alkemy .sp-filters__new-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  body.page-support.page-alkemy .sp-ticket-row:hover {
    transform: none !important;
  }

  body.page-support.page-alkemy .sp-reply-box {
    position: sticky !important;
    bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
    background: var(--ak-glass-bg-card) !important;
    border: none !important;
    border-block: 1px solid var(--ak-glass-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45) !important;
  }

  /* Ensure hero stats are responsive on mobile */
  body.page-support.page-alkemy .sp-hero__stats {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
  }

  body.page-support.page-alkemy .sp-hero-stat {
    min-width: 0 !important;
    padding: 12px 8px !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 4px !important;
  }
}

@media (max-width: 480px) {
  body.page-support.page-alkemy .sp-filters {
    grid-template-columns: 1fr !important;
  }
}

/* ═══════════════════════════════════
   BLOG / BLOG POST
   ═══════════════════════════════════ */
body.page-blog.page-alkemy .bl-hero {
  background: transparent !important;
  border: none !important;
}

body.page-blog.page-alkemy .bl-hero-inner {
  background: var(--ak-glass-bg-card) !important;
  border: 1px solid var(--ak-glass-line) !important;
  border-radius: var(--ak-radius-panel, 16px) !important;
  box-shadow: var(--ak-glass-inset), var(--ak-glass-shadow) !important;
  backdrop-filter: blur(var(--ak-glass-blur)) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(var(--ak-glass-blur)) saturate(1.08) !important;
  padding: 22px 20px !important;
}

body.page-blog.page-alkemy .bl-hero-label {
  background: rgba(var(--ak-accent-rgb), 0.14) !important;
  border: 1px solid rgba(var(--ak-accent-rgb), 0.35) !important;
  color: var(--ak-accent) !important;
  box-shadow: none !important;
}

body.page-blog.page-alkemy .bl-hero-title {
  color: var(--ak-text) !important;
}

body.page-blog.page-alkemy .bl-hero-sub {
  color: var(--ak-text-soft) !important;
}

body.page-blog.page-alkemy .bl-search-btn {
  background: var(--ct-metal) !important;
  color: var(--ct-metal-text) !important;
  border: 1px solid var(--ct-metal-edge) !important;
  box-shadow: var(--ct-metal-shadow) !important;
  border-radius: 10px !important;
}

body.page-blog.page-alkemy .bl-cat-btn {
  background: rgba(5, 5, 8, 0.4) !important;
  border: 1px solid var(--ak-glass-line) !important;
  color: var(--ak-text-soft) !important;
  border-radius: 10px !important;
}

body.page-blog.page-alkemy .bl-cat-btn:hover,
body.page-blog.page-alkemy .bl-cat-btn--active {
  background: rgba(var(--ak-accent-rgb), 0.14) !important;
  border-color: rgba(var(--ak-accent-rgb), 0.4) !important;
  color: var(--ak-accent) !important;
}

body.page-blog.page-alkemy .bl-featured,
body.page-blog.page-alkemy .bl-card,
body.page-blog.page-alkemy .bl-sb-card {
  background: var(--ak-glass-bg-card) !important;
  border: 1px solid var(--ak-glass-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--ak-glass-inset), var(--ak-glass-shadow) !important;
}

body.page-blog.page-alkemy .bl-featured:hover,
body.page-blog.page-alkemy .bl-card:hover {
  border-color: rgba(var(--ak-accent-rgb), 0.4) !important;
}

body.page-blog.page-alkemy .bl-featured-title,
body.page-blog.page-alkemy .bl-card-title,
body.page-blog.page-alkemy .bl-sb-title {
  color: var(--ak-text) !important;
}

body.page-blog.page-alkemy .bl-featured-excerpt,
body.page-blog.page-alkemy .bl-card-excerpt,
body.page-blog.page-alkemy .bl-meta-item {
  color: var(--ak-text-soft) !important;
}

body.page-blog.page-alkemy .bl-read-more,
body.page-blog.page-alkemy .bl-sb-title i,
body.page-blog.page-alkemy .bl-popular-num,
body.page-blog.page-alkemy .bl-page-btn--active {
  color: var(--ak-accent) !important;
}

body.page-blog.page-alkemy .bl-page-btn--active {
  background: rgba(var(--ak-accent-rgb), 0.14) !important;
  border-color: rgba(var(--ak-accent-rgb), 0.4) !important;
}

/* Featured badge: replace legacy gold with Alkemy teal for brand consistency */
body.page-blog.page-alkemy .bl-featured-label {
  background: rgba(var(--ak-accent-rgb), 0.9) !important;
  color: #05201a !important;
}

body.page-blog-post.page-alkemy .bp-article,
body.page-blog-post.page-alkemy .bp-sidebar-card,
body.page-blog-post.page-alkemy .bp-author-card,
body.page-blog-post.page-alkemy .bp-related-card {
  background: var(--ak-glass-bg-card) !important;
  border: 1px solid var(--ak-glass-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--ak-glass-inset), var(--ak-glass-shadow) !important;
}

body.page-blog-post.page-alkemy .bp-title,
body.page-blog-post.page-alkemy h2,
body.page-blog-post.page-alkemy h3 {
  color: var(--ak-text) !important;
}

body.page-blog-post.page-alkemy .bp-meta i {
  color: var(--ak-accent);
}

/* ═══════════════════════════════════
   ABOUT / FAQ / TERMS
   ═══════════════════════════════════ */
body.page-about.page-alkemy .ab-eyebrow,
body.page-about.page-alkemy .ab-social__icon,
body.page-about.page-alkemy .ab-meta__item i,
body.page-about.page-alkemy .ab-bc a {
  color: var(--ak-accent) !important;
}

body.page-faq.page-alkemy .info-hero,
body.page-terms.page-alkemy .info-hero,
body.page-faq.page-alkemy .faq-hero {
  background: transparent !important;
  border: none !important;
}

body.page-faq.page-alkemy .info-hero > .container,
body.page-terms.page-alkemy .info-hero > .container,
body.page-faq.page-alkemy .faq-hero-inner {
  background: var(--ak-glass-bg-card) !important;
  border: 1px solid var(--ak-glass-line) !important;
  border-radius: var(--ak-radius-panel, 16px) !important;
  box-shadow: var(--ak-glass-inset), var(--ak-glass-shadow) !important;
  backdrop-filter: blur(var(--ak-glass-blur)) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(var(--ak-glass-blur)) saturate(1.08) !important;
  padding: 22px 20px !important;
}

body.page-faq.page-alkemy .info-badge,
body.page-terms.page-alkemy .info-badge {
  background: rgba(var(--ak-accent-rgb), 0.14) !important;
  border: 1px solid rgba(var(--ak-accent-rgb), 0.35) !important;
  color: var(--ak-accent) !important;
  box-shadow: none !important;
}

body.page-faq.page-alkemy h1,
body.page-terms.page-alkemy h1,
body.page-faq.page-alkemy .info-title,
body.page-terms.page-alkemy .info-title {
  color: var(--ak-text) !important;
}

body.page-faq.page-alkemy .faq-item,
body.page-faq.page-alkemy .faq-category,
body.page-terms.page-alkemy .terms-card,
body.page-terms.page-alkemy .info-card,
body.page-terms.page-alkemy .terms-section {
  background: var(--ak-glass-bg-card) !important;
  border: 1px solid var(--ak-glass-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--ak-glass-inset), var(--ak-glass-shadow) !important;
}

body.page-faq.page-alkemy .faq-category-title,
body.page-faq.page-alkemy .faq-question,
body.page-terms.page-alkemy h2 {
  color: var(--ak-text) !important;
}

body.page-faq.page-alkemy .faq-category-title i,
body.page-faq.page-alkemy .faq-question:hover {
  color: var(--ak-accent) !important;
}

body.page-faq.page-alkemy .faq-answer,
body.page-terms.page-alkemy p,
body.page-about.page-alkemy p {
  color: var(--ak-text-soft) !important;
}

body.page-about.page-alkemy .btn-gold-3d,
body.page-faq.page-alkemy .btn-gold-3d,
body.page-terms.page-alkemy .btn-gold-3d,
body.page-about.page-alkemy .contact-submit,
body.page-faq.page-alkemy .contact-submit,
body.page-terms.page-alkemy .contact-submit,
body.page-faq.page-alkemy .info-cta .contact-submit {
  background: var(--ct-metal) !important;
  color: var(--ct-metal-text) !important;
  border: 1px solid var(--ct-metal-edge) !important;
  box-shadow: var(--ct-metal-shadow) !important;
  border-radius: 12px !important;
}

body.page-about.page-alkemy .contact-submit:hover,
body.page-faq.page-alkemy .contact-submit:hover {
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
  transform: translateY(-1px);
}

body.page-about.page-alkemy .stat-num,
body.page-about.page-alkemy .about-stat .stat-num {
  color: var(--ak-accent) !important;
}

body.page-about.page-alkemy .info-section-title i,
body.page-about.page-alkemy .av-icon i {
  color: var(--ak-accent) !important;
}

body.page-faq.page-alkemy .faq-category {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.page-faq.page-alkemy .info-cta {
  background: var(--ak-glass-bg-card) !important;
  border: 1px solid var(--ak-glass-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--ak-glass-inset), var(--ak-glass-shadow) !important;
}

body.page-faq.page-alkemy .info-cta::before {
  display: none !important;
}

body.page-terms.page-alkemy .legal-tab,
body.page-terms.page-alkemy .legal-tabs button {
  background: rgba(5, 5, 8, 0.4) !important;
  border: 1px solid var(--ak-glass-line) !important;
  color: var(--ak-text-soft) !important;
  border-radius: 10px !important;
}

body.page-terms.page-alkemy .legal-tab--active,
body.page-terms.page-alkemy .legal-tab.active,
body.page-terms.page-alkemy .legal-tabs button[aria-selected="true"] {
  background: rgba(var(--ak-accent-rgb), 0.14) !important;
  border-color: rgba(var(--ak-accent-rgb), 0.4) !important;
  color: var(--ak-accent) !important;
}