/* AutoMarket AI Premium Styles for Platform Theme */

html {
    scroll-behavior: smooth !important;
}

/* 1. AI Excerpt (Вступ з відступом та зірочками) */
.cs-entry__subtitle,
.cs-entry__excerpt {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.cs-entry__subtitle .supercharger-module.ai-excerpt,
.cs-entry__excerpt .supercharger-module.ai-excerpt,
.supercharger-module.ai-excerpt {
    display: block !important;
    position: relative;
    font-style: italic;
    color: #475569;
    background: #f8fafc;
    border-left: 4px solid #2563eb;
    padding: 20px 24px 20px 48px;
    border-radius: 0 12px 12px 0;
    font-size: 0.98em;
    line-height: 1.65;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%232563eb' d='M7.131 2.579c.609 0 1.103-.494 1.103-1.103h.509c0 .61.493 1.103 1.102 1.103v.509c-.609 0-1.102.493-1.102 1.102h-.51c0-.609-.493-1.102-1.102-1.102zM1.25 5.548c1.5 0 2.714-1.216 2.714-2.715h.905c0 1.5 1.215 2.715 2.714 2.715v.904A2.714 2.714 0 0 0 4.87 9.167h-.905c0-1.5-1.215-2.715-2.714-2.715zM3.003 6c.594.329 1.085.82 1.414 1.413C4.746 6.82 5.237 6.33 5.83 6a3.64 3.64 0 0 1-1.413-1.413A3.64 3.64 0 0 1 3.003 6m5.598.905a1.47 1.47 0 0 1-1.47 1.47v.678c.812 0 1.47.659 1.47 1.47h.679c0-.811.658-1.47 1.47-1.47v-.678a1.47 1.47 0 0 1-1.47-1.47z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 18px 24px !important;
    background-size: 18px 18px !important;
}

/* 2. Key Moments (TOC) */
.ai-key-moments__inner {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin: 35px 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.ai-key-moments__heading {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 16px 0 !important;
    border-bottom: 2px solid #cbd5e1;
    padding-bottom: 8px;
}

.ai-key-moments__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ai-key-moments__item {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 18px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none !important;
    color: #1e293b !important;
}

.ai-key-moments__item:hover {
    border-color: #2563eb;
    box-shadow: 0 4px 12px -2px rgba(59, 130, 246, 0.15);
    transform: translateY(-2px);
    color: #2563eb !important;
}

.ai-key-moments__number {
    font-size: 14px;
    font-weight: 800;
    color: #2563eb;
    background: #eff6ff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.ai-key-moments__content {
    flex: 1;
}

.ai-key-moments__title {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 4px 0 !important;
}

.ai-key-moments__item:hover .ai-key-moments__title {
    color: #2563eb !important;
}

.ai-key-moments__description {
    font-size: 13px;
    color: #64748b;
    line-height: 1.4;
}

.ai-key-moments__arrow {
    color: #94a3b8;
    margin-left: 12px;
    display: flex;
    align-items: center;
    transition: transform 0.2s, color 0.2s;
}

.ai-key-moments__item:hover .ai-key-moments__arrow {
    transform: translateX(3px);
    color: #2563eb;
}

/* 3. AI Highlight */
.ai-highlight__inner {
    background-color: #fef08a; /* Soft warm yellow */
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
    color: #1e293b;
}

/* 4. AI Quote Puller */
.ai-quote-puller__inner {
    border-left: 4px solid #2563eb;
    background: #f8fafc;
    padding: 20px 24px;
    margin: 28px 0;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02);
}

.ai-quote-puller__blockquote {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.ai-quote-puller__icon {
    color: #2563eb;
    flex-shrink: 0;
    display: flex;
}

.ai-quote-puller__icon svg {
    width: 24px;
    height: 24px;
}

.ai-quote-puller__text {
    font-size: 16px;
    font-style: italic;
    line-height: 1.6;
    color: #334155;
}

/* Запобігання виділення жовтим кольором всередині цитат */
.ai-quote-puller__inner .ai-highlight__inner {
    background: none !important;
    padding: 0 !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* 5. AI badges */
.supercharger-ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    color: #64748b;
    margin-top: 14px;
    background: #f1f5f9;
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.supercharger-ai-badge svg {
    color: #3b82f6;
}

.supercharger-ai-badge-inside {
    margin-top: 10px;
    background: #f1f5f9;
}