/*
Theme Name: Moto Tour
Theme URI: https://example.com/moto-tour
Author: [Your Agency]
Description: Giao diện trang chủ cho công ty tour mô tô Việt Nam. Thay ảnh tại Giao diện → Tùy biến → Ảnh trang chủ.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moto-tour
*/
body{margin:0;background:#ffffff}

a{color:#e85d04;text-decoration:none}
a:hover{color:#b84a03}

.wrap{max-width:1292px;margin:0 auto;padding:0 16px;box-sizing:border-box}

.h{font-family:'Plus Jakarta Sans','Segoe UI',sans-serif;font-weight:800;text-transform:uppercase;color:#141414;margin:0;line-height:1.12;letter-spacing:-.005em}

.ph{background-color:#4a5a46;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,rgba(255,255,255,0) 14px 28px);display:flex;align-items:center;justify-content:center}

.phl{font:600 11px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85);border:1px dashed rgba(255,255,255,.5);padding:7px 10px;border-radius:3px;text-align:center}

.ob{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ef6c1a;color:#ffffff;font:700 12px/1 'Plus Jakarta Sans',sans-serif;text-transform:uppercase;letter-spacing:.02em;padding:0 16px;min-height:44px;border:0;cursor:pointer;box-sizing:border-box}

.ob:hover{background:#d85a0c;color:#ffffff}

.ic{color:#ef6c1a;flex:none}

.rowi{display:flex;align-items:center;gap:6px;font-size:12px;color:#444}

.rowi b{color:#141414;font-weight:700}

.cell{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;font:700 12px 'Plus Jakarta Sans',sans-serif;text-transform:uppercase;color:#141414;border-right:1px solid #d9d9d9}

.cell:last-child{border-right:0}

@keyframes mq{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}

@keyframes spin{to{transform:rotate(360deg)}
}

.mq{display:inline-flex;white-space:nowrap;animation:mq 40s linear infinite}

.mq.fast{animation-duration:22s}

.spin{animation:spin 12s linear infinite}

.nl:hover{color:#ef6c1a !important}

.ob,.cell{transition:background .25s,color .25s}

.cell:hover{background:#ef6c1a;color:#ffffff}

@media (prefers-reduced-motion:reduce){.mq,.spin{animation:none}
}

.bg{background-size:cover;background-position:center;background-repeat:no-repeat}