/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/*.reveal-on-scroll { opacity: 0; transition: all 0.8s ease-out; } */
.reveal-on-scroll {
        opacity: 0.5;
        transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
        will-change: transform, opacity; /* Ajută browserul să randeze fluid */
    }
.fade-in-left { transform: translateX(-50px); }
.fade-in-right { transform: translateX(50px); }
.is-visible { opacity: 1 !important; transform: translateX(0) !important; } /* Starea activă declanșată de JS */
.clip-video-corners, .clip-video-corners .kt-inside-inner-col figure {border-radius: 8px !important; overflow:hidden !important;}
/* Definim mișcarea: se mărește ușor (1.1) și se mișcă puțin spre dreapta (10px) */
@keyframes pointToVideo {
    0% { transform: scale(1) translateX(0); }
    30% { transform: scale(1.1) translateX(10px); }
    50% { transform: scale(1) translateX(0); }
    70% { transform: scale(1.1) translateX(10px); }
    100% { transform: scale(1) translateX(0); }
}
/* Pregătim imaginea din interiorul clasei noastre */
.sageata-magica img {
    transform-origin: left center; /* Ca să se mărească dinspre bază spre vârf */
    transition: transform 0.3s ease;
	display: inline-block;
}
/* 1. Declanșarea animației la scroll (când JS-ul adaugă is-visible) */
/* Am pus o întârziere (0.6s) ca săgeata să se miște DUPĂ ce a intrat textul în ecran */
.is-visible.sageata-magica img,
.is-visible .sageata-magica img {
    animation: pointToVideo 1.2s ease-in-out 0.6s 1; 
}
/* 2. Animația la Hover: Se repetă la infinit cât timp mouse-ul este deasupra */
.sageata-magica:hover img {
    animation: pointToVideo 1.2s ease-in-out infinite;
}
@media (max-width: 767px) {
	.sageata-magica .kt-info-box-item-inner {
        flex-direction: column !important; /* Schimbăm din orizontal în vertical */
        align-items: center !important;   /* Centrăm totul pentru echilibru vizual */
        text-align: center !important;
    }
    .sageata-magica img {
        transform: rotate(90deg) scaleY(-1);
		margin-top: 10px;
		transform-origin: center center;
    }
	@keyframes pointDownMobile {
        0%, 100% { transform: rotate(90deg) scaleY(-1) scale(0.8) translateY(0); }
        50% { transform: rotate(90deg) scaleY(-1) scale(0.9) translateY(15px); }
    }
    .is-visible.sageata-magica img, .sageata-magica:hover img {
        animation: pointDownMobile 1.2s ease-in-out infinite !important;
    }
}
/* Traduceri */
add_filter( 'kadence_post_navigation_args', function( $args ) {
    $args['prev_text'] = 'Articol anterior';
    $args['next_text'] = 'Articol următor';
    return $args;
} );

/* Stil pentru containerul de etichete */
.recipe-tag-pills .kt-btn-wrap {
    gap: 8px !important; /* Spațiu între etichete */
    margin-bottom: 15px;
}

/* Stilul pentru butonul tip "Pill" */
.recipe-tag-pills .kb-button {
    background-color: #F7F9F6 !important; /* Verdele tău pal */
    color: #2D4A22 !important; /* Verde Forestier pentru text */
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
    padding: 6px 16px !important;
    border-radius: 50px !important; /* Formă perfect rotunjită */
    border: 1px solid rgba(45, 74, 34, 0.1) !important; /* O bordură fină, aproape invizibilă */
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

/* Efect discret la Hover */
.recipe-tag-pills .kb-button:hover {
    background-color: #2D4A22 !important; /* Se inversează culorile */
    color: #ffffff !important;
    transform: translateY(-2px); /* Un mic efect de ridicare */
}

/* Ajustare pentru Mobil: să nu ocupe tot rândul */
@media (max-width: 767px) {
    .recipe-tag-pills .kt-btn-wrap {
        justify-content: flex-start !important; /* Le aliniem la stânga pe mobil */
    }
    
    .recipe-tag-pills .kb-button {
        padding: 4px 12px !important;
        font-size: 12px !important;
    }
}
.nutri-insight-box {
    border-left: 3px solid #2D4A22 !important; /* Linia de accent din stânga */
    box-shadow: 0 4px 12px rgba(0,0,0,0.03); /* O umbră aproape invizibilă pentru profunzime */
    font-style: italic; /* Îi dă un aer de "notă personală" */
    margin-top: 10px;
    margin-bottom: 25px;
}

/* Facem iconița să fie mai mică și mai discretă */
.nutri-insight-box .kt-info-box-icon-container {
    opacity: 0.7;
    margin-bottom: 5px !important;
}

.sageata-animata {
    animation: bounce 2s infinite;
    cursor: pointer;
    display: inline-block;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-15px);}
    60% {transform: translateY(-7px);}
}