/*
Theme Name: Thuê Xe Điện Đà Lạt - Tailwind
Theme URI: https://thuexediendalat.com/
Author: Thuê Xe Điện Đà Lạt
Description: Theme WordPress cho thuê xe điện VinFast tại Đà Lạt. Tailwind CSS + SEO.
Version: 2.0.0
Text Domain: thuexediendalat
*/
@keyframes pulse-ring { 0% { transform: scale(0.85); opacity: 0.8; } 70% { transform: scale(1.35); opacity: 0; } 100% { transform: scale(1.35); opacity: 0; } }
.pulse-btn { position: relative; }
.pulse-btn::before { content: ''; position: absolute; inset: 0; border-radius: 9999px; background: inherit; z-index: -1; animation: pulse-ring 2s infinite; }
.pine-hero-bg { background-image: linear-gradient(135deg, rgba(6,78,59,0.92) 0%, rgba(11,34,71,0.85) 100%), url('https://images.unsplash.com/photo-1509316975850-ff9c5deb0cd9?auto=format&fit=crop&w=1920&q=80'); background-size: cover; background-position: center; }
.glass-card { background: rgba(255,255,255,0.95); backdrop-filter: blur(12px); }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.entry-content table, .vehicle-description table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; background: #fff; }
.entry-content th, .entry-content td, .vehicle-description th, .vehicle-description td { border: 1px solid #e0e0e0; padding: 12px 15px; text-align: left; }
.entry-content th, .vehicle-description th { background: #059669; color: #fff; font-weight: 600; }
.entry-content tr:nth-child(even), .vehicle-description tr:nth-child(even) { background: #f9f9f9; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #10b981; border-radius: 5px; }
.vehicle-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; }
@media (max-width: 992px) { .vehicle-layout { grid-template-columns: 1fr !important; } }
.alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute !important; }
/* ===== TYPOGRAPHY CHO NỘI DUNG BÀI VIẾT ===== */
.entry-content { font-size: 1.0625rem; line-height: 1.85; color: #334155; }
.entry-content p { margin-bottom: 1.1rem; }
.entry-content > p:first-of-type { font-size: 1.125rem; color: #475569; }

.entry-content h1 { font-size: 2.25rem; font-weight: 800; color: #0f172a; margin: 1rem 0 1.25rem; line-height: 1.25; }
.entry-content h2 {
    font-size: 1.6rem; font-weight: 800; color: #0f172a;
    margin: 2.4rem 0 1.1rem; line-height: 1.35;
    padding-left: .8rem; border-left: 5px solid #10b981;
}
.entry-content h3 { font-size: 1.25rem; font-weight: 700; color: #1e293b; margin: 1.8rem 0 .7rem; }
.entry-content h4 { font-size: 1.1rem; font-weight: 700; color: #1e293b; margin: 1.4rem 0 .5rem; }

/* Danh sách unordered: icon check xanh thay bullet */
.entry-content ul { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.entry-content ul li { position: relative; padding-left: 1.9rem; margin-bottom: .65rem; }
.entry-content ul li::before {
    content: '\f058'; font-family: 'Font Awesome 6 Free'; font-weight: 900;
    color: #10b981; position: absolute; left: 0; top: .2rem; font-size: 1.05rem;
}
.entry-content ul li ul { margin: .6rem 0 0; }

/* Danh sách ordered: số thứ tự trong ô vuông xanh */
.entry-content ol { list-style: none; counter-reset: step; margin: 0 0 1.5rem; padding: 0; }
.entry-content ol li { position: relative; padding-left: 2.75rem; margin-bottom: .9rem; counter-increment: step; }
.entry-content ol li::before {
    content: counter(step); position: absolute; left: 0; top: .1rem;
    width: 1.8rem; height: 1.8rem; border-radius: .6rem;
    background: linear-gradient(135deg, #059669, #0f766e); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: .9rem;
}

.entry-content a { color: #059669; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:hover { color: #047857; }
.entry-content strong { color: #0f172a; font-weight: 700; }
.entry-content em { color: #475569; }

.entry-content blockquote {
    border-left: 5px solid #f59e0b; background: #fffbeb;
    padding: 1.1rem 1.4rem; border-radius: 0 .9rem .9rem 0;
    margin: 1.6rem 0; font-style: italic; color: #78350f;
}

.entry-content img { border-radius: 1.1rem; margin: 1.6rem 0; box-shadow: 0 10px 30px rgba(2,6,23,.08); }
.entry-content hr { border: 0; height: 1px; background: #e2e8f0; margin: 2.2rem 0; }

/* Hộp CTA trong bài (class .cta-box) */
.entry-content .cta-box {
    background: linear-gradient(135deg, #059669, #0f766e);
    color: #fff; padding: 1.6rem 2rem; border-radius: 1.25rem;
    text-align: center; margin: 2.6rem 0; box-shadow: 0 12px 30px rgba(5,150,105,.25);
}
.entry-content .cta-box p { margin: 0; }
.entry-content .cta-box a { color: #fff; font-weight: 800; }

/* Hộp ghi chú mẹo (class .tip-box) - tùy chọn */
.entry-content .tip-box {
    background: #fffbeb; border: 1px solid #fde68a; color: #92400e;
    padding: 1.1rem 1.4rem; border-radius: .9rem; margin: 1.6rem 0; font-size: .98rem;
}