/* ==========================================================================
   King of Digital Marketing (KDM) - Master Blog Stylesheet
   File: blog/css/kdm-blog.css
   Version: 3.0
   Scope: Standardized 2-Column Master Blog Architecture (.kdm-blog-wrapper)
   ========================================================================== */

/* Centralized Global FAQ Component Import (Single Source of Truth) */
@import url('../../css/kdm-faq.css?v=25.0');

/* 1. Base Typography & Wrapper */
.kdm-blog-wrapper {
    color: #1e293b;
    font-size: 16px;
    line-height: 1.8;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.kdm-blog-wrapper h1, 
.kdm-blog-wrapper h2, 
.kdm-blog-wrapper h3, 
.kdm-blog-wrapper h4, 
.kdm-blog-wrapper h5 {
    color: #0f172a;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.kdm-blog-wrapper p {
    margin-bottom: 18px;
    color: #334155;
    font-size: 16px;
    line-height: 1.8;
}

/* 2. Scoped Editorial Inline Links (No li a pollution) */
.kdm-blog-wrapper p a:not(.btn):not(.kdm-cta-btn):not(.post-font),
.kdm-blog-wrapper .kdm-step-content p a,
.kdm-blog-wrapper .kdm-feature-card p a,
.kdm-blog-wrapper .kdm-feature-box p a,
.kdm-blog-wrapper .kdm-channel-card p a,
.kdm-blog-wrapper .kdm-rule-card p a,
.kdm-blog-wrapper .kdm-faq-answer a:not(.btn),
.kdm-blog-wrapper .kdm-author-bio p a {
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    line-height: inherit !important;
    font-weight: 600 !important;
    color: #0284c7 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(2, 132, 199, 0.45) !important;
    text-underline-offset: 3px !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}
.kdm-blog-wrapper p a:not(.btn):not(.kdm-cta-btn):not(.post-font):hover,
.kdm-blog-wrapper .kdm-step-content p a:hover,
.kdm-blog-wrapper .kdm-feature-card p a:hover,
.kdm-blog-wrapper .kdm-feature-box p a:hover,
.kdm-blog-wrapper .kdm-channel-card p a:hover,
.kdm-blog-wrapper .kdm-rule-card p a:hover,
.kdm-blog-wrapper .kdm-faq-answer a:not(.btn):hover,
.kdm-blog-wrapper .kdm-author-bio p a:hover {
    color: #0369a1 !important;
    text-decoration-color: #0369a1 !important;
}

/* 3. Category Pill Badge */
.kdm-pill-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #eff6ff !important;
    color: #0284c7 !important;
    border: 1px solid #bae6fd !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 4. 4-Metric Quick Stats Overview Grid (Strict 4 Boxes in 1 Row - Ultra Attractive) */
.kdm-quick-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 25px 0 35px 0 !important;
    width: 100% !important;
}
@media (max-width: 767px) {
    .kdm-quick-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}
@media (max-width: 480px) {
    .kdm-quick-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
}
.kdm-stat-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 3.5px solid #0284c7 !important;
    border-radius: 12px !important;
    padding: 18px 10px !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.05), 0 1px 3px rgba(0,0,0,0.04) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}
.kdm-stat-box:hover {
    transform: translateY(-4px) !important;
    border-color: #bae6fd !important;
    border-top-color: #0284c7 !important;
    background: #f8fafc !important;
    box-shadow: 0 10px 24px rgba(2, 132, 199, 0.12), 0 2px 6px rgba(0,0,0,0.04) !important;
}
.kdm-stat-box .stat-val {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #0284c7 !important;
    line-height: 1.15 !important;
    margin-bottom: 5px !important;
    display: block !important;
    white-space: nowrap !important;
    letter-spacing: -0.02em !important;
}
.kdm-stat-box .stat-lbl {
    font-size: 12.5px !important;
    color: #475569 !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    display: block !important;
    margin: 0 !important;
}

/* 5. Table of Contents (TOC Boxed Container) */
.kdm-toc-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #0284c7 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 25px 0 35px 0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
}
.kdm-toc-box h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.kdm-toc-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}
@media (min-width: 768px) {
    .kdm-toc-list {
        grid-template-columns: 1fr 1fr !important;
    }
}
.kdm-toc-list li a {
    color: #334155 !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
}
.kdm-toc-list li a:hover {
    background: #eff6ff !important;
    border-color: #bae6fd !important;
    color: #0284c7 !important;
    padding-left: 16px !important;
    text-decoration: none !important;
}

/* 6. Feature & Target Segment Boxed Cards Grid */
.kdm-card-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    margin: 25px 0 35px 0 !important;
}
.kdm-feature-card,
.kdm-feature-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 22px !important;
    position: relative !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
    display: flex !important;
    flex-direction: column !important;
}
.kdm-feature-card:hover,
.kdm-feature-box:hover {
    border-color: #0284c7 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px rgba(2, 132, 199, 0.08) !important;
}
.kdm-card-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    background: #eff6ff !important;
    color: #0284c7 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    margin-bottom: 14px !important;
}
.kdm-card-icon.blue { background: #eff6ff !important; color: #0284c7 !important; }
.kdm-card-icon.orange { background: #fff7ed !important; color: #ea580c !important; }
.kdm-card-icon.green { background: #f0fdf4 !important; color: #16a34a !important; }
.kdm-card-icon.purple { background: #faf5ff !important; color: #9333ea !important; }

.kdm-feature-card h4,
.kdm-feature-box h4 {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}
.kdm-feature-card p,
.kdm-feature-box p {
    font-size: 14.5px !important;
    color: #475569 !important;
    margin-bottom: 0 !important;
    line-height: 1.65 !important;
    flex-grow: 1 !important;
}
.kdm-feature-card .lead-meta-tag {
    display: inline-block !important;
    margin-top: 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
}

/* 7. Omni-Channel Strategy Boxed Cards Grid */
.kdm-channels-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    margin: 25px 0 35px 0 !important;
}
@media (min-width: 768px) {
    .kdm-channels-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}
.kdm-channel-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    position: relative !important;
    border-top: 4px solid #0284c7 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    transition: all 0.25s ease !important;
    display: flex !important;
    flex-direction: column !important;
}
.kdm-channel-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 24px rgba(2, 132, 199, 0.1) !important;
}
.kdm-channel-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}
.kdm-channel-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    color: #ffffff !important;
}
.kdm-channel-icon.meta { background: linear-gradient(135deg, #1877f2, #0066ff) !important; }
.kdm-channel-icon.google { background: linear-gradient(135deg, #ea4335, #fbbc05) !important; }
.kdm-channel-icon.seo { background: linear-gradient(135deg, #10b981, #059669) !important; }
.kdm-channel-icon.video { background: linear-gradient(135deg, #ef4444, #dc2626) !important; }
.kdm-channel-icon.retarget { background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; }
.kdm-channel-icon.cro { background: linear-gradient(135deg, #f59e0b, #d97706) !important; }

.kdm-channel-card h4 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
}
.kdm-channel-card p {
    font-size: 14.5px !important;
    color: #475569 !important;
    margin-bottom: 12px !important;
}
.kdm-channel-bullets {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
.kdm-channel-bullets li {
    font-size: 13.5px !important;
    color: #334155 !important;
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}
.kdm-channel-bullets li i {
    color: #10b981 !important;
    margin-top: 4px !important;
    font-size: 12px !important;
}

/* 8. Gaurav Dubey Authority Box & Badges Grid */
.kdm-authority-box {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border-radius: 14px !important;
    padding: 28px !important;
    color: #ffffff !important;
    margin: 35px 0 !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.kdm-authority-box h2,
.kdm-authority-box h3,
.kdm-authority-box h4,
.kdm-authority-box h5,
.kdm-auth-title h2,
.kdm-auth-title h3,
.kdm-auth-title h4 {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    line-height: 1.35 !important;
}
.kdm-authority-box h2 i,
.kdm-authority-box h3 i,
.kdm-authority-box h4 i {
    color: #38bdf8 !important;
    font-size: 24px !important;
}
.kdm-auth-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    margin-bottom: 20px !important;
}
@media (min-width: 600px) {
    .kdm-auth-header {
        flex-direction: row !important;
        align-items: center !important;
    }
}
.kdm-auth-avatar,
.kdm-author-img {
    width: 85px !important;
    height: 85px !important;
    border-radius: 50% !important;
    border: 3px solid #38bdf8 !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}
.kdm-auth-title h3 {
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    margin: 0 0 4px 0 !important;
}
.kdm-auth-title p {
    color: #94a3b8 !important;
    font-size: 14px !important;
    margin: 0 !important;
}
.kdm-stats-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 10px !important;
}
.kdm-stat-pill {
    background: rgba(56, 189, 248, 0.15) !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.kdm-authority-badge-grid,
.kdm-auth-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
    margin-top: 22px !important;
}
@media (max-width: 768px) {
    .kdm-authority-badge-grid,
    .kdm-auth-metrics {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 480px) {
    .kdm-authority-badge-grid,
    .kdm-auth-metrics {
        grid-template-columns: 1fr !important;
    }
}
.kdm-auth-badge,
.kdm-auth-metric-item {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 12px !important;
    padding: 16px 12px !important;
    text-align: center !important;
    transition: all 0.25s ease !important;
}
.kdm-auth-badge:hover,
.kdm-auth-metric-item:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    transform: translateY(-2px) !important;
    border-color: rgba(56, 189, 248, 0.4) !important;
}
.kdm-auth-badge .num,
.kdm-auth-badge .val,
.kdm-auth-metric-item .val,
.kdm-auth-metric-item .num {
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #38bdf8 !important;
    margin-bottom: 4px !important;
    display: block !important;
    line-height: 1.2 !important;
}
.kdm-auth-badge .lbl,
.kdm-auth-metric-item .lbl {
    font-size: 12px !important;
    color: #cbd5e1 !important;
    font-weight: 600 !important;
    display: block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.kdm-authority-box p {
    color: #cbd5e1 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 18px !important;
}
.kdm-auth-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
}
.kdm-auth-tag {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-size: 12.5px !important;
}
.kdm-social-links,
.kdm-author-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.kdm-social-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}
.kdm-social-btn:hover {
    transform: translateY(-2px) !important;
    opacity: 0.9 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.kdm-social-btn.web { background: #0284c7 !important; }
.kdm-social-btn.ig, .kdm-social-btn.insta { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important; }
.kdm-social-btn.fb { background: #1877f2 !important; }
.kdm-social-btn.yt { background: #ff0000 !important; }
.kdm-social-btn.li { background: #0a66c2 !important; }
.kdm-social-btn.x { background: #000000 !important; }

/* 9. Step-by-Step Blueprint Boxed Rows */
.kdm-step-item {
    display: flex !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    transition: all 0.2s ease !important;
}
.kdm-step-item:hover {
    border-color: #0284c7 !important;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.06) !important;
}
.kdm-step-num {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #eff6ff !important;
    color: #0284c7 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border: 2px solid #bae6fd !important;
}
.kdm-step-content h4 {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 6px 0 !important;
}
.kdm-step-content p {
    font-size: 14.5px !important;
    color: #475569 !important;
    margin: 0 !important;
    line-height: 1.65 !important;
}

/* 10. Pricing & Data Tables (Boxed and Responsive) */
.kdm-table-wrapper,
.kdm-table-responsive {
    overflow-x: auto !important;
    margin: 25px 0 35px 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.03) !important;
}
.kdm-pricing-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    font-size: 14.5px !important;
    min-width: 600px !important;
}
.kdm-pricing-table thead th,
.kdm-pricing-table th {
    background: #0f172a !important;
    color: #ffffff !important;
    padding: 14px 16px !important;
    font-weight: 700 !important;
    text-align: left !important;
    border: none !important;
}
.kdm-pricing-table tbody td,
.kdm-pricing-table td {
    padding: 14px 16px !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}
.kdm-pricing-table tr:nth-child(even) {
    background: #f8fafc !important;
}
.kdm-pricing-table tr:hover {
    background: #eff6ff !important;
}
.kdm-pricing-table .cost-badge {
    background: #eff6ff !important;
    color: #0284c7 !important;
    font-weight: 800 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

/* 11. Boxed Callouts (Warnings & Best Practices) */
.kdm-callout-warning {
    background: #fffbeb !important;
    border-left: 4px solid #f59e0b !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 20px !important;
    margin: 25px 0 !important;
}
.kdm-callout-warning h4 {
    color: #b45309 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    margin: 0 0 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.kdm-callout-warning p {
    color: #78350f !important;
    font-size: 14.5px !important;
    margin: 0 !important;
    line-height: 1.65 !important;
}

.kdm-callout-success {
    background: #f0fdf4 !important;
    border-left: 4px solid #10b981 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 20px !important;
    margin: 25px 0 !important;
}
.kdm-callout-success h4 {
    color: #047857 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    margin: 0 0 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.kdm-callout-success p {
    color: #065f46 !important;
    font-size: 14.5px !important;
    margin: 0 !important;
    line-height: 1.65 !important;
}

/* 12. Golden Rules, Strategy & Metrics Grid */
.kdm-rules-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 18px !important;
    margin: 25px 0 35px 0 !important;
}
.kdm-rule-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 20px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    overflow: hidden !important;
}
.kdm-rule-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3.5px !important;
    background: linear-gradient(90deg, #0284c7, #10b981) !important;
    opacity: 0.9 !important;
}
.kdm-rule-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important;
    border-color: #cbd5e1 !important;
}
.kdm-rule-card h5 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    line-height: 1.35 !important;
}
.kdm-rule-card h5 i {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    background: #f0fdf4 !important;
    color: #10b981 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}
.kdm-rule-card h5 i.fa-times-circle,
.kdm-rule-card h5 i[style*="ef4444"] {
    background: #fef2f2 !important;
    color: #ef4444 !important;
    border-color: #fecaca !important;
}
.kdm-rule-card:hover h5 i {
    transform: scale(1.05) !important;
}
.kdm-rule-card p {
    font-size: 14px !important;
    color: #475569 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    flex-grow: 1 !important;
}



/* 14. Author Card (Gaurav Dubey - Exact Master Design) */
.kdm-author-heading-wrapper {
    margin-top: 40px !important;
    margin-bottom: 16px !important;
}
.kdm-author-heading-wrapper h3 {
    color: #0284c7 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.kdm-author-heading-wrapper h3 i {
    color: #0284c7 !important;
}
.kdm-author-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin: 15px 0 35px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
}
@media (min-width: 600px) {
    .kdm-author-card {
        flex-direction: row !important;
        align-items: flex-start !important;
    }
}
.kdm-author-img,
.kdm-author-avatar {
    width: 100px !important;
    height: 100px !important;
    border-radius: 14px !important;
    border: 2.5px solid #0284c7 !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.18) !important;
}
.kdm-author-info,
.kdm-author-bio {
    flex-grow: 1 !important;
}
.kdm-author-info h4,
.kdm-author-bio h4 {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.35 !important;
}
.kdm-author-info h4 a,
.kdm-author-bio h4 a,
.author-title-link {
    color: #0284c7 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.kdm-author-info h4 a:hover,
.kdm-author-bio h4 a:hover,
.author-title-link:hover {
    text-decoration: underline !important;
}
.kdm-author-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 10px 0 12px 0 !important;
}
.kdm-author-socials .kdm-social-btn,
.kdm-author-card .kdm-social-btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    padding: 0 !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
}
.kdm-author-socials .kdm-social-btn:hover,
.kdm-author-card .kdm-social-btn:hover {
    transform: translateY(-2px) !important;
    opacity: 0.9 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.kdm-author-socials .kdm-social-btn.fb { background: #1877f2 !important; }
.kdm-author-socials .kdm-social-btn.insta, 
.kdm-author-socials .kdm-social-btn.ig { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important; }
.kdm-author-socials .kdm-social-btn.yt { background: #ff0000 !important; }
.kdm-author-socials .kdm-social-btn.li { background: #0077b5 !important; }
.kdm-author-socials .kdm-social-btn.x { background: #000000 !important; }

.kdm-author-info p,
.kdm-author-bio p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

/* 15. Bottom CTA Banner */
.kdm-cta-banner {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #0284c7 100%) !important;
    border-radius: 14px !important;
    padding: 32px 24px !important;
    color: #ffffff !important;
    text-align: center !important;
    margin: 40px 0 20px 0 !important;
    box-shadow: 0 10px 30px rgba(2, 132, 199, 0.25) !important;
}
.kdm-cta-banner h3 {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    margin: 0 0 10px 0 !important;
}
.kdm-cta-banner p {
    color: #cbd5e1 !important;
    font-size: 15px !important;
    max-width: 650px !important;
    margin: 0 auto 20px !important;
    line-height: 1.6 !important;
}
/* 15. Bottom CTA Banner & Universal CTA Buttons */
.kdm-cta-btn,
a.kdm-cta-btn,
button.kdm-cta-btn,
.kdm-authority-box .kdm-cta-btn,
.kdm-authority-box a.kdm-cta-btn,
.kdm-authority-box button.kdm-cta-btn,
.kdm-cta-banner .kdm-cta-btn,
.kdm-cta-banner a.kdm-cta-btn,
.kdm-cta-banner button.kdm-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: linear-gradient(135deg, #ff6600 0%, #e05500 100%) !important;
    color: #ffffff !important;
    padding: 13px 32px !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    font-size: 15.5px !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 18px rgba(255, 102, 0, 0.45) !important;
    transition: all 0.25s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
}

.kdm-cta-btn:hover,
.kdm-cta-btn:focus,
.kdm-cta-btn:active,
a.kdm-cta-btn:hover,
a.kdm-cta-btn:focus,
a.kdm-cta-btn:active,
button.kdm-cta-btn:hover,
button.kdm-cta-btn:focus,
button.kdm-cta-btn:active,
.kdm-authority-box .kdm-cta-btn:hover,
.kdm-authority-box .kdm-cta-btn:focus,
.kdm-authority-box .kdm-cta-btn:active,
.kdm-authority-box a.kdm-cta-btn:hover,
.kdm-authority-box a.kdm-cta-btn:focus,
.kdm-authority-box a.kdm-cta-btn:active,
.kdm-authority-box button.kdm-cta-btn:hover,
.kdm-authority-box button.kdm-cta-btn:focus,
.kdm-authority-box button.kdm-cta-btn:active,
.kdm-cta-banner .kdm-cta-btn:hover,
.kdm-cta-banner .kdm-cta-btn:focus,
.kdm-cta-banner .kdm-cta-btn:active,
.kdm-cta-banner a.kdm-cta-btn:hover,
.kdm-cta-banner a.kdm-cta-btn:focus,
.kdm-cta-banner a.kdm-cta-btn:active,
.kdm-cta-banner button.kdm-cta-btn:hover,
.kdm-cta-banner button.kdm-cta-btn:focus,
.kdm-cta-banner button.kdm-cta-btn:active {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(255, 102, 0, 0.55) !important;
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.kdm-cta-btn i,
a.kdm-cta-btn i,
button.kdm-cta-btn i,
.kdm-authority-box .kdm-cta-btn i,
.kdm-authority-box a.kdm-cta-btn i,
.kdm-authority-box button.kdm-cta-btn i,
.kdm-cta-banner .kdm-cta-btn i,
.kdm-cta-banner a.kdm-cta-btn i,
.kdm-cta-banner button.kdm-cta-btn i {
    color: #ffffff !important;
}

/* 16. Sidebar Standard Widgets */
.sidebar-widget {
    margin-bottom: 25px !important;
}
.sidebar-widget-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    border-bottom: 3px solid #0284c7 !important;
    padding-bottom: 8px !important;
    margin-bottom: 15px !important;
}
.sidebar-category-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.sidebar-category-list li {
    margin-bottom: 8px !important;
}
.sidebar-category-list li a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 12px !important;
    background: #f8fafc !important;
    border-radius: 8px !important;
    color: #334155 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.2s ease !important;
}
.sidebar-category-list li a:hover {
    background: #eff6ff !important;
    border-color: #bae6fd !important;
    color: #0284c7 !important;
    padding-left: 16px !important;
    text-decoration: none !important;
}