﻿/**
 * KUAD Theme Designer - Public News Single Article & Related Modules
 * Decoupled modular stylesheet (Touch UI & Soft UI compliant).
 *
 * @package KUADThemeDesigner
 */
/* Copete / Subtitle Lead */
.ks-news-single-review {
    font-family: var(--ks-heading-font, 'Poppins', sans-serif) !important;
    font-size: clamp(1.05rem, 1.6vw, 1.25rem) !important;
    font-weight: 500 !important;
    color: var(--ks-text-color, #555555) !important;
    line-height: 1.6 !important;
    max-width: 800px !important;
    margin: 0 auto 20px auto !important;
    text-align: center !important;
    opacity: 0.92 !important;
}

/* Article Content & Editorial Typography */
.ks-news-single-content {
    width: 100% !important;
    box-sizing: border-box !important;
}

.ks-news-single-description {
    font-family: var(--ks-body-font, 'Inter', sans-serif) !important;
    font-size: var(--ks-font-size-body, clamp(1.02rem, 1.4vw, 1.15rem)) !important;
    color: var(--ks-text-color, #333333) !important;
    line-height: 1.85 !important;
    margin: 30px 0 !important;
    white-space: normal !important;
}

.ks-news-single-description p {
    margin-bottom: 24px !important;
    color: var(--ks-text-color, #333333) !important;
    line-height: 1.85 !important;
}

.ks-news-single-description h1,
.ks-news-single-description h2,
.ks-news-single-description h3,
.ks-news-single-description h4,
.ks-news-single-description h5,
.ks-news-single-description h6 {
    font-family: var(--ks-heading-font, 'Poppins', sans-serif) !important;
    color: var(--ks-primary-color, var(--ks-heading-color, #2D1A68)) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.ks-news-single-description h2 {
    font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
    margin: 40px 0 16px 0 !important;
}

.ks-news-single-description h3 {
    font-size: clamp(1.15rem, 1.8vw, 1.45rem) !important;
    font-weight: 600 !important;
    margin: 30px 0 14px 0 !important;
}

.ks-news-single-description ul,
.ks-news-single-description ol {
    margin: 0 0 28px 24px !important;
    padding-left: 10px !important;
    color: var(--ks-text-color, #333333) !important;
}

.ks-news-single-description li {
    margin-bottom: 12px !important;
    line-height: 1.75 !important;
    color: var(--ks-text-color, #333333) !important;
}

.ks-news-single-description li::marker {
    color: var(--ks-primary-color, #2D1A68) !important;
}

.ks-news-single-description blockquote {
    margin: 35px 0 !important;
    padding: 20px 28px !important;
    border-left: 4px solid var(--ks-secondary-color, #C05A86) !important;
    background: var(--ks-block-bg-alt, var(--ks-card-bg, #f7f5fb)) !important;
    border-radius: 0 var(--ks-card-radius, 12px) var(--ks-card-radius, 12px) 0 !important;
    font-style: italic !important;
    font-size: 1.1rem !important;
    color: var(--ks-text-color, #333333) !important;
    border-top: 1px solid var(--ks-neumorphic-border, rgba(128, 128, 128, 0.1)) !important;
    border-right: 1px solid var(--ks-neumorphic-border, rgba(128, 128, 128, 0.1)) !important;
    border-bottom: 1px solid var(--ks-neumorphic-border, rgba(128, 128, 128, 0.1)) !important;
}

.ks-news-single-description strong,
.ks-news-single-description b {
    color: var(--ks-primary-color, var(--ks-heading-color, #2D1A68)) !important;
    font-weight: 700 !important;
}

.ks-news-single-description a {
    color: var(--ks-accent-color, var(--ks-primary-color, #1BA59D)) !important;
    text-decoration: underline !important;
}

/* Related News Section (.ks-section-news) */
.ks-section-news,
.wp-block-group.alignfull.ks-section-news {
    padding: 80px 20px !important;
    background-color: var(--ks-block-bg-default, var(--ks-bg-color, #ffffff)) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.ks-news-section-header {
    text-align: center !important;
    margin: 0 auto 45px auto !important;
    width: 100% !important;
    max-width: 900px !important;
    display: block !important;
}

.ks-news-section-header h2,
.ks-section-news .ks-heading-primary,
.ks-section-news .wp-block-heading {
    font-family: var(--ks-heading-font, 'Poppins', sans-serif) !important;
    font-size: var(--ks-font-size-h2, clamp(1.6rem, 3.5vw, 2.3rem)) !important;
    color: var(--ks-heading-color, var(--ks-primary-color, #2D1A68)) !important;
    font-weight: 700 !important;
    margin: 0 auto 12px auto !important;
    line-height: 1.25 !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.ks-news-section-header p {
    font-family: var(--ks-body-font, 'Poppins', sans-serif) !important;
    font-size: var(--ks-font-size-body, clamp(0.95rem, 1.3vw, 1.1rem)) !important;
    color: var(--ks-text-muted, var(--ks-text-color, #666666)) !important;
    max-width: 750px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

.ks-news-section-header .ks-title-divider {
    width: 60px !important;
    height: 3px !important;
    background: var(--ks-secondary-color, #C05A86) !important;
    margin: 18px auto 0 auto !important;
    border-radius: 4px !important;
}

/* Related News Cards Grid (.ks-m-news-public-sc-home-main-news) */
.ks-m-news-public-sc-home-main-news-columns {
    display: flex !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.ks-m-news-public-sc-home-main-news-column:first-child {
    flex: 1 1 58% !important;
    display: flex !important;
    flex-direction: column !important;
}

.ks-m-news-public-sc-home-main-news-column:last-child {
    flex: 1 1 38% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

.ks-m-news-public-sc-home-main-news-item,
a.ks-m-news-public-sc-home-main-news-item {
    background-color: var(--ks-block-card-bg, var(--ks-card-bg, #ffffff)) !important;
    border-radius: var(--ks-card-radius, 16px) !important;
    box-shadow: var(--ks-card-shadow, 0 10px 30px rgba(0, 0, 0, 0.05)) !important;
    border: 1px solid var(--ks-neumorphic-border, rgba(128, 128, 128, 0.12)) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin-bottom: 0 !important;
}

.ks-m-news-public-sc-home-main-news-column:first-child .ks-m-news-public-sc-home-main-news-item {
    height: 100% !important;
}

.ks-m-news-public-sc-home-main-news-column:last-child .ks-m-news-public-sc-home-main-news-item {
    flex: 1 1 calc(50% - 12px) !important;
}

.ks-m-news-public-sc-home-main-news-item:hover,
a.ks-m-news-public-sc-home-main-news-item:hover {
    box-shadow: var(--ks-hover-shadow, 0 15px 45px rgba(0, 0, 0, 0.15)) !important;
    transform: translateY(-4px) !important;
    border-color: var(--ks-primary-color, #C5A880) !important;
}

/* Header Text Container inside News Card */
.ks-m-news-public-sc-home-main-news-content-header {
    background-color: var(--ks-block-card-bg, var(--ks-card-bg, #ffffff)) !important;
    padding: 22px 24px 18px 24px !important;
    box-sizing: border-box !important;
    border-top-left-radius: var(--ks-card-radius, 16px) !important;
    border-top-right-radius: var(--ks-card-radius, 16px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    flex-shrink: 0 !important;
    transition: background-color 0.3s ease !important;
    width: 100% !important;
}

.ks-m-news-public-sc-home-main-news-title,
.ks-m-news-public-sc-home-main-news-content-header h2,
.ks-m-news-public-sc-home-main-news-content-header h3,
.ks-m-news-public-sc-home-main-news-column:first-child .ks-m-news-public-sc-home-main-news-title {
    color: var(--ks-primary-color, var(--ks-heading-color, #2D1A68)) !important;
    font-family: var(--ks-heading-font, 'Poppins', sans-serif) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    transition: color 0.25s ease !important;
}

.ks-m-news-public-sc-home-main-news-content-header h2,
.ks-m-news-public-sc-home-main-news-column:first-child .ks-m-news-public-sc-home-main-news-title {
    font-size: clamp(1.2rem, 1.8vw, 1.55rem) !important;
}

.ks-m-news-public-sc-home-main-news-content-header h3 {
    font-size: clamp(1.02rem, 1.3vw, 1.2rem) !important;
}

.ks-m-news-public-sc-home-main-news-item:hover .ks-m-news-public-sc-home-main-news-title,
.ks-m-news-public-sc-home-main-news-item:hover .ks-m-news-public-sc-home-main-news-content-header h2,
.ks-m-news-public-sc-home-main-news-item:hover .ks-m-news-public-sc-home-main-news-content-header h3 {
    color: var(--ks-accent-color, var(--ks-primary-color, #1BA59D)) !important;
}

.ks-m-news-public-sc-home-main-news-review {
    color: var(--ks-text-color, #555555) !important;
    font-family: var(--ks-body-font, 'Inter', sans-serif) !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    height: auto !important;
    opacity: 0.9 !important;
}

/* Image Container */
.ks-m-news-public-sc-home-main-news-image {
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    border-bottom-left-radius: var(--ks-card-radius, 16px) !important;
    border-bottom-right-radius: var(--ks-card-radius, 16px) !important;
    display: flex !important;
}

.ks-m-news-public-sc-home-main-news-column:first-child .ks-m-news-public-sc-home-main-news-image {
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 260px !important;
}

.ks-m-news-public-sc-home-main-news-column:last-child .ks-m-news-public-sc-home-main-news-image {
    height: 160px !important;
    max-height: 160px !important;
}

.ks-m-news-public-sc-home-main-news-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 0 var(--ks-card-radius, 16px) var(--ks-card-radius, 16px) !important;
    transition: transform 0.4s ease !important;
}

.ks-m-news-public-sc-home-main-news-column:first-child .ks-m-news-public-sc-home-main-news-image img {
    max-height: none !important;
}

.ks-m-news-public-sc-home-main-news-column:last-child .ks-m-news-public-sc-home-main-news-image img {
    max-height: 160px !important;
}

.ks-m-news-public-sc-home-main-news-item:hover .ks-m-news-public-sc-home-main-news-image img {
    transform: scale(1.04) !important;
}

.ks-m-news-public-sc-home-main-news-author {
    position: absolute !important;
    left: 18px !important;
    bottom: 18px !important;
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    padding: 6px 14px !important;
    border-radius: var(--ks-button-radius, 8px) !important;
    font-family: var(--ks-body-font, 'Inter', sans-serif) !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* Newsletter Form Elements In Sync with Preset */
.ks-section-newsletter .ks-m-newsletter-email {
    background-color: var(--ks-card-bg, #ffffff) !important;
    color: var(--ks-text-color, #333333) !important;
    border: 1px solid var(--ks-input-border, var(--ks-neumorphic-border, rgba(128, 128, 128, 0.2))) !important;
    border-radius: var(--ks-input-radius, 12px) !important;
    font-family: var(--ks-body-font, 'Inter', sans-serif) !important;
}

.ks-section-newsletter .ks-m-newsletter-submit {
    background-color: var(--ks-button-submit-bg-color, var(--ks-accent-color, #1BA59D)) !important;
    color: var(--ks-button-submit-text-color, #ffffff) !important;
    border-radius: var(--ks-button-radius, 12px) !important;
    font-family: var(--ks-heading-font, 'Poppins', sans-serif) !important;
    font-weight: 700 !important;
    border: none !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

.ks-section-newsletter .ks-m-newsletter-submit:hover {
    filter: brightness(1.1) !important;
    transform: translateY(-2px) !important;
}
