/**
 * Public CSS Stylesheet for News, Featured News, Newsletter & Paginated News
 *
 * @package KUADThemeDesigner
 */

/* Section Containers - Standard Spacing */
.ks-section-news,
.ks-section-news-featured,
.ks-section-news-paginated,
.ks-section-newsletter,
.ks-section-news-single-article,
.wp-block-group.alignfull.ks-section-news,
.wp-block-group.alignfull.ks-section-news-featured,
.wp-block-group.alignfull.ks-section-news-paginated,
.wp-block-group.alignfull.ks-section-newsletter,
.wp-block-group.alignfull.ks-section-news-single-article {
    padding: 80px 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    position: relative !important;
}

/* Base & Default Section Shading */
.ks-section-news,
.ks-section-news-featured,
.ks-section-news-paginated,
.ks-section-news-single-article,
.ks-section-testimonies,
.wp-block-group.alignfull.ks-section-news,
.wp-block-group.alignfull.ks-section-news-featured,
.wp-block-group.alignfull.ks-section-news-paginated,
.wp-block-group.alignfull.ks-section-news-single-article,
.wp-block-group.alignfull.ks-section-testimonies {
    background-color: var(--ks-block-bg-default, var(--ks-bg-color, #ffffff)) !important;
}

/* Alternate / Highlighted Section Shading (Visual Separation) */
.ks-section-newsletter,
.ks-section-alt-bg,
.wp-block-group.alignfull.ks-section-newsletter,
.wp-block-group.alignfull.ks-section-alt-bg {
    background-color: var(--ks-block-bg-alt, var(--ks-card-bg, #f7f5fb)) !important;
}

/* Inner Layout Containers */
.ks-news-inner-container,
.ks-news-featured-inner-container,
.ks-news-paginated-inner-container,
.ks-newsletter-inner-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Headers & Universal Centering */
.ks-news-section-header,
.ks-news-featured-section-header,
.ks-news-paginated-section-header,
.ks-newsletter-section-header,
.ks-section-news .ks-news-section-header,
.ks-section-news-featured .ks-news-featured-section-header,
.ks-section-news-paginated .ks-news-paginated-section-header,
.ks-section-newsletter .ks-newsletter-section-header {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 900px !important;
    margin-bottom: 45px !important;
}

.ks-section-news h2,
.ks-section-news-featured h2,
.ks-section-news-paginated h2,
.ks-section-newsletter h2,
.ks-section-news .ks-heading-primary,
.ks-section-news-featured .ks-heading-primary,
.ks-section-news-paginated .ks-heading-primary,
.ks-section-newsletter .ks-heading-primary,
.ks-section-news .wp-block-heading,
.ks-section-news-featured .wp-block-heading,
.ks-section-news-paginated .wp-block-heading,
.ks-section-newsletter .wp-block-heading,
.ks-news-section-header h2,
.ks-news-featured-section-header h2,
.ks-news-paginated-section-header h2,
.ks-newsletter-section-header h2,
.ks-section-hero-internal h1,
.ks-section-hero-internal .wp-block-heading,
.ks-heading-massive-center,
.has-text-align-center {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 12px !important;
}

.ks-news-section-header h2,
.ks-news-featured-section-header h2,
.ks-news-paginated-section-header h2,
.ks-newsletter-section-header h2,
.ks-section-news .ks-news-section-header h2 {
    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;
    display: block !important;
}

.ks-news-section-header p,
.ks-news-featured-section-header p,
.ks-news-paginated-section-header p,
.ks-newsletter-section-header p,
.ks-section-news p.ks-text-intro-center,
.ks-section-news-featured p.ks-text-intro-center,
.ks-section-news-paginated p.ks-text-intro-center,
.ks-section-newsletter p.ks-text-intro-center,
.ks-section-news .ks-news-section-header p,
.ks-text-intro-center {
    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-color, #666666) !important;
    max-width: 750px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.6 !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

/* Title Dividers */
.ks-news-section-header .ks-title-divider,
.ks-news-featured-section-header .ks-title-divider,
.ks-news-paginated-section-header .ks-title-divider,
.ks-newsletter-section-header .ks-title-divider,
.ks-section-news .ks-title-divider,
.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;
    display: block !important;
}

/* Newsletter Specific Polish */
.ks-newsletter-content-wrap {
    max-width: 650px !important;
    margin: 0 auto !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .ks-section-news,
    .ks-section-news-featured,
    .ks-section-news-paginated,
    .ks-section-newsletter,
    .ks-section-news-single-article {
        padding: 50px 16px !important;
    }

    .ks-news-section-header,
    .ks-news-featured-section-header,
    .ks-news-paginated-section-header,
    .ks-newsletter-section-header {
        margin-bottom: 30px !important;
    }
}

/* ========================================================
   Single News Article Section (.ks-section-news-single-article)
   ======================================================== */
.ks-section-news-single-article,
.wp-block-group.alignfull.ks-section-news-single-article {
    padding: 60px 20px 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-article-inner-container,
.ks-news-single,
.ks-news-single-wrapper,
.ks-news-single-content {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Back to News Button */
.ks-news-single-back-btn,
.ks-news-single a.ks-back-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--ks-primary-color, #2D1A68) !important;
    font-family: var(--ks-heading-font, 'Poppins', sans-serif) !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    padding: 10px 22px !important;
    border-radius: var(--ks-button-radius, 50px) !important;
    background: rgba(var(--ks-primary-rgb), 0.12) !important;
    border: 1px solid var(--ks-neumorphic-border, rgba(128, 128, 128, 0.15)) !important;
    transition: all 0.25s ease !important;
    margin-bottom: 25px !important;
}

.ks-news-single-back-btn:hover,
.ks-news-single a.ks-back-link:hover {
    background: var(--ks-primary-color, #2D1A68) !important;
    color: var(--ks-on-primary-text, #ffffff) !important;
    transform: translateX(-3px) !important;
    box-shadow: var(--ks-button-hover-shadow, 0 6px 20px rgba(0, 0, 0, 0.15)) !important;
}

/* Single News Wrapper & Title */
.ks-news-single-wrapper {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

.ks-news-single-title {
    font-family: var(--ks-heading-font, 'Poppins', sans-serif) !important;
    font-size: var(--ks-font-size-h1, clamp(1.8rem, 4vw, 2.6rem)) !important;
    color: var(--ks-primary-color, var(--ks-heading-color, #2D1A68)) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

/* Post Metadata */
.ks-news-single-data {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    font-family: var(--ks-body-font, 'Poppins', sans-serif) !important;
    font-size: 0.88rem !important;
    color: var(--ks-text-muted, #777777) !important;
    margin-bottom: 25px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid var(--ks-neumorphic-border, rgba(128, 128, 128, 0.15)) !important;
    text-align: center !important;
    width: 100% !important;
}

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

/* Featured Header Image */
.ks-news-single-thumb {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: var(--ks-card-radius, 20px) !important;
    overflow: hidden !important;
    box-shadow: var(--ks-card-shadow, 0 12px 30px rgba(0, 0, 0, 0.08)) !important;
    margin: 0 0 35px 0 !important;
    border: 1px solid var(--ks-neumorphic-border, rgba(128, 128, 128, 0.1)) !important;
}

.ks-news-single-thumb img {
    width: 100% !important;
    height: auto !important;
    max-height: 500px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: var(--ks-card-radius, 20px) !important;
}

/* Social Share Bar */
.ks-news-single-share-buttons,
div.ks-news-single-share-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 20px !important;
    background: var(--ks-block-bg-alt, var(--ks-card-bg, #f7f5fb)) !important;
    border-radius: 50px !important;
    margin: 25px auto 35px auto !important;
    width: fit-content !important;
    max-width: 90% !important;
    border: 1px solid var(--ks-neumorphic-border, rgba(128, 128, 128, 0.15)) !important;
    box-shadow: var(--ks-card-shadow, 0 4px 15px rgba(0, 0, 0, 0.03)) !important;
}

.ks-news-single-share-button,
div.ks-news-single-share-button {
    background-image: none !important;
    background-repeat: no-repeat !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

.ks-news-single-share-button:hover,
div.ks-news-single-share-button:hover {
    transform: translateY(-3px) scale(1.08) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18) !important;
    opacity: 1 !important;
}

.ks-news-single-share-button a,
.ks-news-single-share-button button,
div.ks-news-single-share-button a,
div.ks-news-single-share-button button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ks-news-single-share-button svg,
div.ks-news-single-share-button svg {
    width: 20px !important;
    height: 20px !important;
    color: #ffffff !important;
    display: block !important;
    margin: 0 !important;
}

.ks-news-single-share-button-facebook { background-color: #1877F2 !important; }
.ks-news-single-share-button-twitter  { background-color: #000000 !important; }
.ks-news-single-share-button-whatsapp { background-color: #25D366 !important; }
.ks-news-single-share-button-linkedin { background-color: #0A66C2 !important; }
.ks-news-single-share-button-copy     { background-color: var(--ks-primary-color, #2D1A68) !important; }

.ks-news-single-share-button-copy button.ks-copied {
    background-color: #10B981 !important;
}
.ks-news-single-share-button-copy button .ks-check-icon {
    display: none !important;
}
.ks-news-single-share-button-copy button.ks-copied .ks-link-icon {
    display: none !important;
}
.ks-news-single-share-button-copy button.ks-copied .ks-check-icon {
    display: block !important;
}