/* Theme Pro - Phuket A Car (light, clean, professional, modern) */

/* Base */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;600;700&display=swap');
body{font-family:'Noto Sans Thai', Tahoma, sans-serif;color:#1a1a1a;background:#ffffff;letter-spacing:.1px}
.sp-cont{padding-left:15px;padding-right:15px}

/* Header */
.site-header{border-bottom:1px solid #eef1f5;background:#ffffff}
.site-logo h1{margin:12px 0}
.site-tagline{display:block;color:#6b7280;font-size:12px}

/* Navbar */
.navbar{border:none;border-radius:0;margin-bottom:15px}
.navbar-default{background:rgba(255,255,255,.98);border-bottom:1px solid #eef1f5;position:sticky;top:0;z-index:1000;backdrop-filter:saturate(180%) blur(6px)}
.navbar-default .navbar-nav>li>a{color:#111;font-weight:600;transition:color .2s ease}
.navbar-default .navbar-nav>li>a:hover{color:#0d6efd}
.navbar-toggle .icon-bar{background:#333}

/* Buttons */
.btn{border-radius:8px}
.btn-primary{background:#0d6efd;border-color:#0d6efd}
.btn-primary:hover{background:#0b5ed7;border-color:#0b5ed7}
.btn-default{background:#fff;border-color:#e5e7eb;color:#111}
.btn-default:hover{background:#f8fafc}
.btn-success{background:#16a34a;border-color:#16a34a}
.btn-success:hover{background:#15803d;border-color:#15803d}

/* Cards / Result items */
.result-item,.result-item2{border:1px solid #eef1f5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(17,24,39,.06);margin-bottom:20px;transition:transform .18s ease, box-shadow .18s ease}
.result-item:hover,.result-item2:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(17,24,39,.10)}
.result-item-in,.result-item2 .result-item-in{padding:12px}
.result-item-title a{color:#0f172a}
.result-item-title a:hover{color:#1e88e5;text-decoration:none}

/* Hero */
.hero-area{background:linear-gradient(180deg,#f8fafc 0,#ffffff 100%)}

/* Product (vehicle details) */
.single-vehicle-details .post-title{font-size:22px;font-weight:700;color:#111}
.seller-contact-widget .btn{display:inline-block}
.seller-contact-widget .btn + .btn{margin-left:6px}
.page-header.parallax{background-size:cover;background-position:center}

/* Footer minor */
#back-to-top{background:#0d6efd;color:#fff;border-radius:8px}

/* Floating contacts icons font size alignment tweak */
.floating-contacts .fab i{font-size:18px;vertical-align:middle}

/* Promo banner modern overlay */
.promo-modern{position:relative;border-radius:12px;overflow:hidden}
.promo-modern .overlay{position:absolute;inset:0;background:linear-gradient( to right, rgba(2,6,23,.75), rgba(2,6,23,.25) );}
.promo-modern .content{position:relative;padding:20px;color:#fff}