/*
Theme Name: Nha Khoa AT Clean
Theme URI: https://nhakhoaatdanang.com/
Author: FWG Engineering Team
Author URI: https://fastworldtech.com/
Description: Clean, hardened, high-performance, no-plugin custom theme for Nha Khoa A&T Da Nang.
Version: 1.0.0
Text Domain: nhakhoaat-clean
*/

/* 1. Elementor Animation Visibility Fallback (No-Elementor Runtime) */
.elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. Grid & Flexbox Columns for 100% Pixel-Perfect Structure */
.elementor-section .elementor-container {
    display: flex !important;
    flex-wrap: wrap !important;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .elementor-column.elementor-col-33,
    .elementor-column.elementor-inner-column.elementor-col-33 {
        width: 33.333% !important;
        max-width: 33.333% !important;
        flex: 0 0 33.333% !important;
        box-sizing: border-box;
    }

    .elementor-column.elementor-col-50,
    .elementor-column.elementor-inner-column.elementor-col-50 {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        box-sizing: border-box;
    }
}

.elementor-column.elementor-col-100,
.elementor-column.elementor-top-column.elementor-col-100 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box;
}

@media (max-width: 767.98px) {
    .elementor-column,
    .elementor-column.elementor-col-33,
    .elementor-column.elementor-inner-column.elementor-col-33,
    .elementor-column.elementor-col-50,
    .elementor-column.elementor-inner-column.elementor-col-50,
    .elementor-column.elementor-col-100,
    .elementor-inner-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        box-sizing: border-box !important;
    }
}

/* 3. Image & Card Polish */
.ts-classic-service {
    margin-bottom: 30px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.ts-classic-service:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.ts-classic-service .service-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.ts-classic-service .service-content {
    padding: 25px;
}

.elementor-element {
    transition: all 0.3s ease;
}