/*
 Theme Name:   Blocksy Child - ThisaiTV Clone
 Template:     blocksy
 Version:      1.0.0
*/

/* ============================================
   GLOBAL - Match thisaitv.com background
   ============================================ */

body {
    background-color: #e8ecf1 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ============================================
   HEADER
   ============================================ */

/* Hide the Site Title text below the logo */
.site-title {
    display: none !important;
}

/* Make the Logo bigger to match thisaitv.com */
.site-logo-container img {
    max-height: 55px !important;
    width: auto !important;
}

/* Header Main Row */
.ct-header [data-row="main"] {
    height: 80px !important;
    background: #ffffff !important;
}

/* ============================================
   NAVIGATION MENU - Exact thisaitv.com Clone
   ============================================ */

/* Menu container layout */
.thisaitv-custom-menu {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

/* Nav wrapper */
.thisaitv-nav-wrap {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* All menu items - exact thisaitv.com values */
.thisaitv-custom-menu li a {
    background-color: #F4F5F7 !important;
    border: 1px solid #E8E9EC !important;
    border-radius: 10px !important;
    padding: 7px 15px !important;
    margin: 0 !important;
    color: #16181D !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* Hover State - smooth red tint animation */
.thisaitv-custom-menu li a:hover {
    background-color: #FDECEB !important;
    border-color: #E23744 !important;
    color: #E23744 !important;
}

/* Active/Current Menu Item (HOME) - solid red */
.thisaitv-custom-menu li:first-child a,
.thisaitv-custom-menu li.current-menu-item a,
.thisaitv-custom-menu li.current_page_item a {
    background-color: #E23744 !important;
    border-color: #E23744 !important;
    color: #FFFFFF !important;
}

/* HOME hover - slightly darker red */
.thisaitv-custom-menu li:first-child a:hover,
.thisaitv-custom-menu li.current-menu-item a:hover {
    background-color: #c92f3b !important;
    border-color: #c92f3b !important;
    color: #FFFFFF !important;
}

/* Blue ThisaiPlay Button (last item) */
.thisaitv-custom-menu li:last-child a {
    background-color: #2872FA !important;
    border-color: #2872FA !important;
    border-radius: 3px !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

/* ThisaiPlay hover - darker blue */
.thisaitv-custom-menu li:last-child a:hover {
    background-color: #1559ED !important;
    border-color: #1559ED !important;
    color: #FFFFFF !important;
}

/* ============================================
   POST GRID - Exact thisaitv.com Clone
   ============================================ */

article.entry-card.card-content {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Move Image to Top */
article.entry-card.card-content > a.ct-media-container {
    order: 1 !important;
    margin: 0 !important;
    width: 100% !important;
    border-radius: 12px 12px 0 0 !important;
}

article.entry-card.card-content > a.ct-media-container > img {
    border-radius: 12px 12px 0 0 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9 !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
}

/* Move Title to Middle */
article.entry-card.card-content > h2.entry-title {
    order: 2 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 15px 15px 5px 15px !important;
    text-align: center !important;
    color: #111827 !important;
    line-height: 1.4 !important;
}

article.entry-card.card-content > h2.entry-title > a {
    color: #111827 !important;
}

/* Move Meta (Date) to Bottom */
article.entry-card.card-content > ul.entry-meta {
    order: 3 !important;
    justify-content: center !important;
    margin: 0 0 20px 0 !important;
    text-align: center !important;
    padding: 0 !important;
}

article.entry-card.card-content > ul.entry-meta > li {
    font-size: 11px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    list-style: none !important;
    display: inline-block !important;
}

/* Hide Uncategorized category label */
article.entry-card.card-content > ul.entry-meta > li.meta-categories {
    display: none !important;
}

/* Hide Excerpt */
article.entry-card.card-content > div.entry-excerpt {
    display: none !important;
}

/* ==========================================================================
   SINGLE POST LAYOUT - Exact thisaitv.com Clone (NO Hero Banner)
   ========================================================================== */

/* 1. Hide Sidebar entirely (DO NOT target [data-sidebar] directly - it matches the main container!) */
.single-post aside#sidebar,
.single-post .ct-sidebar,
.single-post .ct-container > aside,
.single-post .ct-container > [data-column="sidebar"],
.single-post #secondary,
.single-post .widget-area {
    display: none !important;
}

/* 2. Expand Main Column to Full Width (Fix Blocksy Grid) */
.single-post .ct-container,
.single-post .ct-container[data-sidebar] {
    display: block !important;
    grid-template-columns: 100% !important;
    width: 100% !important;
}

.single-post .ct-container > article,
.single-post .ct-container > [data-column="main"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Hide Author Name, Comments, and Separators globally from Post Meta with HIGH SPECIFICITY */
body article.entry-card > ul.entry-meta > li[class*="author"],
body article.entry-card > ul.entry-meta > li[class*="comment"],
body .entry-meta > li.meta-author,
body .entry-meta > li.meta-comments,
body .entry-meta > li.ct-meta-element-comments,
body .entry-meta > li.ct-meta-element-author,
.ct-meta-element-author,
.meta-author,
.entry-meta li[class*="author"],
.entry-meta li[class*="comment"],
.entry-meta [class*="comment"] {
    display: none !important;
}

/* Hide all slash separators since we only show the Date now (HIGH SPECIFICITY) */
body article.entry-card > ul.entry-meta > li::before,
body article.entry-card > ul.entry-meta > li::after,
body .entry-meta li::before,
body .entry-meta li::after,
.entry-meta *::before,
.entry-meta *::after {
    display: none !important;
    content: none !important;
}

/* 3. Force narrow, centered content area (800px like reference) */
.single-post .entry-content,
.single-post #comments,
.single-post .ct-trending-block .ct-container {
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 4. HIDE ONLY the Hero Banner IMAGE, keep title visible */
/* The hero-section contains BOTH the featured image AND the entry-header (title/meta).
   We must NOT hide the entire hero-section, only the figure/image inside it. */
.single-post .hero-section {
    background: transparent !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
}

/* Hide the featured image figure inside hero section */
.single-post .hero-section > figure,
.single-post .hero-section .ct-media-container,
.single-post .ct-featured-image,
.single-post > article > .ct-featured-image {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove the dark overlay gradient */
.single-post .hero-section figure::after {
    display: none !important;
}

/* 5. Post Title & Meta - Clean centered layout on light background */
.single-post .entry-header {
    text-align: center !important;
    margin: 30px auto 20px auto !important;
    max-width: 800px !important;
    padding: 0 20px !important;
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background: transparent !important;
    /* Reset Blocksy type-2 hero positioning & min-height */
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    --min-height: 0px !important;
}

/* Override Blocksy's min-height variable on hero inner container */
.single-post .hero-section[data-type="type-2"] > [class*="ct-container"] {
    min-height: 0 !important;
    --min-height: 0px !important;
    height: auto !important;
}

.single-post .entry-title,
.single-post .page-title {
    color: #1a2332 !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    margin-bottom: 18px !important;
    letter-spacing: -0.3px;
    line-height: 1.3 !important;
    font-family: 'Inter', sans-serif !important;
    text-shadow: none !important;
}

/* Author / Date / Category Meta Row */
.single-post .entry-meta {
    justify-content: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    gap: 6px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.single-post .entry-meta a {
    color: #64748b !important;
    text-decoration: none !important;
}

.single-post .entry-meta a:hover {
    color: #e23744 !important;
}

/* Category links in meta - Red like reference */
.single-post .meta-categories a {
    color: #e23744 !important;
    font-weight: 700 !important;
}

/* Author avatar in meta */
.single-post .entry-meta .ct-meta-element-author img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    margin-right: 6px !important;
}

/* ==========================================================================
   CONTENT AREA - Matching Reference Site
   ========================================================================== */

/* Main content container - reduced padding, no overlap */
.single-post .site-main > .ct-container {
    margin-top: 0 !important;
    padding-top: 10px !important;
    position: relative;
    z-index: 10;
}

/* Content typography */
.single-post .entry-content {
    margin-top: 10px !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #334155 !important;
}

/* Content headings */
.single-post .entry-content h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #1a2332 !important;
    margin: 35px 0 15px 0 !important;
    line-height: 1.3 !important;
}

.single-post .entry-content h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    margin: 30px 0 12px 0 !important;
    line-height: 1.3 !important;
}

/* Content paragraphs */
.single-post .entry-content p {
    margin-bottom: 18px !important;
    color: #334155 !important;
}

/* Bold text in content */
.single-post .entry-content strong {
    color: #1a2332 !important;
    font-weight: 700 !important;
}

/* Content lists */
.single-post .entry-content ul,
.single-post .entry-content ol {
    margin: 15px 0 !important;
    padding-left: 25px !important;
    color: #334155 !important;
}

.single-post .entry-content li {
    margin-bottom: 8px !important;
}

/* ==========================================================================
   VIDEO PLAYER FRAME - "Watch Now" Card Effect
   ========================================================================== */

/* Style the first image/block in content to look like the video player frame */
.single-post .entry-content > figure.wp-block-image:first-of-type,
.single-post .entry-content > .wp-block-image:first-of-type,
.single-post .entry-content > p:first-child {
    background: #ffffff;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    margin-bottom: 15px !important;
    position: relative;
    overflow: hidden;
}

.single-post .entry-content > figure.wp-block-image:first-of-type img,
.single-post .entry-content > .wp-block-image:first-of-type img,
.single-post .entry-content > p:first-child img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    display: block;
}

/* Removed large central Play Button overlay */

/* "Watch Now" Badge - Top-left corner with tiny play icon */
.single-post .entry-content > figure.wp-block-image:first-of-type::before,
.single-post .entry-content > .wp-block-image:first-of-type::before,
.single-post .entry-content > p:first-child::before {
    content: "▶ Watch Now";
    position: absolute;
    top: 22px;
    left: 22px;
    background: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 6px;
    z-index: 2;
    pointer-events: none;
    letter-spacing: 0.3px;
}

/* "Tap to watch" text below video frame */
.single-post .entry-content > figure.wp-block-image:first-of-type + p,
.single-post .entry-content > .wp-block-image:first-of-type + p,
.single-post .entry-content > p:first-child + p {
    text-align: center !important;
    color: #64748b !important;
    font-size: 14px !important;
    margin-bottom: 25px !important;
    padding: 12px 0 !important;
    background: #f1f5f9 !important;
    border-radius: 8px !important;
}

/* ==========================================================================
   CATEGORY PILL BUTTONS - Red rounded buttons like reference
   ========================================================================== */

/* WordPress category tags rendered as buttons */
.single-post .entry-content .wp-block-buttons,
.single-post .cat-links {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 25px 0 !important;
    flex-wrap: wrap !important;
}

.single-post .entry-content .wp-block-button .wp-block-button__link,
.single-post .cat-links a {
    background-color: #c82333 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 10px 22px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}

.single-post .entry-content .wp-block-button .wp-block-button__link:hover,
.single-post .cat-links a:hover {
    background-color: #a71d2a !important;
}

/* ==========================================================================
   INFO CARDS - Episode Details & Why Watch (Cream/Beige cards)
   ========================================================================== */

/* Two-column layout for info cards */
.single-post .entry-content .wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    margin: 30px 0 !important;
}

.single-post .entry-content .wp-block-column {
    background: #fdf6ec !important;
    border: 1px solid #f0e0c4 !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

.single-post .entry-content .wp-block-column h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #1a2332 !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   NAVIGATION LINK BUTTONS - Rounded pill links
   ========================================================================== */

.single-post .entry-content .wp-block-buttons.is-layout-flex {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 30px 0 !important;
}

/* Outlined pill buttons (More Episodes, Sun TV Serials, Home) - Now Red Pills */
.single-post .entry-content .wp-block-button.is-style-outline .wp-block-button__link {
    background-color: #c82333 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 10px 22px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: all 0.2s !important;
}

.single-post .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: #a71d2a !important;
    color: #ffffff !important;
}

/* ==========================================================================
   TAG PILLS - Small gray bordered tags at bottom of content
   ========================================================================== */

.single-post .post-tags,
.single-post .tagcloud,
.single-post .entry-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 25px 0 !important;
    justify-content: flex-start !important;
}

.single-post .post-tags a,
.single-post .tagcloud a,
.single-post .entry-tags a {
    background: transparent !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    color: #64748b !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    font-weight: 500 !important;
}

.single-post .post-tags a:hover,
.single-post .tagcloud a:hover,
.single-post .entry-tags a:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #1a2332 !important;
}

/* ==========================================================================
   SOCIAL SHARING - Colored circle icons
   ========================================================================== */

.single-post .ct-share-box {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 30px 0 !important;
    padding: 25px 0 !important;
    border-top: 1px solid #e2e8f0 !important;
}

.single-post .ct-share-box a {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

.single-post .ct-share-box a:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

/* ==========================================================================
   COMMENTS SECTION - Clean modern design
   ========================================================================== */

.single-post #comments {
    margin-top: 40px !important;
    padding-top: 30px !important;
    border-top: 1px solid #e2e8f0 !important;
}

.single-post #comments .comments-title,
.single-post #comments #reply-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1a2332 !important;
    margin-bottom: 20px !important;
}

.single-post #comments .comment-form textarea,
.single-post #comments .comment-form input[type="text"],
.single-post #comments .comment-form input[type="email"],
.single-post #comments .comment-form input[type="url"] {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: #334155 !important;
    width: 100% !important;
    transition: border-color 0.2s !important;
}

.single-post #comments .comment-form textarea:focus,
.single-post #comments .comment-form input:focus {
    border-color: #2872FA !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(40,114,250,0.1) !important;
}

.single-post #comments .form-submit input[type="submit"] {
    background: #2872FA !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.single-post #comments .form-submit input[type="submit"]:hover {
    background: #1559ED !important;
}

/* Comment list items */
.single-post .comment-list {
    list-style: none !important;
    padding: 0 !important;
}

.single-post .comment-list .comment {
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
    border: 1px solid #f1f5f9 !important;
}

.single-post .comment-list .comment-author img {
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
}

/* ==========================================================================
   TRENDING NOW SECTION - Horizontal Circle Layout (Reference Match)
   ========================================================================== */

.single-post .ct-trending-block {
    background-color: #f1f5f9 !important; /* Light gray background */
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 10" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5 Q 25 0, 50 5 T 100 5 L 100 10 L 0 10 Z" fill="%23e2e8f0" opacity="0.5"/></svg>');
    background-size: 100% 10px;
    background-repeat: repeat-x;
    background-position: top;
    padding: 60px 0 40px 0 !important;
    border-top: none !important;
    margin-top: 50px;
}

.single-post .ct-trending-block > .ct-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.single-post .ct-trending-block h3.ct-module-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #1a2332 !important;
    margin-bottom: 30px !important;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

/* Remove default Blocksy arrows if present or style them subtly */
.single-post .ct-trending-block .ct-slider-arrows {
    margin-left: auto;
    color: #94a3b8;
}

/* Grid layout for Trending Now - 4 columns */
.single-post .ct-trending-block .ct-container,
.single-post .ct-related-posts-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    align-items: center;
}

.single-post .ct-trending-block .ct-container > h3.ct-module-title {
    grid-column: 1 / -1;
}

.single-post .ct-trending-block-item {
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    transition: transform 0.2s;
    padding: 0 !important;
}

.single-post .ct-trending-block-item:hover {
    transform: translateX(5px);
    box-shadow: none !important;
}

/* Circular Thumbnail */
.single-post .ct-trending-block-item .ct-media-container {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    border-radius: 50% !important;
    margin-right: 15px !important;
    overflow: hidden;
}

.single-post .ct-trending-block-item .ct-media-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* Text Content */
.single-post .ct-trending-block-item-content {
    padding: 0 !important;
    text-align: left !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.single-post .ct-trending-block-item .ct-post-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.single-post .ct-trending-block-item .ct-post-title:hover {
    color: #e23744 !important;
}

/* ==========================================================================
   FOOTER SECTION - Light layout
   ========================================================================== */

.ct-footer {
    background-color: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 25px 0 !important;
}

.ct-footer .ct-container {
    display: flex !important;
    align-items: center !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Hide original copyright text and replace it */
.ct-footer .ct-footer-copyright {
    font-size: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.ct-footer .ct-footer-copyright::before {
    content: "Copyright \00A9 2026 - TamilTVShow" !important;
    font-size: 13px !important;
    color: #64748b !important;
}

.ct-footer .ct-footer-copyright::after {
    content: "Terms Terms & Services Conditions | Content Policy" !important;
    font-size: 13px !important;
    color: #64748b !important;
}

.ct-footer .widget_text p,
.ct-footer a {
    color: #64748b !important;
    font-size: 13px !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.ct-footer a:hover {
    color: #1a2332 !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

@media (max-width: 768px) {
    .single-post .entry-title {
        font-size: 24px !important;
    }

    .single-post .entry-content h2 {
        font-size: 20px !important;
    }

    .single-post .entry-content h3 {
        font-size: 18px !important;
    }

    .single-post .entry-content,
    .single-post #comments,
    .single-post .entry-header {
        padding: 0 15px !important;
    }

    /* Stack info cards on mobile */
    .single-post .entry-content .wp-block-columns {
        grid-template-columns: 1fr !important;
    }

    /* 2 columns on mobile for trending */
    .single-post .ct-trending-block .ct-container,
    .single-post .ct-trending-block .ct-container > div:not(.ct-module-title) {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .ct-footer .ct-container {
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
    }
}

@media (max-width: 480px) {
    .single-post .entry-title {
        font-size: 22px !important;
    }

    .single-post .ct-trending-block .ct-container,
    .single-post .ct-trending-block .ct-container > div:not(.ct-module-title) {
        grid-template-columns: 1fr !important;
    }
}