/*
 Theme Name:     Blogger Pro Divi Child Theme
 Theme URI:      https://divi.wplayouts.com/blogger
 Description:    Premium Blogger Pro Child Theme <a href="https://divi.wplayouts.com/blogger">View Demo</a>
 Author:         WPlayouts
 Author URI:     https://wplayouts.com/
 Version:        1.0.1
 Template:       Divi
 License:        GNU General Public License v2 or later
 License URI:    http://www.gnu.org/licenses/gpl-2.0.html
 Tags:           personal-brand, coach, divi-5, multi-layout, responsive, blog-grid
*/


/* =========================
   Global CSS Classes
========================= */

#main-content {
    background: transparent;
}

.wp-et-list-view article,
.wp-et-list-view-main article {
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    padding: 10px;
    border-radius: 4px;
    align-items: center;
}

.wp-et-list-view article .list_blog_description {
    width: 100%;
}

.et_pb_post .et_pb_image_container {
    margin: 0 !important;
}

.et_pb_post .entry-featured-image-url {
    overflow: hidden;
}

.et_pb_post a.entry-featured-image-url img {
    display: block;
    transition: transform 0.4s ease;
    transform: scale(1);
}

.et_pb_post:hover a.entry-featured-image-url img {
    transform: scale(1.1);
}

.et_pb_posts a.more-link {
    text-align: right;
}

/* =========================
   Responsive Layout
========================= */

@media (min-width: 768px) {

    .wp-et-list-view article,
    .wp-et-list-view-main article {
        display: flex;
        gap: 15px;
        margin-bottom: 16px;
    }

    .wp-et-list-view article a.entry-featured-image-url {
        max-width: 180px;
        margin-bottom: 0 !important;
    }

    .wp-et-list-view-main article a.entry-featured-image-url {
        max-width: 380px;
        max-height: 240px;
        margin-bottom: 0 !important;
    }
}

/* =========================
   Sidebar Styling
========================= */

.wp-sidebar .et_pb_widget {
    margin-bottom: 10px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    padding: 21px;
    border-radius: 6px;
}

.wp-sidebar .widgettitle {
    margin-bottom: 14px;
}

.wp-sidebar .tagcloud a,
.wp-sidebar .wp-block-tag-cloud a {
    margin-bottom: 10px;
    font-size: 14px !important;
}

.rpwwt-post-author {
    color: #00e81b !important;
    font-size: 12px;
}

/* =========================
   Home Grid View 2
========================= */

.wp-et-grid-view-2 .et_pb_blog_grid .et_pb_image_container {
    margin: 0;
}

.wp-et-grid-view-2 article.et_pb_post {
    position: relative;
    padding: 0;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.wp-et-grid-view-2 .et_pb_post a.entry-featured-image-url {
    margin-bottom: 0;
    position: relative;
}

.wp-et-grid-view-2 .et_pb_post a.entry-featured-image-url::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0.1) 1%,
        rgba(0,0,0,1) 100%
    );
}

.wp-et-grid-view-2 .et_pb_post .list_blog_description {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    font-weight: 500;
    padding: 10px 20px;
}

.wp-et-grid-view-2 .et_pb_post a.entry-featured-image-url img {
    height: 220px;
    object-fit: cover;
}

.wp-et-grid-view-2 .et_pb_post .post-content-inner {
    margin-bottom: 10px;
}

.wp-et-grid-view-2 .column.size-1of2:last-child {
    margin-right: 0;
}

.wp-et-grid-view-2 .et_pb_post:hover .post-content {
    display: block;
    opacity: 1;
    z-index: 1;
}

.wp-et-grid-view-2 .et_pb_no_thumb {
    height: 360px;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0.1) 1%,
        rgba(0,0,0,1) 100%
    );
}


/* =========================
   Mobile Menu Styling
========================= */

/* Ensure parent LI is positioned correctly */
.et_mobile_menu .menu-item-has-children {
    position: relative !important;
}

/* Hide submenus by default */
.et_mobile_menu .menu-item-has-children > .sub-menu {
    display: none !important;
    padding-left: 20px;
}

/* Show submenu when opened */
.et_mobile_menu .menu-item-has-children.submenu-open > .sub-menu,
.et_mobile_menu .menu-item-has-children.visible > .sub-menu {
    display: block !important;
    animation: revealMenu 0.4s ease-in-out;
}

/* Prevent text overlap with toggle icon */
.et_mobile_menu .menu-item-has-children > a {
    padding-right: 50px !important;
    background-color: transparent;
}

/* Mobile toggle icon */
.et_mobile_menu .mobile-toggle-icon {
    position: absolute;
    right: 10px;
    top: 0;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    color: inherit;
    z-index: 2;
    user-select: none;
}

/* Smooth dropdown animation */
@keyframes revealMenu {
    0% {
        opacity: 0;
        transform: translateY(-5px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}