/* adultaifinder.com — Violet theme */
:root { --accent: #7c3aed; --accent-dark: #5b21b6; --nav-bg: #1a0a2e; }
body { background-color: #f4f6f9; }
.nav-holder { background-color: var(--nav-bg) !important; }
.navbar-brand, .site-title { color: var(--accent) !important; font-size: 22px; font-weight: 700; letter-spacing: 1px; }
.navbar-nav .nav-link { color: #ccc !important; }
.navbar-nav .nav-link:hover { color: var(--accent) !important; }
.btn-template-outlined { background: var(--accent); border: 2px solid var(--accent); color: #fff !important; border-radius: 3px; padding: 6px 18px; font-weight: 600; letter-spacing: 0.5px; transition: all 0.2s; display: inline-block; }
.btn-template-outlined:hover { background: var(--accent-dark); border-color: var(--accent-dark); color: #fff !important; text-decoration: none; }
.fa-star { color: #f0a500; }
.panel-heading { background-color: var(--accent); color: #fff; border-radius: 4px 4px 0 0; }
.panel-heading h3 { color: #fff !important; margin: 0; padding: 8px 0; }
.panel-default { border: 1px solid #ddd; border-radius: 4px; margin-bottom: 20px; }
.panel-body { padding: 12px 15px; }
.panel-body a h3 { color: var(--accent); font-size: 15px; margin: 0 0 4px; }
.panel-body a:hover h3 { color: var(--accent-dark); }
.panel-body p { color: #666; font-size: 13px; margin: 0; }
h2.h3 a { color: var(--accent); }
h2.h3 a:hover { color: var(--accent-dark); }
.post { border-bottom: 1px solid #eee; padding: 18px 0; margin-bottom: 0; }
.post:last-child { border-bottom: none; }
.author-category a { color: var(--accent); }
.date-comments a { color: #888; }
#heading-breadcrumbs { background: linear-gradient(135deg, var(--nav-bg) 0%, #2d1357 100%); padding: 20px 0; margin-bottom: 20px; }
.make-sticky { position: sticky; top: 0; z-index: 999; }
.main-footer { background: #222 !important; color: #aaa; padding: 15px 0; margin-top: 30px; }
.copyrights p { text-align: center; color: #888; margin: 0; font-size: 13px; }
.bar { margin-top: 20px; }
section.post .intro { color: #555; line-height: 1.7; }
.post .image img { border-radius: 4px; }
@media (max-width: 767px) {
  #heading-breadcrumbs h1 { font-size: 20px; }
  #heading-breadcrumbs p { font-size: 13px; }
  .post .image img { max-height: 90px; width: 100%; object-fit: cover; }
  h2.h3.mt-0 { font-size: 15px; }
  .intro { font-size: 12px !important; margin-bottom: 8px !important; }
  .btn-template-outlined { padding: 5px 12px; font-size: 11px; }
  .d-flex.flex-wrap { font-size: 12px; }
  .bar { margin-top: 10px; }
  #blog-listing-small { padding-right: 0; }
}