/*
Theme Name: Moneta
Theme URI: https://weblish.io
Author: Weblish
Author URI: https://weblish.io
Description: A modern WordPress blogging theme converted from the Moneta Webflow template. Features beautiful animations, responsive design, and a professional layout perfect for blogs, articles, and content publishing.
Version: 1775136179
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moneta
Tags: one-column, two-columns, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, translation-ready, blog, blogging

Moneta WordPress Theme - Converted from Webflow
*/

/* 
 * Note: The main styles are loaded from the css/ folder via wp_enqueue_style()
 * This file is required by WordPress for theme identification
 */

/* ============================================
   ANIMATION AND VISIBILITY FIXES
   Ensures smooth animations without glitches
   ============================================ */

/* Hide Webflow badge */
.w-webflow-badge {
    display: none !important;
}

/* Ensure smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* ============================================
   HERO SECTION - Ensure images are visible
   ============================================ */
.section_hero .hero_visual,
.section_hero .hero_image-one,
.section_hero .hero_image-two,
.section_hero .hero_image-one img,
.section_hero .hero_image-two img {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Hero text content visibility */
.section_hero .hero_left-content,
.section_hero .hero_content-wrap,
.section_hero .content-wrap,
.section_hero .header,
.section_hero .badge-wrapper,
.section_hero .hero_title-wrap,
.section_hero .hero_title,
.section_hero .hero_description,
.section_hero .hero_buttons-wrap,
.section_hero .button-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* ============================================
   LOGOS SLIDER - Continuous scroll animation
   ============================================ */
@keyframes logosSlide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.section_logos .logos_content {
    display: flex;
    overflow: hidden;
    position: relative;
}

.section_logos .logos_grid {
    display: flex;
    flex-shrink: 0;
    animation: logosSlide 20s linear infinite !important;
    -webkit-animation: logosSlide 20s linear infinite !important;
}

.section_logos .logos_grid:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.section_logos .logos_icon {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ============================================
   TESTIMONIALS SLIDER - Continuous scroll animation
   ============================================ */
@keyframes testimonialsSlide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.section_testimonials .testimonials_grid {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex;
    overflow: hidden;
    flex-direction: row;
}

.section_testimonials .testimonials_grid-content {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    animation: testimonialsSlide 30s linear infinite;
    -webkit-animation: testimonialsSlide 30s linear infinite;
}

.section_testimonials .testimonials_grid-content .testimonials_card {
    flex-shrink: 0;
}

.section_testimonials .testimonials_grid:hover .testimonials_grid-content {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

/* ============================================
   SECTION CONTENT VISIBILITY
   Ensure all sections are visible with smooth fade-in
   ============================================ */
.section_about,
.section_steps,
.section_support,
.section_pricing,
.section_faq,
.section_cta,
.section_insight,
.section_features,
.section_contact,
.section_blog-slider,
.section_login,
.section_not-found {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Section animated elements - allow opacity fade, prevent jumping transforms */
.section_about [data-w-id],
.section_steps [data-w-id],
.section_support [data-w-id],
.section_pricing [data-w-id],
.section_faq [data-w-id],
.section_cta [data-w-id],
.section_insight [data-w-id],
.section_features [data-w-id],
.section_contact [data-w-id],
.section_not-found [data-w-id] {
    transform: none !important;
    -webkit-transform: none !important;
    /* opacity controlled by JS for smooth fade */
}

/* Logos section - keep slider animation working */
.section_logos [data-w-id] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Testimonials section - keep slider animation working */
.section_testimonials [data-w-id] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ============================================
   SECTION SCROLL ANIMATIONS - Pure fade (no jumping)
   Original theme behavior: opacity-only transitions
   ============================================ */

/* All section content starts visible - no jumping transforms */
.section_about .content-wrap,
.section_steps .content-wrap,
.section_support .content-wrap,
.section_pricing .content-wrap,
.section_faq .content-wrap,
.section_cta .content-wrap,
.section_insight .content-wrap,
.section_features .content-wrap,
.section_contact .content-wrap {
    opacity: 1;
    visibility: visible;
}

/* Cards are visible without jumping animation */
.steps_card,
.pricing_card,
.support_card,
.insight_card,
.features_card {
    opacity: 1;
    visibility: visible;
}

/* ============================================
   BUTTON HOVER ANIMATIONS
   ============================================ */
.button {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.button:hover {
    transform: translateY(-2px);
}

.button.is-icon .icon-1x1-extra-small {
    transition: transform 0.2s ease !important;
}

.button.is-icon:hover .icon-1x1-extra-small {
    transform: translateX(4px);
}

/* ============================================
   FAQ ACCORDION SMOOTH ANIMATION
   ============================================ */
.faq_answer {
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out !important;
    overflow: hidden;
}

.faq_item {
    transition: background-color 0.2s ease !important;
}

/* ============================================
   NAVBAR ANIMATION
   ============================================ */
.navbar {
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ============================================
   CARD HOVER EFFECTS
   ============================================ */
.steps_card,
.pricing_card,
.testimonials_card,
.support_card,
.insight_card,
.features_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.steps_card:hover,
.pricing_card:hover,
.support_card:hover,
.insight_card:hover,
.features_card:hover {
    transform: translateY(-4px);
}

/* ============================================
   BLOG SLIDER ANIMATION
   ============================================ */
@keyframes blogSlide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.section_blog-slider .slider {
    opacity: 1 !important;
    visibility: visible !important;
}

.section_blog-slider .blog_mask {
    animation: blogSlide 30s linear infinite;
    -webkit-animation: blogSlide 30s linear infinite;
}

.section_blog-slider .blog_mask:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

/* ============================================
   AFFILIATEHUB PRO BRAND COLOR OVERRIDES
   ============================================ */
.button:hover {
    background-color: #24a470 !important;
}

.button.is-outline:hover {
    background-color: #2e53a8 !important;
    border-color: #2e53a8 !important;
    color: #fff !important;
}

.button.is-pricing:hover {
    background-color: #24a470 !important;
}

.navbar_logo {
    max-height: 90px !important;
    width: auto !important;
}

.footer_logo-link img,
img.footer_logo-link,
img.footer_logo {
    max-height: 60px !important;
    width: auto !important;
    filter: invert(1);
}

.footer .footer_logo-link {
}

/* ============================================
   TESTIMONIAL USER IMAGES
   ============================================ */
.testimonials_card-bottom .icon-1x1-extra-large {
    object-fit: cover;
}

/* ============================================
   PREVENT LAYOUT SHIFTS
   ============================================ */
img {
    max-width: 100%;
    height: auto;
}

/* Ensure hero images fill their padding-top containers correctly */
.section_hero .hero_image-one img.img,
.section_hero .hero_image-two img.img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
}