/*
 * Public theme compatibility layer.
 * Keeps legacy News/Arsha components on the redesigned Solok palette without
 * modifying vendor files. Loaded after page-specific public theme styles.
 */
:root {
  --sk-public-accent: var(--sk-accent, var(--sk-blue, #0284c7));
  --sk-public-accent-hover: var(--sk-accent-hover, #0369a1);
  --sk-public-soft: #eff6ff;
  --sk-public-soft-border: #bae6fd;
}

[data-theme="dark"] {
  --sk-public-accent: #38bdf8;
  --sk-public-accent-hover: #7dd3fc;
  --sk-public-soft: #172033;
  --sk-public-soft-border: #334155;
}

/* Legacy per-element theme attributes */
[data-theme-color="#29bb89"],
[data-theme-color="#29BB89"],
[style*="--theme-color: #29bb89"],
[style*="--theme-color:#29bb89"] {
  --theme-color: var(--sk-public-accent) !important;
}

/* Shared controls */
body .text-success { color: var(--sk-public-accent) !important; }
body .bg-success { background-color: var(--sk-public-accent) !important; }
body .btn-success,
body .green-btn,
body .search-form button,
body .th-menu-toggle,
body .contact button[type="submit"] {
  border-color: var(--sk-public-accent) !important;
  background: var(--sk-public-accent) !important;
  color: #fff !important;
}

body .btn-success:hover,
body .btn-success:focus,
body .green-btn:hover,
body .green-btn:focus,
body .search-form button:hover,
body .search-form button:focus,
body .th-menu-toggle:hover,
body .th-menu-toggle:focus,
body .contact button[type="submit"]:hover,
body .contact button[type="submit"]:focus {
  border-color: var(--sk-public-accent-hover) !important;
  background: var(--sk-public-accent-hover) !important;
  color: #fff !important;
}

body input:focus,
body select:focus,
body textarea:focus,
body .form-control:focus {
  border-color: var(--sk-public-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sk-public-accent) 14%, transparent) !important;
}

/* News widgets, cards and article tools */
body .widget_title::before { border-bottom-color: var(--sk-border-color, var(--sk-line, #e2e8f0)) !important; }
body .widget_title::after { border-bottom-color: var(--sk-public-accent) !important; background: transparent !important; }
body .widget_categories li a:hover,
body .widget_categories li a:focus,
body .tagcloud a:hover,
body .tagcloud a:focus {
  border-color: var(--sk-public-soft-border) !important;
  background: var(--sk-public-soft) !important;
  color: var(--sk-public-accent) !important;
}

/* Keep category action arrows aligned and independent from legacy per-category colors. */
body .widget_categories li a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding-right: 56px !important;
}

body .widget_categories li a::after {
  top: 50% !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  border: 1px solid var(--sk-border-color, var(--sk-line, #e2e8f0));
  border-radius: 50%;
  background: var(--sk-card-bg, #fff) !important;
  color: var(--sk-text-main, #0f172a) !important;
  line-height: 1 !important;
  text-align: center;
  transform: translateY(-50%) !important;
}

body .widget_categories li a:hover::after,
body .widget_categories li a:focus::after {
  border-color: var(--sk-public-accent) !important;
  background: var(--sk-public-accent) !important;
  color: #fff !important;
}

body .blog-meta i,
body .recent-post-meta i,
body .blog-info i,
body .form-group > i,
body .share-links i {
  color: var(--sk-public-accent) !important;
}

body .multi-social a:hover,
body .multi-social a:focus,
body .social-links a:hover,
body .social-links a:focus {
  border-color: var(--sk-public-accent) !important;
  background: var(--sk-public-accent) !important;
  color: #fff !important;
}

body .multi-social a:hover i,
body .multi-social a:focus i,
body .social-links a:hover i,
body .social-links a:focus i { color: #fff !important; }

body .category:not([style*="background"]),
body .portfolio #portfolio-flters li.filter-active,
body .portfolio #portfolio-flters li:hover {
  border-color: var(--sk-public-accent) !important;
  background: var(--sk-public-accent) !important;
  color: #fff !important;
}

/* Arsha-era public components */
body .section-title h2::after,
body .services .icon-box .icon i,
body .why-us .accordion-list span,
body .why-us .accordion-list i,
body .pricing h4 span,
body .faq .faq-list i,
body #footer .footer-top .footer-links ul i {
  color: var(--sk-public-accent) !important;
}

body .section-title h2::after { background: var(--sk-public-accent) !important; }

body .nav-menu a:hover,
body .nav-menu .active > a,
body .nav-menu li:hover > a,
body .mobile-nav a:hover,
body .mobile-nav .active > a,
body .mobile-nav li:hover > a,
body .why-us .accordion-list a.collapsed:hover,
body .faq .faq-list a.collapsed:hover,
body .services .icon-box:hover h4 a,
body #footer .footer-top .footer-links ul a:hover {
  color: var(--sk-public-accent) !important;
}

body .get-started-btn,
body .about .content .btn-learn-more,
body .pricing .buy-btn,
body .cta-custom .cta-custom-btn {
  border-color: var(--sk-public-accent) !important;
  color: var(--sk-public-accent) !important;
}

body .get-started-btn:hover,
body .about .content .btn-learn-more:hover,
body .pricing .buy-btn:hover,
body .pricing .featured .buy-btn,
body .cta .cta-btn:hover,
body .cta-custom .cta-custom-btn:hover,
body .team .member .social a:hover {
  border-color: var(--sk-public-accent) !important;
  background: var(--sk-public-accent) !important;
  color: #fff !important;
}

body .pricing .featured,
body .contact .info,
body .contact .php-email-form,
body .contact .form-pengaduan {
  border-top-color: var(--sk-public-accent) !important;
  border-bottom-color: var(--sk-public-accent) !important;
}

body .contact .info i { color: var(--sk-public-accent) !important; }
body .contact .info .email:hover i,
body .contact .info .address:hover i,
body .contact .info .phone:hover i {
  background: var(--sk-public-accent) !important;
  color: #fff !important;
}

body .sp-active,
body .sp-menu li:hover { background: var(--sk-public-soft) !important; }
body .sp-active a,
body .sp-menu li:hover a { color: var(--sk-public-accent) !important; }

body .page-item.active .page-link,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border-color: var(--sk-public-accent) !important;
  background: var(--sk-public-accent) !important;
  color: #fff !important;
}

body .page-link:hover,
body .page-link:focus {
  border-color: var(--sk-public-soft-border) !important;
  background: var(--sk-public-soft) !important;
  color: var(--sk-public-accent) !important;
}

@media (prefers-reduced-motion: reduce) {
  body a,
  body button,
  body .btn { transition: none !important; }
}