/*
Theme Name: Taxi 7 Chỗ
Theme URI: https://nendidau.com/
Author: Quốc Bảo SPE
Description: Theme WordPress cho dịch vụ Taxi 7 Chỗ.
Version: 1.0
Text Domain: taxi
*/

    body {
      font-family: Arial, sans-serif;
      margin: 0;
      background: #fff;
      color: #d60000;
    }

/* ================= HEADER ================= */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  z-index: 1000;
}

/* Navigation */
.site-nav {
  padding: 10px 0;
}
.nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.nav-item {
  display: inline-block;
}
.nav-link {
      text-decoration: none;
      color: #d60000;
      font-weight: 600;
}
.nav-link:hover {
      color: #007bff;
}

    /* Menu desktop */
    header nav {
      display: flex;
      gap: 25px;
    }
    header nav a {

    }
    header nav a:hover {

    }
.btn-call {
      background: #ffd700;
      color: #d60000;
      padding: 10px 20px;
      border-radius: 25px;
      font-weight: bold;
      text-decoration: none;
    }




header .logo {
  font-weight: bold;
  color: #d60000;
}

/* Menu desktop */
header nav {
  display: flex;
  gap: 25px;
}
header nav a {
  text-decoration: none;
  color: #d60000;
  font-weight: 600;
}
header nav a:hover {
  color: #007bff;
}

/* Nút gọi trên header */
header .btn-call {
  background: #ffd700;
  color: #d60000;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: bold;
  text-decoration: none;
}

/* Nút menu mobile */
.hamburger {
  display: none;
  font-size: 26px;
  cursor: pointer;
  color: #d60000;
}

/* ================= MOBILE MENU ================= */
.mobile-nav {
  display: flex;
  flex-direction: column;
  background: #fff;
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  z-index: 999;
}
.mobile-nav.open {
  max-height: 400px;
}
.mobile-nav a {
  padding: 15px;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #d60000;
  font-weight: bold;
}

@media (max-width: 768px) {
  header nav, header .btn-call { display: none; }
  .hamburger { display: block; }
}

/* ================= HERO ================= */
.hero {
  text-align: center;
  padding: 150px 20px 100px;
}
.hero h1 {
  font-size: 40px;
  line-height: 1.3;
  color: #d60000;
  margin-bottom: 20px;
}
.hero p {
  font-size: 16px;
  color: #d60000;
  margin-bottom: 30px;
}
.hero .btn-primary {
  display: inline-block;
  background: #d60000;
  color: #fff;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}

/* ================= FLOATING BUTTONS ================= */
.hotline-contact {
  position: fixed;
  right: 20px;
  bottom: 100px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 9999;
}
.hotline-contact a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #1cb2ed;
  padding: 10px;
  box-shadow: 0 0 0 0 rgba(28,178,237,0.7);
  animation: devvn_zoom 1.5s infinite linear;
}
.hotline-contact a img {
  width: 28px;
  height: 28px;
  animation: calltrap_spin 3s infinite linear;
}
/* Màu riêng cho từng nút */
.call { background: #28a745; }
.zalo { background: #1cb2ed; }
.facebook { background: #1877f2; }

@keyframes devvn_zoom {
  70% { box-shadow: 0 0 0 15px transparent; }
  100% { box-shadow: 0 0 0 0 transparent; }
}
@keyframes calltrap_spin {
  0%,30% { transform: rotate(0deg); }
  33% { transform: rotate(-10deg); }
  36% { transform: rotate(10deg); }
  39% { transform: rotate(-10deg); }
  42% { transform: rotate(10deg); }
  45% { transform: rotate(-10deg); }
  48% { transform: rotate(10deg); }
  51% { transform: rotate(-10deg); }
  54% { transform: rotate(10deg); }
  57% { transform: rotate(0deg); }
}

/* ================= XE CHẠY NGANG ================= */
.car-box {
  text-align: center;
}
.car-img {
  max-width: 100%;
  z-index: 2;
}
@keyframes pulseAnim {
  0% { transform: translateX(-50%) scale(0.8); opacity: 0.6; }
  50% { transform: translateX(-50%) scale(1.1); opacity: 0.3; }
  100% { transform: translateX(-50%) scale(0.8); opacity: 0.6; }
}

/* Footer */
.site-footer {
  background: #eee;
  text-align: center;
  padding: 20px;
  font-size: 14px;
  color: #444;
}
/* CHUNG */
html,body{border:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p,blockquote,address,big,cite,code,em,font,img,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td{border:none;font-size:inherit;line-height:inherit;margin:0;text-align:inherit}
body{background:#fff;box-sizing:border-box;color:#333;font-family:Verdana,Geneva,serif,sans-serif;font-size:1rem;letter-spacing:-.015em;text-align:left}
body .content-box,body .home-post{text-align:justify;line-height:2rem}
*,::before,::after{box-sizing:inherit;-webkit-font-smoothing:antialiased;word-wrap:break-word}
h1,h2,h3,h4,h5,h6{font-feature-settings:serif;font-variant-numeric:serif;font-weight:700;line-height:1.5}
p{line-height:1.5}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;color: var(--link_color);}
sup{top:-.5em}
sub{bottom:-.25em}
:root{--main_background:#fff;--header_background:#00842b;--text_color:#333;--hover_color:red;--boder_color:#83d648;--hot_color:red;--hover_color:red;--link_color:#1976d2}
a{color:var(--link_color)}
header,footer{background:#fff}
.header{padding-top:15px}
.chinh{margin:0 auto;width:100%;position:relative;min-height:100%}
#content-main{min-height:800px;margin-top:15px}
#content-main:before{display:table;content:" "}
#content-main:after{clear:both;display:table;content:" "}
#content-main img{max-width:100%}
.khung{display:block}
.khung:after,.khung:before{display:table;content:" "}
.khung:after{clear:both}
.pc,.pc-1,.pc-2,.pc-3,.pc-4,.pc-70,.pc-30,.pc-40,.pc-60{float:left}
.pc-1{width:100%}
.pc-2{width:50%}
.pc-3{width:33%}
.pc-4{width:25%}
.pc-70{width:70%}
.pc-30{width:30%}
.pc-40{width:40%}
.pc-60{width:60%}
.content-box{background:var(--main_background);margin:5px;padding:15px;border-radius:5px;overflow:hidden}
.content-box p,.home-post p{margin-bottom:15px}
.content-box>div>h1{margin-bottom:20px}
.content-box>div>h1 a{color:var(--link_color);text-transform:uppercase}
#content-main>div>h1{color:var(--link_color);text-transform:uppercase}
#content-main>div>div>h2{color:var(--link_color);text-transform:uppercase;padding:10px}
.content-box table{overflow:auto;display:block}
.content-box>div.table-1{position:relative;overflow:auto}
@media (max-width: 768px) {
body{font-size:.8rem}
#content-main{min-height:unset;z-index:9}
#content-main{padding:0;margin-top:0}
.content-box{padding:10px}
.chinh{padding:5px}
.mb,.mb-1,.mb-2,.mb-3{float:left}
.mb-1{width:100%}
.mb-2{width:50%}
.mb-3{width:33%}
.mb-4{width:25%}
}
@media (max-width:390px) {
ul{padding-inline-start:15px}
}
@media (max-width:320px) {

}
@media (min-width:768px) {
.chinh{width:750px}
}
@media (min-width:992px) {
.chinh{width:970px}
}
@media (min-width:1200px) {
.chinh{width:1170px}
}