/*
Theme Name: Biên Hòa Water
Theme URI: https://nuocuongbienhoa.com/
Author: DonaWeb
Description: Theme giao nước uống tận nhà Biên Hòa tối ưu SEO Local, UX/UI và tốc độ.
Version: 2.1.0
Requires PHP: 7.4
Text Domain: nuocuongbienhoa
*/
:root{--blue:#0768ff;--blue2:#00a6ff;--dark:#073b8f;--ink:#0f172a;--text:#334155;--muted:#64748b;--line:#e6edf5;--bg:#f7fbff;--white:#fff;--radius:20px;--shadow:0 18px 50px rgba(15,23,42,.08);--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7;background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:var(--blue)}button,input,textarea,select{font:inherit}.container{width:min(var(--container),calc(100% - 32px));margin:auto}.section{padding:72px 0}.section-soft{background:var(--bg)}.section-head{text-align:center;max-width:820px;margin:0 auto 32px}.kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#e8f3ff;color:var(--dark);font-size:.75rem;font-weight:800;text-transform:uppercase}.section-head h2{font-size:36px;line-height:1.18;letter-spacing:-.035em;margin:10px 0}.section-head p{margin:0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:13px;border:1px solid transparent;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 10px 25px rgba(7,104,255,.2)}.btn-outline{background:#fff;color:var(--dark);border-color:#cfe2ff}
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.site-logo{display:flex;align-items:center;gap:10px}.site-logo img{max-height:50px;width:auto}.site-logo-fallback{font-weight:900;font-size:1.12rem;color:var(--ink)}.site-logo-fallback span{color:var(--blue)}.primary-nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0}.primary-nav a{color:#1e293b;font-weight:700;font-size:.93rem}.header-actions{display:flex;gap:10px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hero-slider{position:relative;overflow:hidden;background:#eaf5ff}.hero-track{display:flex;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.hero-slide{position:relative;min-width:100%;aspect-ratio:1920/600;overflow:hidden}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,23,53,.62),rgba(5,23,53,.18) 55%,rgba(5,23,53,.05))}.hero-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#dff2ff,#eef9ff)}.hero-content{position:absolute;z-index:3;left:max(24px,calc((100% - var(--container))/2));top:50%;transform:translateY(-50%);width:min(650px,48%);color:#fff}.hero-content h1,.hero-content h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.08;letter-spacing:-.045em;margin:10px 0 14px}.hero-content p{font-size:1.03rem;color:#eff6ff;margin:0 0 22px}.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(0,0,0,.22);color:#fff;cursor:pointer}.slider-prev{left:18px}.slider-next{right:18px}.hero-dots{position:absolute;z-index:6;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hero-dot{width:9px;height:9px;border:0;border-radius:99px;background:rgba(255,255,255,.6);padding:0}.hero-dot.is-active{width:28px;background:#fff}
.brand-wrap,.testimonial-shell{overflow:hidden}.brand-track,.testimonial-track{display:flex;transition:transform .45s ease}.brand-track{gap:16px}.brand-item{flex:0 0 calc((100% - 80px)/6);min-height:106px;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;place-items:center;padding:18px}.brand-item img{max-width:100%;max-height:65px;object-fit:contain}.slider-controls{display:flex;justify-content:center;gap:8px;margin-top:20px}.control-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer}
.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card,.post-card{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:.2s}.product-card:hover,.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-thumb{aspect-ratio:1/1;background:#fff;padding:16px;display:grid;place-items:center;border-bottom:1px solid var(--line)}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-card-body,.post-body{padding:18px}.product-brand,.post-meta{font-size:.78rem;color:var(--muted);font-weight:700;margin-bottom:5px}.product-card h3,.post-card h3{font-size:1rem;line-height:1.45;margin:0 0 8px}.product-card h3 a,.post-card h3 a{color:var(--ink)}.product-price{color:var(--blue);font-size:1.08rem;font-weight:900;margin:8px 0}.product-desc,.post-card p{font-size:.9rem;color:var(--muted);margin:0 0 14px}.product-card .btn{width:100%}
.adv-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.adv-icon{width:54px;height:54px;border-radius:17px;background:#e8f3ff;color:var(--blue);display:grid;place-items:center;font-size:1.3rem;margin-bottom:16px}.adv-card h3{font-size:1.05rem;margin:0 0 7px}.adv-card p{margin:0;color:var(--muted);font-size:.92rem}
.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-thumb{background:#eef6ff;overflow:hidden}.post-thumb img{width:100%;object-fit:cover}
.testimonial-slide{min-width:33.3333%;padding:8px}.testimonial-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.rating{color:#f59e0b;display:flex;gap:3px;margin-bottom:12px}.testimonial-card blockquote{margin:0 0 18px;color:var(--text);font-size:.95rem}.customer{display:flex;align-items:center;gap:12px}.customer-avatar{width:46px;height:46px;border-radius:50%;background:#e8f3ff;display:grid;place-items:center;color:var(--blue);overflow:hidden}.customer-avatar img{width:100%;height:100%;object-fit:cover}.customer strong{display:block}.customer small{color:var(--muted)}
.faq-list{max-width:900px;margin:auto;display:grid;gap:11px}.faq-item{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.faq-q{width:100%;padding:18px 20px;border:0;background:#fff;display:flex;justify-content:space-between;gap:20px;text-align:left;font-weight:800;cursor:pointer}.faq-a{display:none;padding:0 20px 18px;color:var(--muted)}.faq-item.is-open .faq-a{display:block}
.breadcrumb-wrap{background:#f8fbff;border-bottom:1px solid var(--line)}.breadcrumb{padding:13px 0;font-size:.87rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}.breadcrumb a{color:#334155}.sep{opacity:.45}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;padding:50px 0 72px}.content-layout.no-sidebar{grid-template-columns:1fr}.entry-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,44px)}.entry-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.04em}.entry-meta{color:var(--muted);font-size:.86rem}.entry-content h2{font-size:1.6rem}.entry-content img{border-radius:15px}.sidebar-card{position:sticky;top:96px;background:#f7fbff;border:1px solid var(--line);border-radius:18px;padding:20px}
.product-single-top{padding:52px 0;background:#f7fbff}.product-single-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center}.product-gallery{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;max-width:520px}.product-gallery img{width:100%;aspect-ratio:1/1;object-fit:contain}.product-info h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;letter-spacing:-.045em}.product-lead{color:var(--muted)}.product-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.product-fact{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.product-fact span{display:block;font-size:.8rem;color:var(--muted)}.product-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-benefit{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px}.product-benefit i{font-size:1.35rem;color:var(--blue)}.archive-hero{padding:48px 0 18px}.archive-hero h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.pagination{display:flex;justify-content:center;gap:7px;padding:40px 0}.page-numbers{min-width:40px;height:40px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}.page-numbers.current{background:var(--blue);color:#fff}
.site-footer{background:#07142d;color:#d7e4f5}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .8fr;gap:40px;padding:54px 0}.site-footer h3{color:#fff}.site-footer a{color:#d7e4f5}.footer-list{list-style:none;padding:0;display:grid;gap:9px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:17px 0;color:#9fb3ce;font-size:.85rem}.float-contact{position:fixed;right:16px;bottom:16px;z-index:70;display:grid;gap:9px}.float-contact a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 28px rgba(15,23,42,.2)}.float-call{background:#16a34a}.float-zalo{background:#0768ff}.float-messenger{background:#7c3aed}
@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.brand-item{flex-basis:calc((100% - 48px)/4)}.content-layout{grid-template-columns:1fr}.sidebar-card{position:static}.testimonial-slide{min-width:50%}.product-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.header-actions .btn{display:none}.menu-toggle{display:grid;place-items:center}.primary-nav{display:none;position:absolute;left:16px;right:16px;top:76px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.primary-nav.is-open{display:block}.primary-nav ul{display:grid;gap:2px}.primary-nav a{display:block;padding:9px 8px}.hero-slide{aspect-ratio:16/8}.hero-content{left:28px;width:70%}.posts-grid{grid-template-columns:repeat(2,1fr)}.product-single-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}
	.header-actions{display:none}      /* thêm dòng này */
  .menu-toggle{
    display:flex;
    margin-left:auto;                /* thêm dòng này — ép icon dán sát phải */
  }
}
@media(max-width:580px){.container{width:min(100% - 24px,var(--container))}.section{padding:54px 0}.header-inner{min-height:68px}.primary-nav{top:68px}.hero-slide{aspect-ratio:4/3}.hero-content{left:20px;right:20px;width:auto}.hero-content h1,.hero-content h2{font-size:2rem}.slider-arrow{display:none}.brand-item{flex-basis:calc((100% - 16px)/2)}.grid-4,.posts-grid,.footer-grid{grid-template-columns:1fr}.testimonial-slide{min-width:100%}.product-benefits,.product-facts{grid-template-columns:1fr}}

/* v2.1 - Font Awesome robust fallback ------------------------------------ */
/*
 * Theme vẫn ưu tiên Font Awesome. Nếu font/CDN không tải được, JS sẽ chuyển
 * các thẻ <i class="fa-..."> sang Dashicons (có sẵn trong WordPress).
 */
.fa-dashicon-fallback{
  font-family:dashicons!important;
  font-style:normal!important;
  font-weight:400!important;
  speak:never;
  display:inline-block;
  width:auto;
  height:auto;
  line-height:1;
  vertical-align:middle;
}
.adv-icon .fa-dashicon-fallback,
.product-benefit .fa-dashicon-fallback{
  font-size:1.3rem;
  color:var(--blue);
}
.btn .fa-dashicon-fallback,
.kicker .fa-dashicon-fallback,
.breadcrumb .fa-dashicon-fallback,
.float-contact .fa-dashicon-fallback,
.rating .fa-dashicon-fallback{
  font-size:1em;
}
.rating .fa-dashicon-fallback{color:#f59e0b}
/* FIX ICON MENU MOBILE - CENTER PERFECT */
@media (max-width: 820px) {
  .menu-toggle {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    padding: 0;
    margin: 0;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    line-height: 1 !important;
    text-align: center;
    vertical-align: middle;
  }

  .menu-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  min-width:46px;
  min-height:46px;
  padding:0;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  color:var(--ink);
  cursor:pointer;
}
.menu-toggle-icon{
  display:block;
  flex-shrink:0;
}
}