/*
 Theme Name: Kadence Child - TWE Style (v3.3)
 Template: kadence
 Version: 1.2.3
 Description: TWE-style header + Product Specs (VN) with light brown background and stronger typography. Cart disabled. Icons size-safe.
 Author: ChatGPT
*/

/* ===== Base containers ===== */
.site-header { border-bottom:1px solid #e6e6e6; }
.site-header .site-container { max-width:1240px; margin:0 auto; padding:0 16px; }
.page-title, .page-title-section, .entry-hero, .entry-hero-container, .page-hero-section, .archive .entry-hero, .page-header { display:none !important; }

/* ===== TWE-like top bar ===== */
.site-header .site-top-header-wrap{ background:#2b0f1f; color:#f4ede8; border:0; }
.site-header .site-top-header-wrap a{ color:#f4ede8; text-decoration:none; }
.twe-logo-title{ display:flex; align-items:center; gap:10px; }
.twe-logo-title .twe-logo{ width:36px; height:36px; border-radius:4px; background:#f4ede8; color:#2b0f1f; display:flex; align-items:center; justify-content:center; font-weight:800; }
.twe-logo-title .twe-sitename{ font-weight:700; letter-spacing:.03em; color:#f4ede8; font-size:18px; text-transform:uppercase; }

/* Search */
.twe-search{ position:relative; display:flex; align-items:center; width:100%; max-width:860px; height:46px;
  background:#fff; border:1px solid #cfc5c0; border-radius:6px; padding:0 12px 0 14px; box-shadow:0 1px 0 rgba(0,0,0,.03); }
.twe-search .search-field{ flex:1; height:100%; border:none; background:transparent; outline:none; font-size:15px; }
.twe-search .search-submit{ border:0; background:transparent; cursor:pointer; padding:0 2px; height:100%; }
.twe-search .dashicons{ font-size:18px; line-height:1; color:#6b5a55; }
.twe-search .search-field::placeholder{ color:#a69893; }
@media (max-width:1024px){ .twe-search{ max-width:100%; height:42px; } }

/* Right icon bar */
.twe-iconbar{ display:flex; gap:18px; align-items:center; }
.twe-iconbar a{ display:flex; align-items:center; gap:6px; color:#f4ede8; font-size:14px; opacity:.95; }
.twe-iconbar svg, .twe-flag{ width:20px; height:20px; display:inline-block; }
.twe-flag{ border-radius:2px; background:#c62828; }

/* Lower nav */
.site-main-header-wrap{ background:#fff; }
.primary-navigation .menu > li > a{ text-transform:uppercase; letter-spacing:.04em; font-weight:600; padding-top:14px; padding-bottom:14px; color:#1e1e1e; }
.primary-navigation .menu > li:hover > a, .primary-navigation .menu > li.current-menu-item > a{ color:#8B5E34; }
.primary-navigation .menu > li.menu-item-offers > a{ color:#e06c00; font-weight:700; }
.primary-navigation .menu > li.menu-item-inspiration > a{ background:#0c6b2a; color:#fff; padding:8px 14px; border-radius:4px; }

/* ===== Archive cards ===== */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .prod-meta{ text-align:center; }
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:#c62828 !important; font-size:20px; font-weight:700; line-height:1.2; }
.woocommerce ul.products li.product .price{ margin-top:8px; }
.woocommerce ul.products li.product .prod-meta{ font-size:12px; opacity:.85; margin-top:6px; margin-bottom:2px; }
.woocommerce ul.products li.product .price del{ opacity:.55; }

/* ===== Single product price ===== */
.woocommerce div.product p.price, .woocommerce div.product span.price{ font-size:26px; font-weight:800; color:#c62828 !important; margin-bottom:8px; }

/* ===== Product Specs (VN) – stronger typography + light brown background ===== */
.product-specs{
  margin-top:16px;
  background:#f6f1ec;           /* light brown/cream */
  border:1px solid #e7ddd4;
  border-radius:12px;
  padding:16px 18px;
}
.product-specs .ps-title{ font-size:18px; font-weight:800; color:#5c3d2e; margin:0 0 12px; }

.ps-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 24px; }
@media (max-width:1024px){ .ps-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .ps-grid{ grid-template-columns:1fr; } }

.ps-item{ display:flex; align-items:flex-start; gap:12px; }
.ps-ico{ width:22px; height:22px; color:#8B5E34; line-height:0; margin-top:1px; flex:0 0 22px; }
.product-specs .ps-ico svg{ width:22px !important; height:22px !important; display:block; max-width:none !important; max-height:none !important; }

.ps-text .ps-label{ font-size:13px; color:#6a5244; font-weight:600; letter-spacing:.02em; }
.ps-text .ps-value{ font-size:16px; font-weight:800; color:#2e2a27; line-height:1.35; }

/* Misc */
.header-cart-link, .kadence-menu-cart, .elementor-menu-cart__toggle{ display:none !important; }
/* Floating Call & Zalo */
.ws-fab{ position:fixed; right:16px; bottom:16px; display:flex; flex-direction:column; gap:12px; z-index:9999; }
.ws-fab .fab-item{ width:56px; height:56px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background:#d32f2f; color:#fff; box-shadow:0 10px 20px rgba(0,0,0,.18); text-decoration:none; }
.ws-fab .fab-item svg{ width:26px; height:26px; display:block; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* Dùng icon Zalo PNG như bạn muốn */
.ws-fab .fab-zalo{ background:transparent; box-shadow:none; }
.ws-fab .fab-zalo svg{ display:none; }
.ws-fab .fab-zalo::before{
  content:""; width:56px; height:56px; display:block;
  background:url('https://japanfood24h.com/wp-content/uploads/2025/08/zalo.webp') center/cover no-repeat; /* đổi thành URL ảnh Zalo trong Media */
  border-radius:14px;
}

/* Tuỳ chọn: đẩy cao lên nếu bị đè */
@media (min-width:768px){ .ws-fab{ bottom:80px; } }