/* Seyvo Blog SEO — déminifié + tokenisé (app008) */

/* Seyvo Blog SEO UI - isolated public blog styling */
.sv-blog-container {
    max-width:1180px;
    margin-top:2.5rem;
    margin-bottom:4rem
}

.sv-blog-container .custom-breadcrumbs {
    margin-bottom:1.25rem
}

.sv-blog-hero, .sv-blog-article-hero {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(17,24,39,.08);
    border-radius:28px;
    background:radial-gradient(circle at 10% 0%,rgba(var(--seyvo-primary-rgb), .18),transparent 32%),linear-gradient(135deg,var(--seyvo-white) 0%,#eef5ff 55%,#f7fbff 100%);
    box-shadow:0 22px 70px rgba(15,23,42,.08);
    padding:3rem;
    min-height:260px
}

.sv-blog-hero:before, .sv-blog-article-hero:before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,rgba(var(--seyvo-primary-rgb), .55),var(--seyvo-success-soft));
    pointer-events:none
}

.sv-blog-hero-content, .sv-blog-article-hero-content {
    position:relative;
    z-index:2;
    max-width:760px
}

.sv-blog-hero h1, .sv-blog-article-hero h1 {
    font-size:clamp(2.1rem,4vw,4.25rem);
    line-height:1.03;
    letter-spacing:-.06em;
    font-weight:800;
    color:#111827;
    margin-bottom:1rem
}

.sv-blog-hero p, .sv-blog-article-hero p {
    font-size:1.05rem;
    line-height:1.75;
    color:#4b5563;
    max-width:650px
}

.sv-blog-eyebrow {
    display:inline-flex;
    align-items:center;
    padding:.45rem .8rem;
    border-radius:999px;
    background:var(--seyvo-success-soft);
    color:var(--sv-primary);
    font-weight:700;
    font-size:.78rem;
    letter-spacing:.01em
}

.sv-blog-hero-orb {
    position:absolute;
    border-radius:999px;
    filter:blur(6px);
    opacity:.6;
    pointer-events:none
}

.sv-blog-hero-orb-one {
    width:170px;
    height:170px;
    right:8%;
    top:18%;
    background:rgba(var(--seyvo-primary-rgb), .18)
}

.sv-blog-hero-orb-two {
    width:110px;
    height:110px;
    right:23%;
    bottom:8%;
    background:rgba(20,184,166,.15)
}

.sv-blog-card {
    overflow:hidden;
    border:1px solid rgba(17,24,39,.08);
    border-radius:24px;
    background:var(--seyvo-white);
    box-shadow:0 18px 45px rgba(15,23,42,.06);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}

.sv-blog-card:hover {
    transform:translateY(-5px);
    border-color:rgba(var(--seyvo-primary-rgb), .2);
    box-shadow:0 24px 65px rgba(15,23,42,.1)
}

.sv-blog-card-image-wrapper {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:230px;
    overflow:hidden;
    background:linear-gradient(135deg,#eef5ff,#f9fafb);
    text-decoration:none/* !imp-removed */
}

.sv-blog-card-image {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease
}

.sv-blog-card:hover .sv-blog-card-image {
    transform:scale(1.045)
}

.sv-blog-card-image-placeholder {
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--sv-primary)
}

.sv-blog-card-body {
    padding:1.5rem
}

.sv-blog-card-meta {
    display:flex;
    align-items:center;
    gap:.7rem;
    flex-wrap:wrap;
    color:#6b7280;
    font-size:.82rem
}

.sv-blog-pill {
    display:inline-flex;
    align-items:center;
    padding:.35rem .7rem;
    border-radius:999px;
    background:var(--sv-primary-soft);
    color:var(--sv-primary);
    font-weight:700;
    text-decoration:none/* !imp-removed */
}

.sv-blog-card-title-link {
    text-decoration:none;
    color:inherit/* !imp-removed */
}

.sv-blog-card-title {
    font-size:1.32rem;
    line-height:1.25;
    font-weight:800;
    letter-spacing:-.035em;
    color:#111827;
    margin-bottom:.75rem
}

.sv-blog-card-description {
    color:#4b5563;
    line-height:1.65;
    margin-bottom:1.25rem
}

.sv-blog-card-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    flex-wrap:wrap;
    border-top:1px solid rgba(17,24,39,.07);
    padding-top:1rem;
    color:#6b7280;
    font-size:.82rem
}

.sv-blog-sidebar {
    position:sticky;
    top:1.5rem
}

.sv-blog-widget {
    border:1px solid rgba(17,24,39,.08);
    border-radius:22px;
    background:var(--seyvo-white);
    box-shadow:0 14px 40px rgba(15,23,42,.05);
    padding:1.35rem
}

.sv-blog-cta {
    background:linear-gradient(135deg,#111827,var(--sv-primary-dark));
    color:var(--seyvo-white);
    border:0;
    box-shadow:0 20px 55px rgba(var(--seyvo-primary-rgb), .22)
}

.sv-blog-cta .text-muted, .sv-blog-cta p {
    color:rgba(var(--seyvo-primary-rgb), .72)/* !imp-removed */
}

.sv-blog-cta-icon {
    width:44px;
    height:44px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--seyvo-success-soft);
    margin-bottom:1rem
}

.sv-blog-cta .btn {
    background:var(--seyvo-white);
    border-color:var(--seyvo-white);
    color:var(--sv-primary-dark);
    font-weight:800
}

.sv-blog-category-list a, .sv-blog-popular-item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    text-decoration:none;
    color:#111827;
    padding:.75rem 0;
    border-bottom:1px solid rgba(17,24,39,.07)
}

.sv-blog-category-list a:last-child, .sv-blog-popular-item:last-child {
    border-bottom:0
}

.sv-blog-category-list a:hover, .sv-blog-popular-item:hover {
    color:var(--sv-primary)/* !imp-removed */
}

.sv-blog-popular-item {
    justify-content:flex-start
}

.sv-blog-popular-number {
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:10px;
    background:var(--sv-primary-soft);
    color:var(--sv-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800
}

.sv-blog-popular-item strong {
    display:block;
    font-size:.92rem;
    line-height:1.35
}

.sv-blog-popular-item small {
    display:block;
    color:#6b7280;
    margin-top:.2rem
}

.sv-blog-article-card {
    overflow:hidden;
    border:1px solid rgba(17,24,39,.08);
    border-radius:26px;
    background:var(--seyvo-white);
    box-shadow:0 18px 55px rgba(15,23,42,.06)
}

.sv-blog-article-image {
    width:100%;
    max-height:460px;
    object-fit:cover
}

.sv-blog-article-body {
    padding:clamp(1.5rem,4vw,3rem)
}

.sv-blog-article-lead {
    font-size:1.15rem;
    line-height:1.8;
    color:var(--seyvo-muted);
    border-left:4px solid var(--sv-primary);
    padding-left:1rem;
    margin-bottom:2rem
}

.sv-blog-inline-cta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.5rem;
    border-radius:22px;
    background:linear-gradient(135deg,#f8fbff,#eef5ff);
    border:1px solid var(--seyvo-success-soft);
    padding:1.5rem
}

.sv-blog-share-card {
    margin-top:1.5rem
}

@media (max-width:991.98px) {
    .sv-blog-sidebar {
    position:relative;
    top:auto
}

.sv-blog-hero, .sv-blog-article-hero {
    padding:2rem
}

.sv-blog-card-image-wrapper {
    height:210px
}
}

@media (max-width:575.98px) {
    .sv-blog-container {
    margin-top:1.25rem
}

.sv-blog-hero, .sv-blog-article-hero {
    border-radius:22px;
    padding:1.5rem
}

.sv-blog-inline-cta {
    display:block
}

.sv-blog-card-body {
    padding:1.25rem
}
}