/*
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: 1776379503.deploy-1776409049
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
   ============================================ */

/* Brand logo sizing (custom logo + default SVG) */
.navbar_logo {
    width: auto !important;
    max-width: 12rem;
    max-height: 90px;
    height: auto;
    object-fit: contain;
}

.footer_logo-img {
    width: auto !important;
    max-height: 90px;
    height: auto;
    object-fit: contain;
}

/* Custom raster logos on dark footer: ensure light mark for contrast */
.footer .footer_logo-img[src$=".png"],
.footer .footer_logo-img[src$=".jpg"],
.footer .footer_logo-img[src$=".jpeg"],
.footer .footer_logo-img[src$=".webp"] {
    filter: brightness(0) invert(1);
}

/* 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: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}

.section_testimonials .testimonials_grid {
    opacity: 1 !important;
    visibility: visible !important;
}

.section_testimonials .testimonials_grid-content {
    animation: testimonialsSlide 25s linear infinite;
    -webkit-animation: testimonialsSlide 25s linear infinite;
}

.section_testimonials .testimonials_grid-content:nth-child(2) {
    animation-direction: reverse;
    -webkit-animation-direction: reverse;
}

.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 {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ============================================
   LOGIN/SIGN-IN/SIGN-UP PAGES - Full visibility
   Override all inline opacity:0 styles
   ============================================ */
.section_login {
    opacity: 1 !important;
    visibility: visible !important;
}

.section_login * {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
}

/* Target elements with inline style containing opacity */
.section_login [style*="opacity"],
.section_login [style*="transform"] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Specific login form elements */
.section_login .login_content,
.section_login .login_form-component,
.section_login .form_component,
.section_login .login_form,
.section_login .login_form-header,
.section_login .login_form-header h1,
.section_login .login_form-header em,
.section_login .login_form-wrap,
.section_login .form_field-wrapper,
.section_login .form_label,
.section_login .form_input,
.section_login .login_separator,
.section_login .line-horizontal,
.section_login .form_bottom,
.section_login .form_button-group,
.section_login .media-button-wrap,
.section_login .button-wrapper,
.section_login .form_subtext,
.section_login .text-base,
.section_login .text-5xl,
.section_login .text-font-gambetta,
.section_login .button,
.section_login .w-button,
.section_login .w-input,
.section_login .icon_button,
.section_login a,
.section_login div,
.section_login input,
.section_login label,
.section_login img {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Ensure h1 headings in login form are visible */
.section_login h1,
.section_login h1 em,
.section_login .text-5xl,
.section_login .text-5xl em {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !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] {
    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;
}

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

/* Ensure all images in hero are loaded */
.hero_image-one img,
.hero_image-two img {
    display: block !important;
    width: 100%;
    height: auto;
}