/**
 * Theme Name: Limtless Altitude Custom Theme
 * Description: Custom Theme
 * Author: @Carlo
 * Template: blocksy
 * Text Domain: blocksy
Author URI: hrslab.com
Tags: hrslab
Version: 1.0.1751731858
Updated: 2025-07-05 16:10:58
 */
/* --- Reset Inherited Theme Layouts for Cover Headline --- */

/*
 * ========================================================================
 * FILE CSS COMPLETO PER IL CHILD THEME
 * ========================================================================
 * Contiene:
 * 1. Sistema di bottoni ("Cool Button System")
 * 2. Stili per la sezione Testimonianze
 * 3. Stili di preparazione per le animazioni GSAP
 *
 * NOTA: L'uso di "body" all'inizio di ogni regola aumenta la specificità
 * per garantire che questi stili sovrascrivano quelli del tema genitore.
*/


/* ================================================= */
/* 1. Sistema di Bottoni (Cool Button System)        */
/* ================================================= */

/* Stile di base (condiviso da tutti i bottoni) */
body .cool-btn {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 28px;
    border-radius: 8px;
    border: 2px solid transparent;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.3s ease-out;
}

/* Stile 1: Bottone Primario (Arancione) */
body .cool-btn.cool-btn--primary {
    background-color: #F2830D; /* Brand Tangerine */
    color: white !important; /* !important per sovrascrivere stili in linea */
}

/* Effetto Hover: Sollevamento e Bagliore */
body .cool-btn.cool-btn--primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(242, 131, 13, 0.25);
}

/* Stile 2: Bottone Secondario (Bordo Blu) */
body .cool-btn.cool-btn--secondary {
    background-color: transparent;
    color: #17304F; /* Brand Oxford Blue */
    border-color: #17304F;
}

/* Effetto Hover: Riempimento */
body .cool-btn.cool-btn--secondary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #17304F;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    z-index: -1;
}

body .cool-btn.cool-btn--secondary:hover {
    color: white !important;
}

body .cool-btn.cool-btn--secondary:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

/* Stile 3: Link Testuale */
body .cool-btn.cool-btn--text {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: #F2830D;
    overflow: visible;
}

body .cool-btn.cool-btn--text .arrow {
    display: inline-block;
    margin-left: 5px;
    transition: transform 0.3s ease-out;
}

body .cool-btn.cool-btn--text:hover {
    color: #17304F;
}

body .cool-btn.cool-btn--text:hover .arrow {
    transform: translateX(5px);
}



/* ================================================= */
/* 3. Preparazione per le Animazioni GSAP            */
/* ================================================= */

/* Nasconde gli elementi target prima che GSAP li animi */
body .gsap-hero-title {
	visibility: hidden;
}

body .gsap-intro-heading,
body .gsap-intro-card,
body .gsap-results-card,
body .gsap-testimonial-card,
body .gsap-final-cta {
	opacity: 0;
	transform: translateY(30px);
}

body .gsap-service-pillar {
	opacity: 0;
	transform: scale(0.9);
}

body .stk-28b8c4d.gsap-final-cta {
	opacity: 0 !important;
	transform: translateY(30px) !important;
}

/*
 * ========================================================================
 * NASCONDI IL FOOTER DEL TEMA BLOCKSY
 * ========================================================================
 * Questo codice nasconde completamente il footer predefinito del tema,
 * permettendo al blocco HTML personalizzato di prenderne il posto.
*/

/* --- Annulla gli stili del contenitore del tema --- */
#footer.ct-footer {
    display: none !important;
}