/*
Theme Name: Speaks Theme
Theme URI: https://speaks.co.in
Author: Abhi Kshirsagar
Author URI: https://speaks.co.in
Description: Speaks Theme is a lightweight, performance-optimized child theme built on GeneratePress Premium. Designed specifically for Speaks Media, it delivers a clean, modern, and fast-loading blog, news content website. Features include custom post metadata, reading time, related posts (Also Read), a social sharing bar, and a fully optimized mobile-first experience. Seamlessly integrates with GeneratePress hooks, Customizer controls, and performance-focused architecture.
Template: generatepress
Version: 1.0.1
Text Domain: speaks-theme Premium - By Speaks Media
Tags: blog, news, marathi, lightweight, fast-loading, generatepress, child-theme
*/
.entry-meta {
    display: none !important;
}.post-meta-custom {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin: 8px 0 18px;
    white-space: nowrap;
}

/* Common */
.post-meta-custom span,
.post-meta-custom a {
    display: inline-flex;
    align-items: center;
}

/* Author */
.post-meta-custom .meta-author a {
    gap: 6px;
    color: #d4084c;
    font-weight: 600;
    text-decoration: none;
}

.post-meta-custom .meta-author img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
}

/* Date & Reading */
.post-meta-custom .meta-date,
.post-meta-custom .meta-read {
    color: #d4084c;
    font-weight: 500;
}

/* Separator */
.post-meta-custom .sep {
    color: #aaa;
}

/* ======================
   MOBILE LAYOUT CONTROL
   ====================== */
@media (max-width: 600px) {

    .post-meta-custom {
        flex-wrap: wrap;          /* allow second line */
        white-space: normal;
        font-size: 15px;
        gap: 6px;
    }

    /* First line: Author + Reading time */
    .post-meta-custom .meta-author {
        order: 1;
    }

    .post-meta-custom .meta-read {
        order: 2;
    }

    /* Second line: Last Updated */
    .post-meta-custom .meta-date {
        order: 4;
        width: 100%;
        font-size: 15px;
        color: #777;
    }

    /* Separators handling */
    .post-meta-custom .sep {
        order: 3;
    }

    /* Hide separator before Last Updated */
	.post-meta-custom .meta-author {
    order: 1;
}

.post-meta-custom .sep:first-of-type {
    order: 2;
    display: inline-flex;
}

.post-meta-custom .meta-read {
    order: 3;
}

.post-meta-custom .meta-date {
    order: 4;
    width: 100%;
    color: #999;
}
    .post-meta-custom .meta-date + .sep,
    .post-meta-custom .sep:last-child {
        display: none;
    }
}


.also-read-box {
    margin: 18px 0;
    padding: 10px 14px;
    background: #fff5f8;
    border-left: 4px solid #d4084c;
    font-size: 19px;
}

.also-read-box strong {
    color: #d4084c;
}

.also-read-box a {
    color: #333;
    font-weight: 500;
    text-decoration: none;
}

.also-read-box a:hover {
    color: #d4084c;
    text-decoration: underline;
}


.entry-content h2 {
    font-size: 26px;
    font-weight: 700;
    color: #222;
    margin: 35px 0 15px;
    padding-left: 12px;
    border-left: 4px solid #d4084c;
    line-height: 1.4;
}
.home .inside-article .post-image {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.home .inside-article .post-image img {
    width: 100%;
    border-radius: 12px;
    transition: transform 0.6s ease, filter 0.6s ease;
}

/* Image zoom + smooth dark effect */
.home .inside-article .post-image:hover img {
    transform: scale(1.08);
    filter: brightness(0.9);
}

/* Premium gradient overlay */
.home .inside-article .post-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 50%,
        rgba(212, 8, 76, 0.25) 100%
    );
    opacity: 0;
    transition: opacity 0.5s ease;
}

.home .inside-article .post-image:hover::after {
    opacity: 1;
}

/* Glow shadow using brand color */
.home .inside-article .post-image:hover {
    box-shadow: 0 12px 30px rgba(212, 8, 76, 0.35);
}


/* Menu */


.main-navigation {
    position: relative;
}
.main-navigation {
    padding: px;
}

/* Reduce space above and below menu items */
.main-navigation .main-nav ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* If still more space, reduce line-height */
.main-navigation .main-nav ul li a {
    line-height: 0.2;
}

.main-navigation::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.2px;
    background: #d4084c;
}
.main-navigation::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2px;
    background: #d4084c;
}



.main-navigation {
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Menu items */
.main-navigation .main-nav ul li a {
    color: #222;
    font-weight: 600;
    padding: 14px 16px;
    transition: all 0.3s ease;
    position: relative;
}

/* Hover effect */
.main-navigation .main-nav ul li a:hover {
    color: #d4084c;
}

/* Underline animation */
.main-navigation .main-nav ul li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 6px;
    width: 0;
    height: 2px;
    background: #d4084c;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.main-navigation .main-nav ul li a:hover::after {
    width: 70%;
}

/* Active menu item */
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
    color: #d4084c;
}

/* Dropdown menu */
.main-navigation .main-nav ul ul {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    padding: 8px 0;
}

.main-navigation .main-nav ul ul li a {
    padding: 10px 16px;
    font-weight: 500;
}

.main-navigation .main-nav ul ul li a:hover {
    background: #fff5f8;
    color: #d4084c;
}

/* Mobile menu toggle */
.menu-toggle {
    background: #d4084c;
    color: #fff;
    border-radius: 6px;
    padding: 10px 14px;
}

.menu-toggle:hover {
    background: #b30640;
}

/* Mobile menu background */
@media (max-width: 768px) {
    .main-navigation {
        background: #ffffff;
    }

    .main-navigation .main-nav ul li a {
        padding: 12px 16px;
    }
}

@media (max-width: 768px) {

    /* Header height reduce */
    .site-header {
        padding: 6px 0;
    }

    /* Logo size reduce */
    .site-logo img {
        max-height: 40px;
        width: auto;
    }

    /* Navigation padding reduce */
    .main-navigation {
        padding: px 0;
    }

    /* Menu toggle (hamburger) smaller */
    .menu-toggle {
        padding: 0px 0px;
        font-size: 14px;
        border-radius: 4px;
    }

    /* Mobile menu items */
    .main-navigation .main-nav ul li a {
        padding: 15px 5px;
        font-size: 14px;
        line-height: 1.3;
    }

}
/* breadcumb*/
.breadcrumb,
.breadcrumbs,
.rank-math-breadcrumb,
#breadcrumbs {
    font-size: 13px;
    margin: 0px 0 5px;
		padding-top: 1px;
    background: ;
    border: none;
    color: #777;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Breadcrumb links */
.breadcrumb a,
.breadcrumbs a,
.rank-math-breadcrumb a,
#breadcrumbs a {
    color: #d4084c;
    text-decoration: none;
    font-weight: 500;
}

.breadcrumb a:hover,
.breadcrumbs a:hover,
.rank-math-breadcrumb a:hover,
#breadcrumbs a:hover {
    text-decoration: underline;
}

/* Separator */
.breadcrumb .separator,
.breadcrumbs .separator,
.rank-math-breadcrumb .separator {
    margin: 0 6px;
    color: #aaa;
}

/* Current page */
.breadcrumb .current,
.breadcrumbs .current,
.rank-math-breadcrumb .last {
    color: #333;
    font-weight: 600;
}

/* Add subtle bottom border */
.breadcrumb,
.breadcrumbs,
.rank-math-breadcrumb,
#breadcrumbs {
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
}

/* Mobile */
@media (max-width: 600px) {
    .breadcrumb,
    .breadcrumbs,
    .rank-math-breadcrumb,
    #breadcrumbs {
        font-size: 12px;
    }
}


/*Archive Code*/
.archive .inside-article .post-image,
.category .inside-article .post-image {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.archive .inside-article .post-image img,
.category .inside-article .post-image img {
    width: 100%;
    border-radius: 12px;
    transition: transform 0.6s ease, filter 0.6s ease;
}

/* Image zoom + dark effect */
.archive .inside-article .post-image:hover img,
.category .inside-article .post-image:hover img {
    transform: scale(1.08);
    filter: brightness(0.9);
}

/* Gradient overlay */
.archive .inside-article .post-image::after,
.category .inside-article .post-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 50%,
        rgba(212, 8, 76, 0.25) 100%
    );
    opacity: 0;
    transition: opacity 0.5s ease;
}

.archive .inside-article .post-image:hover::after,
.category .inside-article .post-image:hover::after {
    opacity: 1;
}

/* Glow shadow only on image hover */
.archive .inside-article .post-image:hover,
.category .inside-article .post-image:hover {
    box-shadow: 0 12px 30px rgba(212, 8, 76, 0.35);
}


/* Links Underline Remove*/

a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none !important;
    outline: none;
}

/* Content area links */
.entry-content a,
.entry-content a:hover {
    text-decoration: none !important;
}

/* Menu links */
.main-navigation a,
.main-navigation a:hover {
    text-decoration: none !important;
}

/* Footer links */
.site-footer a,
.site-footer a:hover {
    text-decoration: none !important;
}

.jsg-premium-bar{
    margin:15px 0 25px;
    padding:14px 18px;
    border:1px solid #f3ccd9;
    border-radius:12px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
}

/* Share Icons */
.jsg-premium-share{
    display:flex;
    gap:8px;
}

.jsg-premium-share a{
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    border:1px solid #e5e5e5;
    transition:.3s;
}

.jsg-premium-share a:hover{
    transform:translateY(-4px);
    box-shadow:0 6px 14px rgba(0,0,0,.15);
}

.jsg-premium-share svg{
    width:18px;
    height:18px;
}

/* Official Social Colors */
.jsg-premium-share a:nth-child(1) svg { fill:#1877F2; } /* Facebook */
.jsg-premium-share a:nth-child(2) svg { fill:#000000; } /* X */
.jsg-premium-share a:nth-child(3) svg { fill:#25D366; } /* WhatsApp */
.jsg-premium-share a:nth-child(4) svg { fill:#0A66C2; } /* LinkedIn */

/* Google Follow Button */
.jsg-follow-btn{
    display:flex;
    align-items:center;
    gap:6px;
    padding:7px 14px;
    border-radius:20px;
    background:#f8f9fa;
    border:1px solid #dadce0;
    color:#202124;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
    white-space:nowrap;
}

.jsg-follow-btn:hover{
    background:#fff;
    border-color:#d4084c;
    color:#d4084c;
    box-shadow:0 4px 12px rgba(212,8,76,.25);
}

.jsg-follow-btn svg{
    width:16px;
    height:16px;
}

/* Mobile One-Line Compact */
@media (max-width:600px){

    .jsg-premium-bar{
        padding:10px 12px;
        gap:8px;
        flex-wrap:nowrap;
    }

    .jsg-premium-share{
        gap:5px;
    }

    .jsg-premium-share a{
        width:28px;
        height:28px;
    }

    .jsg-premium-share svg{
        width:13px;
        height:13px;
    }

    .jsg-follow-btn{
        padding:5px 8px;
        font-size:11px;
        gap:4px;
    }

    .jsg-follow-btn svg{
        width:12px;
        height:12px;
    }
}