/*
 Theme Name:   Asiapickleballgroup
 Template:     hello-elementor
 Theme URI:    https://elementor.com/hello-theme/
 Description:  A child theme of Hello Elementor
 Author:       Diem Bui
 Version:      1.0
*/

/* base */
/* Button */
/* Trỏ chính xác vào cấu trúc class của Elementor */
/* Trỏ chính xác vào cấu trúc class của Elementor */
.button_primary .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transform: none !important; /* Khóa đứng yên */
    transition: background-color 0.3s ease !important;
}

/* Cấu hình 2 tam giác nhỏ xinh */
.button_primary .elementor-button::before,
.button_primary .elementor-button::after {
    content: '';
    position: absolute;
    /* Kích thước nhỏ lại xíu */
    width: 24px; 
    height: 24px;
    background-color: #e2ff70; /* Màu xanh neon rực rỡ */
    opacity: 0;
    transform: scale(0);
    /* Hiệu ứng nhú ra dứt khoát, không nhấp nháy */
    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;
    pointer-events: none;
    z-index: -1;
    /* Độ sáng cố định, không bị tối lại */
    filter: drop-shadow(0 0 3px rgba(226, 255, 112, 0.6));
}

/* Vị trí góc trên trái */
.button_primary .elementor-button::before {
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    transform-origin: top left;
}

/* Vị trí góc dưới phải */
.button_primary .elementor-button::after {
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    transform-origin: bottom right;
}

/* --- TRẠNG THÁI HOVER --- */
.button_primary .elementor-button:hover {
    transform: none !important; /* Đứng yên tuyệt đối */
}

.button_primary .elementor-button:hover::before,
.button_primary .elementor-button:hover::after {
    opacity: 1; /* Hiện rõ 100% rực rỡ */
    transform: scale(1); /* Nhú ra và giữ nguyên vị trí */
}

/* Đảm bảo nội dung chữ luôn nằm trên tam giác */
.button_primary .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}


.apg-title-dashes .elementor-heading-title{
    display: inline-flex;
    align-items: center;
    gap: 22px;
    position: relative;
}

.apg-title-dashes .elementor-heading-title::before,
.apg-title-dashes .elementor-heading-title::after{
   content: "";
    display: inline-block;
    width: 64px;
    height: 47px;
    background-image: url(https://asiapickleballgroup.com/wp-content/uploads/2026/03/Dashes.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex: 0 0 64px;
    margin-bottom: -5px;
}



/* tablet */
@media (max-width: 1024px){
    .apg-title-dashes .elementor-heading-title{
        gap: 16px;
    }

    .apg-title-dashes .elementor-heading-title::before,
    .apg-title-dashes .elementor-heading-title::after{
        width: 48px;
        height: 22px;
        flex-basis: 48px;
    }
}

/* mobile */
@media (max-width: 767px){
    .apg-title-dashes .elementor-heading-title{
        gap: 10px;
    }

    .apg-title-dashes .elementor-heading-title::before,
    .apg-title-dashes .elementor-heading-title::after{
        width: 34px;
        height: 16px;
        flex-basis: 34px;
    }
}
.form_register .elementor-button{
    height: 56px;
}
.form_register input, .form_register select{
    height: 56px;
}
#header_pop{
    position: relative;
    overflow: hidden;
    background: none !important;
}

#header_pop::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background-image: url("https://asiapickleballgroup.com/wp-content/uploads/2026/03/en.svg");
    background-repeat: repeat-x;
    background-position: 0 center;
    background-size: auto 100%;

    animation: apg_run_bg 18s linear infinite;
    will-change: background-position;
}
#header_pop.header_pop_vi::before{
 background-image: url("https://asiapickleballgroup.com/wp-content/uploads/2026/03/vn-1.svg");
}
#header_pop > *{
    position: relative;
    z-index: 1;
}

@keyframes apg_run_bg{
    from{
        background-position: 0 center;
    }
    to{
        background-position: -1200px center;
    }
}
.pathway_home .lakit-carousel__item-title{
width: 44px;
height: 44px;
border: 3px solid #65B259;
border-radius: 50%;
    text-align: center;
    line-height: 40px;
}
.pathway_home .lakit-carousel__content{
    padding: 10px 20px;
}
/* dòng trắng */
.apg-white-sticky-row{
    transition: background-color .35s ease,
                box-shadow .35s ease,
                padding .35s ease,
                transform .35s ease;
    will-change: transform;
    z-index: 99;
}

/* khi sticky */
.apg-white-sticky-row.elementor-sticky--active{
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.icon_right .elementor-heading-title:after{
    content: "";
    display: inline-block;
    width: 64px;
    height: 47px;
    background-image: url(https://asiapickleballgroup.com/wp-content/uploads/2026/03/Dashes.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex: 0 0 64px;
       margin-left: 10px;
}
#wpadminbar{
    z-index: 99999999 !important;
}
.wpml-ls-statics-shortcode_actions{
        background: #E1FF6B;
     width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
}
.wpml-ls-legacy-list-horizontal a{
    padding: 0;
        line-height: 44px;
}
.wpml-ls-legacy-list-horizontal span{
    color:#1A1A1A;
}
.wpml-ls-statics-shortcode_actions li:nth-child(1){
        padding-right: 10px;
        position: relative;
}
.wpml-ls-statics-shortcode_actions li:nth-child(1):after{
    content: "";
    height: 30px;
    width: 1px;
    background: #000;
    display: block;
    position: absolute;
    right: 4px;
    top: 10px;
}
.form_register .elementor-button{
    margin-top: 40px;
}
.elementor-popup-modal{
    z-index: 9999999999 !important;
}
@media (max-width: 568px){

    .icon_right .elementor-heading-title:after{
        display: none;
    }
    .apg-title-dashes .elementor-heading-title::before, .apg-title-dashes .elementor-heading-title::after{
        display: none;
    }
}
.lakit-carousel__item-text span{
   margin-right: 6px;
}