:root {
    --ls-primary: #e6a53d;       /* Vàng cam từ hồ sơ Luật sư Thái */
    --ls-navy: #0f172a;          /* Xanh Navy chuyên nghiệp */
    --ls-transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.ls-premium-container { 
    font-family: 'Inter', sans-serif; 
    line-height: 1.6; 
    color: #333; 
    position: relative;
    overflow-x: hidden;
}

.ls-inner-width { max-width: 1200px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }

/* 1. Background động nhẹ nhàng */
.ls-bg-animated {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
    pointer-events: none;
    background: 
        radial-gradient(circle at 5% 5%, rgba(230, 165, 61, 0.04) 0%, transparent 35%),
        radial-gradient(circle at 95% 95%, rgba(15, 23, 42, 0.04) 0%, transparent 35%);
    animation: pulseBg 12s infinite alternate ease-in-out;
}
@keyframes pulseBg { from { opacity: 0.5; } to { opacity: 1; } }

/* 2. Scroll Reveal Effects */
.ls-reveal { opacity: 0; transition: var(--ls-transition); }
.ls-reveal.active { opacity: 1; transform: translate(0, 0) !important; }
.slide-left { transform: translateX(-50px); }
.slide-right { transform: translateX(50px); }
.fade-up { transform: translateY(40px); }

/* 3. Khung ảnh Profile Dọc (2:3) & KHÔNG HOVER */
.ls-image-frame {
    border: 7px solid var(--ls-primary);
    border-radius: 12px;
    overflow: hidden;
    line-height: 0;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    aspect-ratio: 2 / 3; /* Tỷ lệ vàng cho ảnh chân dung đứng */
    max-width: 320px;
    margin: 0 auto;
    background: #000;
}

.ls-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: none !important; /* Bỏ mọi hiệu ứng hover ảnh */
}

/* Bỏ hover ảnh */
.ls-image-frame:hover, .ls-image-frame:hover img {
    transform: none !important;
}

/* 4. Hero Section */
.ls-hero-banner { 
    background: var(--ls-navy); 
    padding: 90px 0; 
    color: #ffffff;
    background-image: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    position: relative;
}

.ls-hero-grid { display: grid; grid-template-columns: 320px 1fr; gap: 60px; align-items: center; }
.ls-name-title { font-size: 3rem; text-transform: uppercase; margin: 15px 0; font-weight: 900; }

.ls-credentials-box {
    background: rgba(255,255,255,0.06);
    padding: 20px;
    border-radius: 10px;
    margin: 25px 0;
    border-left: 4px solid var(--ls-primary);
}

.ls-credentials-box p { margin: 8px 0; font-size: 0.95rem; color: #cbd5e1; display: flex; align-items: center; }
.ls-credentials-box .dashicons { color: var(--ls-primary); margin-right: 10px; }

/* 5. Values Bar */
.ls-values-bar { display: flex; gap: 30px; margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); }
.ls-value-item { display: flex; gap: 15px; }
.ls-value-item .dashicons { font-size: 30px; color: var(--ls-primary); }
.ls-value-text strong { display: block; font-size: 1.1rem; color: var(--ls-primary); }
.ls-value-text span { font-size: 0.85rem; color: #94a3b8; }

/* 6. Content Section & Icons */
.ls-detail-section { padding: 80px 0; background: transparent; }
.ls-content-layout { display: grid; grid-template-columns: 1fr 320px; gap: 60px; }
.ls-sub-title { font-size: 1.8rem; margin-bottom: 25px; border-bottom: 2px solid #eee; padding-bottom: 10px; font-weight: 800; display: flex; align-items: center; }
.ls-sub-title .dashicons { margin-right: 12px; color: var(--ls-primary); font-size: 24px; }

.ls-practice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.ls-p-item { 
    background: #fff; padding: 12px 18px; border-radius: 8px; border: 1px solid #e2e8f0; 
    font-weight: 600; display: flex; align-items: center; 
}
.ls-p-item .dashicons { color: var(--ls-primary); margin-right: 10px; }

/* Icon cho danh sách trong nội dung (Tiểu sử) */
.ls-bio-text ul { list-style: none; padding: 0; }
.ls-bio-text ul li { position: relative; padding-left: 30px; margin-bottom: 12px; }
.ls-bio-text ul li::before {
    content: "\f147"; font-family: dashicons; position: absolute; left: 0;
    color: var(--ls-primary); font-size: 20px;
}

/* 7. Sidebar & Buttons */
.ls-sticky-card { background: var(--ls-navy); padding: 35px; border-radius: 15px; color: #fff; position: sticky; top: 40px; }
.ls-btn-call { 
    display: inline-block; background: var(--ls-primary); color: #000 !important; 
    padding: 15px 30px; border-radius: 5px; font-weight: 800; text-decoration: none; 
}
.ls-btn-email { 
    display: block; background: rgba(255,255,255,0.1); color: #fff; text-align: center; 
    padding: 12px; margin-top: 20px; border-radius: 5px; text-decoration: none; transition: 0.3s;
}
.ls-btn-email:hover { background: var(--ls-primary); color: #000; }

/* 8. Cases Section */
.ls-cases-section { padding: 80px 0 120px; }
.ls-cases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-top: 40px; }
.ls-case-card { 
    background: #fff; padding: 40px; border-radius: 15px; border-top: 5px solid var(--ls-primary);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
}
.ls-case-title { font-size: 1.25rem; font-weight: 800; color: var(--ls-navy); margin-bottom: 15px; }
.ls-case-line { width: 50px; height: 3px; background: var(--ls-primary); margin-bottom: 20px; }

@media (max-width: 992px) {
    .ls-hero-grid, .ls-content-layout { grid-template-columns: 1fr; }
    .ls-image-frame { max-width: 280px; }
    .ls-values-bar { flex-direction: column; gap: 20px; }
    .ls-practice-grid { grid-template-columns: 1fr; }
}

/* Tìm đoạn này trong file CSS của bạn */
.ls-entry-content.ls-bio-text { 
    font-size: 1.15rem; /* Tăng kích thước phông (mặc định thường là 1rem) */
    line-height: 1.8;    /* Tăng khoảng cách dòng để dễ đọc hơn */
    color: #334155;     /* Màu chữ xám đậm chuyên nghiệp */
}

/* Đảm bảo các đoạn văn bên trong cũng được áp dụng */
.ls-bio-text p {
    margin-bottom: 20px;
}