/*
Theme Name: Sam Anh Luxury Blue
Theme URI: https://thesamanh.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Giao diện WordPress cao cấp tông xanh dương cho Công Ty TNHH Cung Ứng và Dịch Vụ Đa Ngành Sam Anh. Phù hợp cho dịch vụ cho thuê xe du lịch, xe đưa đón nhân viên và xe chở chuyên gia.
Version: 1.0
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: samanh-luxury-blue
*/
:root{
  --primary:#0b3c5d;
  --primary-2:#0e5a8a;
  --accent:#1e90ff;
  --dark:#071826;
  --light:#f5f9ff;
  --white:#ffffff;
  --text:#102235;
  --muted:#607286;
  --shadow:0 18px 50px rgba(7,24,38,.12);
  --radius:22px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 32px),var(--container));margin:0 auto}
.topbar{background:linear-gradient(90deg,var(--dark),var(--primary));color:#dceeff;font-size:14px}
.topbar .container{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.04)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:20px}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:62px;height:62px;object-fit:contain}
.brand-text strong{display:block;font-size:22px;color:var(--primary)}
.brand-text span{display:block;color:var(--muted);font-size:13px}
.main-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}
.main-nav a{font-weight:700;color:var(--primary);font-size:15px}
.main-nav a:hover{color:var(--accent)}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#03111d 0%, rgba(11,60,93,.92) 45%, rgba(30,144,255,.74) 100%), url('assets/images/z7735252629791_96f1babd3675159a24f6737be81ccbf6.jpg') center/cover no-repeat}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.15), transparent 30%), radial-gradient(circle at 80% 20%, rgba(255,255,255,.16), transparent 28%)}
.hero .container{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:90px 0 80px}
.kicker{display:inline-block;padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.08)}
.hero h1{font-size:54px;line-height:1.08;margin:18px 0 16px}
.hero p{font-size:18px;color:#eaf4ff;max-width:650px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-weight:700;transition:.25s ease;box-shadow:var(--shadow)}
.btn-primary{background:#fff;color:var(--primary)}
.btn-primary:hover{transform:translateY(-2px);background:#f0f7ff}
.btn-outline{border:1px solid rgba(255,255,255,.6);color:#fff;background:transparent}
.btn-outline:hover{background:rgba(255,255,255,.1)}
.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:22px;border-radius:var(--radius);backdrop-filter:blur(10px);box-shadow:var(--shadow)}
.hero-card .hero-preview{border-radius:18px;overflow:hidden;margin-bottom:18px}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.stat{background:rgba(255,255,255,.08);padding:18px;border-radius:18px;text-align:center;border:1px solid rgba(255,255,255,.12)}
.stat strong{display:block;font-size:28px}
.stat span{font-size:13px;color:#dfeeff}
section{padding:78px 0}
.section-title{max-width:750px;margin:0 auto 42px;text-align:center}
.section-title span{display:inline-block;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.section-title h2{font-size:38px;color:var(--primary);margin:10px 0 12px;line-height:1.15}
.section-title p{color:var(--muted);font-size:17px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);border:1px solid #edf3fa}
.card h3{margin:0 0 10px;color:var(--primary);font-size:22px}
.card p{margin:0;color:var(--muted)}
.badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#ebf5ff;color:var(--accent);font-weight:700;font-size:12px;margin-bottom:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.panel{background:linear-gradient(180deg,#fff,#f7fbff);padding:36px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #edf3fa}
.checks{list-style:none;padding:0;margin:20px 0 0}
.checks li{padding:10px 0 10px 30px;position:relative;border-bottom:1px dashed #d8e4f0}
.checks li:before{content:'✓';position:absolute;left:0;top:10px;color:var(--accent);font-weight:700}
.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fleet-item{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #edf3fa}
.fleet-item img{height:220px;width:100%;object-fit:cover}
.fleet-item .content{padding:18px}
.fleet-item h3{margin:0 0 8px;color:var(--primary);font-size:20px}
.fleet-item p{margin:0;color:var(--muted);font-size:14px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery a{border-radius:18px;overflow:hidden;display:block;box-shadow:var(--shadow);position:relative}
.gallery img{height:220px;width:100%;object-fit:cover;transition:transform .35s ease}
.gallery a:hover img{transform:scale(1.06)}
.cta{background:linear-gradient(135deg,#071826,#0e5a8a 60%,#3aabff);color:#fff}
.cta-box{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.contact-card{background:#fff;color:var(--text);padding:28px;border-radius:24px;box-shadow:var(--shadow)}
.contact-list{list-style:none;padding:0;margin:18px 0 0}
.contact-list li{padding:8px 0;border-bottom:1px solid #ebf2fa}
.site-footer{background:#071826;color:#e0ecf8;padding:24px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}
.footer-grid h4{margin-top:0;color:#fff}
.footer-grid p,.footer-grid li,.footer-grid a{color:#c4d8ec;font-size:15px}
.footer-grid ul{list-style:none;padding:0;margin:0}
.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:16px;margin-top:18px;color:#98b6d5;font-size:14px}
.floating-contact{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:12px;z-index:1200}
.float-btn{padding:14px 18px;border-radius:999px;color:#fff;font-weight:700;box-shadow:0 18px 35px rgba(0,0,0,.18)}
.float-call{background:#e63946}
.float-zalo{background:#0068ff}
.page-hero{background:linear-gradient(135deg,#071826,#0e5a8a);color:#fff;padding:60px 0}
.page-hero h1{margin:0;font-size:42px}
.page-content{padding:60px 0}
.entry-content p,.entry-content li{font-size:17px;color:var(--text)}
@media (max-width: 1024px){
  .hero .container,.split,.cta-box,.footer-grid{grid-template-columns:1fr}
  .cards,.fleet-grid,.gallery{grid-template-columns:repeat(2,1fr)}
  .hero h1{font-size:44px}
}
@media (max-width: 768px){
  .main-nav{display:none}
  .hero .container{padding:70px 0 60px}
  .hero h1{font-size:36px}
  .section-title h2{font-size:30px}
  .cards,.fleet-grid,.gallery,.hero-stats{grid-template-columns:1fr}
  .brand-text strong{font-size:18px}
  .brand img{width:52px;height:52px}
  .float-btn{padding:12px 16px;font-size:14px}
}