/**
 * AI Central Link — Frontend Styles v1.0.0
 *
 * Developed by: VertiDesk.com — Vinod Rawat
 */

/* ── Variables ────────────────────────────────────────────────────────────── */
:root {
    --acl-blue:      #1a237e;
    --acl-blue-mid:  #283593;
    --acl-blue-lt:   #3949ab;
    --acl-indigo:    #3f51b5;
    --acl-text:      #1f2937;
    --acl-text-lt:   #6b7280;
    --acl-border:    #e5e7eb;
    --acl-bg:        #f9fafb;
    --acl-white:     #ffffff;
    --acl-green:     #2e7d32;
    --acl-green-bg:  #f1f8e9;
    --acl-green-bd:  #c5e1a5;
    --acl-red:       #c62828;
    --acl-red-bg:    #fce4ec;
    --acl-red-bd:    #ef9a9a;
    --acl-radius:    10px;
    --acl-radius-sm: 6px;
    --acl-shadow-md: 0 4px 20px rgba(0,0,0,.11);
}

.acl-archive-wrap *, .acl-single-wrap * { box-sizing: border-box; }
.acl-archive-wrap, .acl-single-wrap { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--acl-text); }

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.acl-btn { display:inline-flex;align-items:center;gap:5px;padding:9px 18px;border-radius:var(--acl-radius-sm);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .18s;line-height:1; }
.acl-btn--primary { background:var(--acl-indigo);color:#fff !important; }
.acl-btn--primary:hover { background:var(--acl-blue-mid);color:#fff !important; }
.acl-btn--outline { background:transparent;color:var(--acl-indigo);border:2px solid var(--acl-indigo); }
.acl-btn--outline:hover { background:var(--acl-indigo);color:#fff !important; }
.acl-btn--visit { background:var(--acl-indigo);color:#fff !important;padding:10px 20px; }
.acl-btn--visit:hover { background:var(--acl-blue-mid);color:#fff !important; }
.acl-btn--sm { padding:6px 12px;font-size:12px; }
.acl-btn--block { width:100%;justify-content:center;margin-top:12px; }

/* ── Badges ───────────────────────────────────────────────────────────────── */
.acl-badge { display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px; }
.acl-badge--free     { background:#e8f5e9;color:#2e7d32; }
.acl-badge--freemium { background:#e3f2fd;color:#1565c0; }
.acl-badge--trial    { background:#e8eaf6;color:#283593; }
.acl-badge--paid     { background:#fce4ec;color:#c62828; }
.acl-badge--contact  { background:#fff3e0;color:#e65100; }
.acl-badge--default  { background:#f3f4f6;color:#374151; }

.acl-cat-badge { display:inline-block;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;background:rgba(63,81,181,.1);color:var(--acl-indigo);text-decoration:none; }
.acl-cat-badge:hover { background:rgba(63,81,181,.2); }

/* ══ SHARED HERO ══════════════════════════════════════════════════════════════ */
.acl-archive-hero, .acl-hero {
    background: linear-gradient(135deg, var(--acl-blue) 0%, var(--acl-blue-mid) 55%, var(--acl-blue-lt) 100%);
    padding: 42px 24px 48px; position: relative; overflow: hidden;
}
.acl-archive-hero::before, .acl-hero::before {
    content:'';position:absolute;top:-40%;right:-5%;width:380px;height:380px;
    background:radial-gradient(circle,rgba(92,107,192,.2) 0%,transparent 70%);pointer-events:none;
}
.acl-hero__inner { max-width:1180px;margin:0 auto;position:relative;padding:0 20px; }
.acl-archive-wrap .acl-hero__inner { text-align:center; }
.acl-archive-title { font-size:clamp(24px,4vw,36px);font-weight:800;color:#fff;margin:0 0 8px; }
.acl-archive-desc  { font-size:15px;color:rgba(255,255,255,.75);margin:0 0 22px;line-height:1.6; }

/* Hero search */
.acl-hero-search-form { width:100%; }
.acl-search-row { display:flex;background:#fff;border-radius:var(--acl-radius-sm);overflow:hidden;max-width:540px;margin:0 auto;box-shadow:0 4px 18px rgba(0,0,0,.2); }
.acl-search-input { flex:1;border:none;outline:none;padding:11px 14px;font-size:14px;color:var(--acl-text);background:transparent; }
.acl-search-input::placeholder { color:#9ca3af; }
.acl-search-btn { background:var(--acl-indigo);color:#fff;border:none;padding:11px 20px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.5px;white-space:nowrap;transition:background .18s; }
.acl-search-btn:hover { background:var(--acl-blue-mid); }

/* ══ SHARED BODY LAYOUT ═══════════════════════════════════════════════════════ */
.acl-single-body { display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;max-width:1180px;margin:0 auto;padding:24px 20px;align-items:start; }
@media (max-width:900px) { .acl-single-body { grid-template-columns:1fr; } .acl-single-sidebar { display:none; } }
.acl-single-main { min-width:0; }
.acl-single-sidebar { position:sticky;top:80px;min-width:0; }

/* ── Filters bar ─────────────────────────────────────────────────────────── */
.acl-filters-bar { display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:10px; }
.acl-cat-pills { display:flex;flex-wrap:wrap;gap:6px; }
.acl-cat-pill { display:inline-block;padding:5px 13px;border-radius:20px;font-size:13px;font-weight:500;text-decoration:none;background:#fff;color:var(--acl-text);border:1px solid var(--acl-border);transition:all .16s; }
.acl-cat-pill:hover, .acl-cat-pill.active { background:var(--acl-indigo);color:#fff !important;border-color:var(--acl-indigo); }
.acl-filter-right { display:flex;align-items:center;gap:10px; }
.acl-count { font-size:12px;color:var(--acl-text-lt);white-space:nowrap; }
.acl-sort-form { display:flex; }
.acl-sort-select { padding:6px 10px;border:1px solid var(--acl-border);border-radius:var(--acl-radius-sm);font-size:13px;color:var(--acl-text);background:#fff;cursor:pointer;outline:none; }
.acl-sort-select:focus { border-color:var(--acl-indigo); }

/* ── Price filter pills ───────────────────────────────────────────────────── */
.acl-price-filters { display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:14px; }
.acl-price-label { font-size:12px;font-weight:600;color:var(--acl-text-lt);margin-right:4px; }
.acl-price-pill {
    display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;
    text-decoration:none;border:1px solid var(--acl-border);background:#fff;color:var(--acl-text);
    transition:all .16s;
}
.acl-price-pill:hover { border-color:var(--acl-indigo);color:var(--acl-indigo); }
.acl-price-pill.active { background:var(--acl-indigo);color:#fff !important;border-color:var(--acl-indigo); }
/* Pricing-specific colours when active */
.acl-price-pill--free.active    { background:#2e7d32;border-color:#2e7d32; }
.acl-price-pill--freemium.active{ background:#1565c0;border-color:#1565c0; }
.acl-price-pill--free_trial.active{ background:#283593;border-color:#283593; }
.acl-price-pill--paid.active    { background:#c62828;border-color:#c62828; }
.acl-price-pill--contact.active { background:#e65100;border-color:#e65100; }

/* Active filter tags */
.acl-active-filters { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px; }
.acl-filter-tag { display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;background:#eef2ff;color:var(--acl-indigo);border:1px solid #c7d2fe; }
.acl-filter-tag a { color:var(--acl-red);text-decoration:none;font-weight:700; }
.acl-filter-tag--price { background:#fff3e0;color:#e65100;border-color:#fed7aa; }

.acl-section-label { font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--acl-indigo);margin:0 0 10px; }
.acl-divider { border:none;border-top:1px solid var(--acl-border);margin:20px 0; }

/* ── Tool Cards Grid ──────────────────────────────────────────────────────── */
.acl-tools-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px; }
@media (max-width:520px) { .acl-tools-grid { grid-template-columns:1fr 1fr;gap:12px; } }

/* ── Tool Card ────────────────────────────────────────────────────────────── */
.acl-tool-card { background:#fff;border-radius:var(--acl-radius);border:1px solid var(--acl-border);overflow:hidden;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;position:relative; }
.acl-tool-card:hover { transform:translateY(-3px);box-shadow:var(--acl-shadow-md); }
.acl-tool-card--featured { border-color:var(--acl-indigo);box-shadow:0 0 0 2px rgba(63,81,181,.12); }
.acl-featured-badge { position:absolute;top:10px;left:10px;background:var(--acl-indigo);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 8px;border-radius:4px;z-index:2; }
.acl-card-logo { display:flex;background:linear-gradient(140deg,var(--acl-blue) 0%,var(--acl-blue-lt) 100%);padding:22px;align-items:center;justify-content:center;min-height:110px;text-decoration:none; }
.acl-card-logo img { max-width:90px;max-height:60px;object-fit:contain; }
.acl-card-body { padding:12px 14px;flex:1; }
.acl-card-cats { margin-bottom:6px; }
.acl-card-title { font-size:14px;font-weight:700;margin:0 0 5px;line-height:1.3; }
.acl-card-title a { text-decoration:none;color:var(--acl-text); }
.acl-card-title a:hover { color:var(--acl-indigo); }
.acl-card-desc { font-size:12px;color:var(--acl-text-lt);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.acl-card-footer { padding:10px 14px;border-top:1px solid var(--acl-border);display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto; }
.acl-card-footer-left { display:flex;align-items:center; }
.acl-view-tool { font-size:12px;font-weight:600;color:var(--acl-indigo);text-decoration:none;white-space:nowrap; }
.acl-view-tool:hover { color:var(--acl-blue-mid); }

/* Pagination */
.acl-pagination { display:flex;justify-content:center;gap:6px;margin-top:28px;flex-wrap:wrap; }
.acl-pagination .page-numbers { display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:var(--acl-radius-sm);background:#fff;border:1px solid var(--acl-border);font-size:13px;text-decoration:none;color:var(--acl-text);transition:all .16s; }
.acl-pagination .page-numbers:hover, .acl-pagination .page-numbers.current { background:var(--acl-indigo);border-color:var(--acl-indigo);color:#fff; }
.acl-no-results { text-align:center;padding:48px 20px;color:var(--acl-text-lt); }

/* ══ SINGLE PAGE ══════════════════════════════════════════════════════════════ */
.acl-single-wrap .acl-hero__inner { text-align:left; }
.acl-breadcrumb { display:flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.6);margin-bottom:14px;flex-wrap:wrap; }
.acl-breadcrumb a { color:rgba(255,255,255,.8);text-decoration:none; }
.acl-breadcrumb a:hover { color:#fff; }
.acl-bc-sep { color:rgba(255,255,255,.35); }
.acl-archive-wrap .acl-breadcrumb { justify-content:center; }
.acl-hero-topmeta { display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap; }
.acl-hero-cat-pill { display:inline-block;padding:4px 12px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;background:rgba(255,255,255,.15);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25); }
.acl-hero-cat-pill:hover { background:rgba(255,255,255,.25);color:#fff; }
.acl-hero-date { font-size:12px;color:rgba(255,255,255,.55); }
.acl-hero-identity { display:flex;align-items:center;gap:16px;margin-bottom:12px; }
.acl-hero-logo-wrap { width:68px;height:68px;flex-shrink:0;background:rgba(255,255,255,.12);border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:9px;display:flex;align-items:center;justify-content:center; }
.acl-hero-logo-img { max-width:50px;max-height:50px;object-fit:contain; }
.acl-hero-title { font-size:clamp(20px,3.5vw,32px);font-weight:800;color:#fff;margin:0;line-height:1.2; }
.acl-hero-tagline { font-size:14px;color:rgba(255,255,255,.9);margin:0 0 8px;background:rgba(255,255,255,.1);display:inline-block;padding:5px 12px;border-radius:5px;border-left:3px solid rgba(255,255,255,.35); }
.acl-hero-desc { font-size:14px;color:rgba(255,255,255,.75);margin:0 0 18px;line-height:1.65;max-width:580px; }
.acl-hero-actions { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }

/* Sections */
.acl-section { background:#fff;border-radius:var(--acl-radius);border:1px solid var(--acl-border);padding:20px 22px;margin-bottom:16px; }
.acl-section-title { font-size:15px;font-weight:700;color:var(--acl-text);margin:0 0 14px;display:flex;align-items:center;gap:7px;padding-bottom:11px;border-bottom:1px solid var(--acl-border); }
.acl-section-title svg { color:var(--acl-indigo);flex-shrink:0; }
.acl-title--pros { color:var(--acl-green) !important; } .acl-title--pros svg { color:var(--acl-green) !important; }
.acl-title--cons { color:var(--acl-red) !important; }   .acl-title--cons svg { color:var(--acl-red) !important; }

.acl-row-2col { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px; }
.acl-row-2col .acl-section { margin-bottom:0; }
@media (max-width:600px) { .acl-row-2col { grid-template-columns:1fr; } }

.acl-screenshots-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }
.acl-ss-thumb { display:block;border-radius:var(--acl-radius-sm);overflow:hidden;border:1px solid var(--acl-border);aspect-ratio:16/10; }
.acl-ss-thumb img { width:100%;height:100%;object-fit:cover;transition:transform .3s; }
.acl-ss-thumb:hover img { transform:scale(1.04); }

.acl-desc-content { font-size:14px;line-height:1.7;color:var(--acl-text-lt); }
.acl-desc-content p { margin:0 0 10px; }
.acl-no-content { color:var(--acl-text-lt);font-size:13px; }

.acl-section--keydetails {}
.acl-keydetails-list { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px; }
.acl-keydetails-list li { display:flex;align-items:flex-start;gap:8px;font-size:13px; }
.acl-kd-icon { display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:1px; }
.acl-kd-icon--cat   { background:#e8eaf6;color:var(--acl-indigo); }
.acl-kd-icon--price { background:#e3f2fd;color:#1565c0; }
.acl-kd-icon--best  { background:#e8f5e9;color:var(--acl-green); }
.acl-kd-icon--web   { background:#f3f4f6;color:var(--acl-text-lt); }
.acl-keydetails-list a { color:var(--acl-indigo);text-decoration:none; }
.acl-keydetails-list a:hover { text-decoration:underline; }

.acl-features-list { list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.acl-features-list li { display:flex;align-items:flex-start;gap:6px;font-size:13px; }
.acl-features-list li svg { color:var(--acl-indigo);flex-shrink:0;margin-top:1px; }
@media (max-width:480px) { .acl-features-list { grid-template-columns:1fr; } }

.acl-section--pros { background:var(--acl-green-bg);border-color:var(--acl-green-bd); }
.acl-section--cons { background:var(--acl-red-bg);border-color:var(--acl-red-bd); }
.acl-proscons-list { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px; }
.acl-proscons-list li { display:flex;align-items:flex-start;gap:6px;font-size:13px; }
.acl-proscons-list li svg { color:var(--acl-green);flex-shrink:0;margin-top:2px; }
.acl-proscons-list--cons li svg { color:var(--acl-red); }

.acl-cases-list { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px; }
.acl-cases-list li { display:flex;align-items:flex-start;gap:7px;font-size:13px;color:var(--acl-text); }
.acl-cases-list li svg { color:var(--acl-indigo);flex-shrink:0;margin-top:3px; }

.acl-faq-list { display:flex;flex-direction:column;gap:10px; }
.acl-faq-row { border-bottom:1px solid var(--acl-border);padding-bottom:9px; }
.acl-faq-row:last-child { border-bottom:none;padding-bottom:0; }
.acl-faq-q { font-size:13px;font-weight:600;margin:0 0 3px; }
.acl-faq-a { font-size:13px;color:var(--acl-text-lt);margin:0;line-height:1.55; }

.acl-alts-grid { display:flex;flex-wrap:wrap;gap:10px; }
.acl-alt-card { display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--acl-radius-sm);background:#fff;border:1px solid var(--acl-border);text-decoration:none;color:var(--acl-text);transition:all .16s;min-width:140px; }
.acl-alt-card:hover { border-color:var(--acl-indigo);box-shadow:0 2px 8px rgba(63,81,181,.12); }
.acl-alt-card--search { border-style:dashed; }
.acl-alt-card img { width:28px;height:28px;object-fit:contain;border-radius:6px;flex-shrink:0; }
.acl-alt-icon { font-size:18px;flex-shrink:0; }
.acl-alt-card-info { display:flex;flex-direction:column;gap:2px;min-width:0; }
.acl-alt-name { font-size:13px;font-weight:600; }
.acl-alt-meta { font-size:11px;color:var(--acl-text-lt); }

/* ── Sidebar Widget ───────────────────────────────────────────────────────── */
.acl-widget-tools-list { list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:10px; }
.acl-widget-tool-link { display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--acl-text);transition:color .16s; }
.acl-widget-tool-link:hover { color:var(--acl-indigo); }
.acl-widget-tool-logo { width:38px;height:38px;object-fit:contain;border-radius:6px;border:1px solid var(--acl-border);padding:3px;flex-shrink:0;background:#fff; }
.acl-widget-tool-info { display:flex;flex-direction:column;gap:2px;min-width:0; }
.acl-widget-tool-name { font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.acl-widget-tool-cat { font-size:11px;color:var(--acl-text-lt); }
.acl-widget-more { display:inline-block;font-size:12px;font-weight:600;color:var(--acl-indigo);text-decoration:none; }
.acl-widget-more:hover { text-decoration:underline; }

.acl-not-found { text-align:center;padding:60px;color:var(--acl-text-lt); }