/*
Template:       blogxer
Theme Name:     GoDigitopia (Blogxer Child)
Theme URI:      https://godigitopia.com
Author:         GoDigitopia Editorial
Author URI:     https://godigitopia.com
Description:    GoDigitopia child theme on Blogxer parent. Violet/cyan brand overrides.
Version:        1.1
Text Domain:    godigitopia
*/

/* ==========================================================================
   BRAND COLOR OVERRIDES — replace blogxer defaults (#444444 / #646464)
   Brand: violet #6D28D9, indigo #4F46E5, cyan #06B6D4, dark slate #0F172A.
   Loaded AFTER blogxer-dynamic inline CSS, so these win.
   ========================================================================== */

:root {
    --gd-vio: #6D28D9;
    --gd-ind: #4F46E5;
    --gd-cyn: #06B6D4;
    --gd-slt: #0F172A;
    --gd-grad: linear-gradient(135deg, #6D28D9 0%, #4F46E5 55%, #06B6D4 100%);
}

/* Generic: any element styled with the dark-grey theme defaults */
[style*="#444444"], [style*="#646464"] { color: var(--gd-vio) !important; }
[style*="background:#444444"], [style*="background-color:#444444"],
[style*="background:#646464"], [style*="background-color:#646464"] {
    background: var(--gd-vio) !important;
}

/* Buttons / CTAs */
.blogxer-button-1, .blogxer-button-2,
.blogxer-button, .blog-button,
.entry-content a.grid-fill-btn,
.dark-button, .light-button,
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: var(--gd-vio) !important;
    border-color: var(--gd-vio) !important;
    color: #fff !important;
}
.blogxer-button-1:hover, .blogxer-button-2:hover,
.blogxer-button:hover, .blog-button:hover,
button:hover, input[type="submit"]:hover {
    background-color: var(--gd-ind) !important;
    border-color: var(--gd-ind) !important;
}

/* Category pills / labels */
.cat-holder-text, .cat-holder, .blog-cat a, .post-cat a,
.entry-categories a, .ui-cat-tag a,
.blog-layout-2 .entry-meta .blog-cat ul li a:hover,
.blog-layout-3 .entry-meta ul li.blog-cat li a:hover {
    background: var(--gd-vio) !important;
    color: #fff !important;
}
.cat-holder:before, .post-detail-style2 .cat-holder:before {
    border-top-color: var(--gd-vio) !important;
}

/* Links + hover state */
a:link, a:visited { color: var(--gd-slt); }
a:hover, .entry-title a:hover, .blog-box .entry-content h3 a:hover,
.blog-layout-1 .entry-header .entry-content h3 a:hover,
.rt-related-post-info .post-title a:hover,
.feature-post-layout .entry-title a:hover,
.post-tab-layout .entry-title a:hover,
.rt-news-box .media-body h3 a:hover,
.blog-layout-2 .entry-content h3 a:hover,
.blog-layout-3 .entry-content h3 a:hover {
    color: var(--gd-vio) !important;
}

/* Section title underline + bars */
.section-title h2:after, .rt-vc-title h2:after, .rt-vc-title-1 h2::after,
.sec-title.style2 .rtin-title:before, .sec-title.style2 .rtin-title:after,
.title-bar35:after, .barshow .title-bar,
.sidebar-widget-area .widget h3.widgettitle:after,
.elementor-widget-container h5:after,
.sidebar-widget-area .widget.title-style-1 h3.widgettitle span,
.about-info-text h2:after, .comments-area h4:after,
.rt-related-post .title-section h2:after {
    background: var(--gd-vio) !important;
    background-color: var(--gd-vio) !important;
    border-top-color: var(--gd-vio) !important;
}

/* Pagination */
.pagination-area ul li.active a,
.pagination-area ul li a:hover,
.pagination-area ul li span.current {
    background-color: var(--gd-vio) !important;
    border-color: var(--gd-vio) !important;
}

/* Search form submit + accents */
.search-form input.search-submit,
.search-form button[type="submit"] {
    background-color: var(--gd-vio) !important;
    border-color: var(--gd-vio) !important;
    color: #fff !important;
}
.search-form input.search-field:focus {
    border-color: var(--gd-vio) !important;
}

/* Pinterest share / red socials */
.post-share .share-links a.pinterest-share-button { background: var(--gd-vio) !important; }

/* Comment reply */
.comments-area .main-comments .replay-area a,
.item-comments .item-comments-list ul.comments-list li .comment-reply,
#respond form .btn-send {
    background-color: var(--gd-vio) !important;
    border-color: var(--gd-vio) !important;
}
#respond form .btn-send:hover { background-color: var(--gd-ind) !important; }

/* Owl carousel nav dots */
.rt-owl-nav-1.slider-dot-enabled .owl-carousel .owl-dots .owl-dot.active span,
.rt-owl-nav-2.slider-dot-enabled .owl-carousel .owl-dot.active span,
.rt-owl-nav-1.slider-nav-enabled .owl-carousel .owl-nav > div:hover,
.rt-owl-nav-2.slider-nav-enabled .owl-carousel .owl-nav > div:hover {
    background: var(--gd-vio) !important;
}

/* Entry meta date pill */
.entry-header .entry-meta .post-date,
.post-detail-style2 .entry-meta .post-date,
.blog-layout-1 .entry-header .entry-thumbnail-area .post-date1 {
    background: var(--gd-vio) !important;
    color: #fff !important;
}

/* ==========================================================================
   STRUCTURAL CHANGES — hide entry-banner + top search
   ========================================================================== */

/* Hide page/category entry-banner + content (Aras request) */
.entry-banner,
.entry-banner-content,
.breadcrumbs-area,
.breadcrumbs-area2,
.banner-area,
.page-banner,
.blogxer-banner,
.breadcrumb-trail,
.title-bar,
body > .entry-banner,
.entry-header.entry-banner {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
.entry-banner + *,
.entry-banner-content + * { margin-top: 0 !important; }
/* Whatever section uses banner+title gets removed */
section.entry-banner, div.entry-banner, .entry-banner-section { display: none !important; }

/* Hide top search overlay + trigger + sidebar search across all header styles */
.header-search,
.header-search-box,
#header-search,
.header-icon-area .header-search-box,
.flaticon-magnifying-glass,
.widget_search,
.sidebar-widget-area .widget_search,
.footer-area .widget_search,
.search-form,
form.search-form,
.search-trigger,
.search-icon,
.rt-search-trigger,
button[type="submit"][class*="search"],
.elementor-widget-search-form,
.elementor-search-form {
    display: none !important;
}
/* Re-expand header-icon-area when search hidden so it doesn't leave empty col */
.header-icon-area { width: auto !important; }

/* Header logo height (override blogxer parent) */
.site-branding a.brand img, .site-branding .custom-logo,
.site-branding .dark-logo img, .site-branding .light-logo img,
.site-logo img {
    max-height: 72px !important;
    height: 72px !important;
    width: auto !important;
}
@media (max-width: 768px) {
    .site-branding a.brand img, .site-branding .custom-logo,
    .site-branding .dark-logo img, .site-branding .light-logo img,
    .site-logo img { max-height: 52px !important; height: 52px !important; }
}

/* Sticky header background */
.site-header, #masthead { background: #FFFFFF !important; }

/* ==========================================================================
   HEADER LAYOUT — logo LEFT, menu RIGHT, same row.
   Hide the centered logo row + full-width nav row, surface the sticky-menu
   layout (logo col-4 + nav col-8) as the always-visible primary header.
   ========================================================================== */

/* Hide the original top header (centered logo) + bottom nav row */
.site-header #header-1 > .masthead-container { display: none !important; }

/* Make the sticky-menu layout the visible header — always on, no scroll trigger */
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    background: #FFFFFF !important;
    border-bottom: 1px solid #E5E7EB !important;
    padding: 14px 0 !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .container { padding: 0 24px; }
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .row {
    align-items: center !important;
}

/* Logo column — left aligned */
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .site-branding {
    text-align: left !important;
    display: flex;
    align-items: center;
}
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .site-branding img,
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .site-branding .dark-logo img,
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .site-branding .light-logo img {
    max-height: 72px !important;
    height: 72px !important;
    width: auto !important;
    max-width: 280px !important;
}
@media (max-width: 768px) {
    .site-header .rt-sticky-menu-wrapper.rt-sticky-menu .site-branding img { max-height: 52px !important; height: 52px !important; }
}

/* Grow header padding to host the larger logo without crowding */
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu {
    padding: 18px 0 !important;
}

/* Nav column — right aligned, vertically centered */
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .main-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .main-navigation > div,
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .menu-principal-container,
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu nav {
    margin-left: auto;
}
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .main-navigation ul.menu {
    display: flex !important;
    align-items: center;
    gap: 4px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .main-navigation ul.menu > li > a {
    padding: 10px 14px !important;
    color: #374151 !important;
    font-weight: 500 !important;
    font-size: 14.5px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: 8px;
    transition: background .15s ease, color .15s ease;
}
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .main-navigation ul.menu > li > a:hover,
.site-header .rt-sticky-menu-wrapper.rt-sticky-menu .main-navigation ul.menu > li.current-menu-item > a {
    color: var(--gd-vio) !important;
    background: rgba(109, 40, 217, 0.06);
}

/* Remove blogxer parent's animated violet underline on nav items */
.site-header .main-navigation nav > ul > li > a:after,
.site-header .main-navigation nav > ul > li > a:before,
.site-header .rt-sticky-menu-wrapper .main-navigation ul.menu > li > a:after,
.site-header .rt-sticky-menu-wrapper .main-navigation ul.menu > li > a:before {
    display: none !important;
    content: none !important;
}

/* ==========================================================================
   POST CARD META — pill-style date + author + reading time
   ========================================================================== */
.blog-box .entry-content > ul,
.feature-post-layout .entry-content > ul,
.blog-layout-1 .entry-meta > ul,
.blog-layout-2 .entry-meta > ul,
.blog-layout-3 .entry-meta > ul,
.entry-meta > ul, .entry-post-meta > ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    font-size: 12.5px !important;
    color: var(--gd-vio) !important;
}
.blog-box .entry-content > ul > li,
.feature-post-layout .entry-content > ul > li,
.blog-layout-1 .entry-meta > ul > li,
.blog-layout-2 .entry-meta > ul > li,
.blog-layout-3 .entry-meta > ul > li,
.entry-meta > ul > li, .entry-post-meta > ul > li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 1.4 !important;
    color: #6B7280 !important;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
/* Hide empty <li> (author when blank) — happens when author meta is absent */
.entry-meta > ul > li:empty,
.blog-box .entry-content > ul > li:empty,
.feature-post-layout .entry-content > ul > li:empty {
    display: none !important;
}
/* Dot separators between items */
.blog-box .entry-content > ul > li + li::before,
.feature-post-layout .entry-content > ul > li + li::before,
.blog-layout-1 .entry-meta > ul > li + li::before,
.entry-meta > ul > li + li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #D1D5DB;
    margin-right: 6px;
}
/* Author link */
.entry-meta a, .entry-post-meta a,
.blog-box .entry-content > ul > li a,
.feature-post-layout .entry-content > ul > li a {
    color: var(--gd-slt) !important;
    font-weight: 600;
    text-decoration: none;
}
.entry-meta a:hover { color: var(--gd-vio) !important; }

/* Reading time pill */
.meta-reading-time, li.meta-reading-time {
    color: #6B7280 !important;
    font-weight: 500;
}
.meta-reading-time::before {
    content: "⏱";
    margin-right: 4px;
    opacity: 0.55;
}

/* Mobile — stack nav under logo, but logo still left */
@media (max-width: 991px) {
    .site-header .rt-sticky-menu-wrapper.rt-sticky-menu .main-navigation {
        justify-content: flex-end;
    }
    .site-header .rt-sticky-menu-wrapper.rt-sticky-menu .main-navigation ul.menu {
        display: none !important;
    }
}

/* Top hairline gradient strip — brand signature */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--gd-grad);
    z-index: 200;
    pointer-events: none;
}
.site-header, #masthead { margin-top: 3px; }

/* ==========================================================================
   CUSTOM FOOTER (replaces blogxer footer-N templates)
   ========================================================================== */
.godigi-footer {
    background: var(--gd-slt) !important;
    color: #CBD5E1 !important;
    padding: 64px 24px 32px !important;
    margin-top: 64px !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.godigi-footer * { box-sizing: border-box; }
.godigi-footer::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--gd-grad);
}
.godigi-footer-inner {
    max-width: 1240px;
    margin: 0 auto;
}
.godigi-footer-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    padding-bottom: 40px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    width: 100% !important;
}
@media (min-width: 768px) {
    .godigi-footer-grid {
        grid-template-columns: 2fr 1fr 1fr 1fr !important;
        gap: 48px !important;
    }
}
.godigi-footer-col h4 {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #94A3B8 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
}
.godigi-footer-col h4::after { display: none !important; }
.godigi-footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.godigi-footer-col ul li {
    margin: 0 0 8px;
}
.godigi-footer-col ul li::before { display: none; }
.godigi-footer-col a {
    color: #E5E7EB !important;
    text-decoration: none;
    font-size: 14.5px;
    transition: color .15s ease;
}
.godigi-footer-col a:hover { color: #A78BFA !important; }

.godigi-col-brand {
    max-width: 36ch;
}
.godigi-footer-logo {
    display: inline-block;
    margin-bottom: 18px;
}
.godigi-footer-logo img {
    height: 44px !important;
    width: auto !important;
    max-width: 220px;
    display: block;
    /* No filter — let the gradient mark show on dark slate */
}
.godigi-footer-blurb {
    color: #94A3B8 !important;
    font-size: 14.5px;
    line-height: 1.55;
    margin: 0 0 20px;
}
.godigi-footer-social {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}
.godigi-footer-social li {
    margin: 0 !important;
}
.godigi-footer-social li::before { display: none; }
.godigi-footer-social a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.07) !important;
    color: #E5E7EB !important;
    transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.godigi-footer-social a svg { display: block; }
.godigi-footer-social a:hover {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -6px rgba(0,0,0,0.4);
}
.godigi-footer-social a.godigi-soc-x:hover  { background: #000 !important; }
.godigi-footer-social a.godigi-soc-ig:hover { background: linear-gradient(135deg, #833AB4 0%, #FD1D1D 50%, #FCAF45 100%) !important; }
.godigi-footer-social a.godigi-soc-li:hover { background: #0A66C2 !important; }
.godigi-footer-social a.godigi-soc-yt:hover { background: #FF0000 !important; }

.godigi-footer-bottom {
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
    color: #64748B;
}
.godigi-footer-bottom a { color: #94A3B8; text-decoration: none; }
.godigi-footer-bottom a:hover { color: #A78BFA; }
.godigi-tag { color: #94A3B8; }