/*=========================================================
  SINHOI 2026
  ELEMENTOR OVERRIDES
==========================================================*/


/*=========================================================
GLOBAL
==========================================================*/

.elementor{

    --e-global-color-primary:var(--primary);
    --e-global-color-secondary:var(--secondary);
    --e-global-color-text:var(--text);
    --e-global-color-accent:var(--primary);

}

.elementor-widget{

    margin-bottom:0;

}

.elementor-section{

    overflow:hidden;

}

.elementor-widget:not(:last-child){

    margin-bottom:0;

}


/*=========================================================
CONTAINERS
==========================================================*/

.elementor-container{

    max-width:var(--container);

}

.elementor-top-section{

    padding:0;

}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated{

    padding:20px;

}


/*=========================================================
HEADINGS
==========================================================*/

.elementor-heading-title{

    font-family:'Montserrat',sans-serif !important;

    font-weight:700;

    letter-spacing:-.03em;

    color:var(--dark);

}

.elementor-widget-heading p{

    margin:0;

}


/*=========================================================
TEXT EDITOR
==========================================================*/

.elementor-widget-text-editor{

    color:var(--text-muted);

}

.elementor-widget-text-editor p{

    margin-bottom:24px;

}

.elementor-widget-text-editor ul{

    padding-left:20px;

}

.elementor-widget-text-editor li{

    margin-bottom:10px;

}


/*=========================================================
BUTTONS
==========================================================*/

.elementor-button{

    border-radius:999px;

    transition:var(--transition);

    box-shadow:none;

}

.elementor-button:hover{

    transform:translateY(-4px);

}


/*=========================================================
IMAGES
==========================================================*/

.elementor-widget-image img{

    transition:1s ease;

}

.elementor-widget-image:hover img{

    transform:scale(1.05);

}


/*=========================================================
IMAGE BOX
==========================================================*/

.elementor-image-box-wrapper{

    transition:var(--transition);

}

.elementor-widget-image-box:hover .elementor-image-box-wrapper{

    transform:translateY(-8px);

}

.elementor-image-box-title{

    margin-bottom:14px;

}


/*=========================================================
ICON BOX
==========================================================*/

.elementor-icon-box-wrapper{

    transition:var(--transition);

}

.elementor-widget-icon-box:hover .elementor-icon-box-wrapper{

    transform:translateY(-8px);

}

.elementor-icon-box-icon{

    margin-bottom:24px;

}

.elementor-icon{

    transition:var(--transition);

}

.elementor-widget-icon-box:hover .elementor-icon{

    transform:scale(1.08);

}


/*=========================================================
ICON LIST
==========================================================*/

.elementor-icon-list-item{

    padding:6px 0;

}

.elementor-icon-list-icon{

    color:var(--primary);

}

.elementor-icon-list-text{

    transition:var(--transition);

}

.elementor-icon-list-item:hover .elementor-icon-list-text{

    color:var(--primary);

}


/*=========================================================
ACCORDION
==========================================================*/

.elementor-accordion-item{

    border:none !important;

    border-bottom:1px solid var(--border) !important;

}

.elementor-tab-title{

    padding:24px 0;

    font-weight:600;

}

.elementor-tab-content{

    padding:0 0 24px;

    color:var(--text-muted);

}


/*=========================================================
TOGGLE
==========================================================*/

.elementor-toggle-item{

    border-bottom:1px solid var(--border);

}

.elementor-toggle-title{

    padding:22px 0;

}

.elementor-toggle-content{

    padding-bottom:24px;

}


/*=========================================================
TABS
==========================================================*/

.elementor-tabs-wrapper{

    border-bottom:1px solid var(--border);

}

.elementor-tab-title{

    transition:var(--transition);

}

.elementor-tab-title.elementor-active{

    color:var(--primary);

}


/*=========================================================
TESTIMONIAL
==========================================================*/

.elementor-testimonial{

    padding:48px;

    border-radius:var(--radius-lg);

    background:#fff;

    box-shadow:var(--shadow-sm);

}


/*=========================================================
TESTIMONIAL CAROUSEL
==========================================================*/

.elementor-testimonial-carousel .swiper-slide{

    padding-bottom:20px;

}


/*=========================================================
COUNTER
==========================================================*/

.elementor-counter-number{

    font-size:3.5rem;

    font-weight:800;

    color:var(--primary);

}

.elementor-counter-title{

    margin-top:12px;

}


/*=========================================================
PROGRESS BAR
==========================================================*/

.elementor-progress-wrapper{

    border-radius:999px;

    overflow:hidden;

}

.elementor-progress-bar{

    background:var(--primary);

}


/*=========================================================
DIVIDER
==========================================================*/

.elementor-divider-separator{

    border-color:var(--border);

}


/*=========================================================
FORMS
==========================================================*/

.elementor-field-group input,
.elementor-field-group textarea,
.elementor-field-group select{

    border:1px solid var(--border);

    border-radius:12px;

    padding:18px 22px;

    transition:var(--transition);

}

.elementor-field-group input:focus,
.elementor-field-group textarea:focus,
.elementor-field-group select:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 5px rgba(47,107,83,.08);

}

.elementor-field-type-submit .elementor-button{

    width:100%;

}


/*=========================================================
POSTS
==========================================================*/

.elementor-post{

    transition:var(--transition);

}

.elementor-post:hover{

    transform:translateY(-8px);

}

.elementor-post__thumbnail img{

    transition:1s ease;

}

.elementor-post:hover img{

    transform:scale(1.08);

}


/*=========================================================
LOOP GRID
==========================================================*/

.e-loop-item{

    transition:var(--transition);

}

.e-loop-item:hover{

    transform:translateY(-8px);

}


/*=========================================================
CALL TO ACTION
==========================================================*/

.elementor-cta{

    overflow:hidden;

}

.elementor-cta:hover img{

    transform:scale(1.08);

}


/*=========================================================
PRICE TABLE
==========================================================*/

.elementor-price-table{

    border-radius:var(--radius-lg);

    overflow:hidden;

    box-shadow:var(--shadow-sm);

}

.elementor-price-table__price{

    color:var(--primary);

}


/*=========================================================
SLIDES
==========================================================*/

.elementor-slide-heading{

    font-weight:800;

}

.elementor-slide-description{

    max-width:720px;

}


/*=========================================================
POPUP
==========================================================*/

.dialog-widget{

    backdrop-filter:blur(10px);

}

.dialog-lightbox-close-button{

    transition:var(--transition);

}

.dialog-lightbox-close-button:hover{

    transform:rotate(90deg);

}


/*=========================================================
NAV MENU
==========================================================*/

.elementor-nav-menu{

    gap:34px;

}

.elementor-nav-menu a{

    font-weight:600;

    transition:var(--transition);

}

.elementor-nav-menu a::after{

    background:var(--secondary);

}

.elementor-nav-menu a:hover{

    color:var(--secondary);

}


/*=========================================================
SITE LOGO
==========================================================*/

.elementor-widget-theme-site-logo img{

    transition:var(--transition);

}


/*=========================================================
SOCIAL ICONS
==========================================================*/

.elementor-social-icon{

    transition:var(--transition);

}

.elementor-social-icon:hover{

    transform:translateY(-5px);

}


/*=========================================================
SEARCH FORM
==========================================================*/

.elementor-search-form__input{

    border-radius:999px;

}

.elementor-search-form__submit{

    border-radius:999px;

}


/*=========================================================
VIDEO
==========================================================*/

.elementor-widget-video iframe{

    border-radius:var(--radius-lg);

}


/*=========================================================
GOOGLE MAP
==========================================================*/

.elementor-widget-google_maps iframe{

    filter:grayscale(.15);

}


/*=========================================================
STICKY HEADER
==========================================================*/

.elementor-sticky--effects{

    backdrop-filter:blur(18px);

    background:rgba(16,18,13,.88);

    box-shadow:0 10px 40px rgba(0,0,0,.15);

}


/*=========================================================
SECTION TRANSITIONS
==========================================================*/

.elementor-top-section{

    transition:var(--transition);

}


/*=========================================================
LOTTIE
==========================================================*/

.elementor-widget-lottie{

    pointer-events:none;

}


/*=========================================================
RESPONSIVE IMAGES
==========================================================*/

.elementor img{

    max-width:100%;

    height:auto;

}


/*=========================================================
EDITOR
==========================================================*/

.elementor-editor-active .elementor-widget{

    transition:none;

}