/* ==========================================================================
   Tuỳ biến WooCommerce theo nhận diện Linh Dược Trường Sơn
   (biến màu khai báo lại ở :root để dùng được cả trên trang giỏ hàng/thanh toán)
   ========================================================================== */
:root{
  --wine-900:#3F060B; --wine-800:#5E0A11; --wine-700:#7A1119; --wine-600:#8C0F1A;
  --gold-600:#A8861D; --gold:#C9A227; --gold-300:#E8CF6B; --gold-100:#F5E9C2;
  --jade:#1F6B4A; --jade-200:#DCEDE3;
  --cream:#FBF7EF; --cream-2:#F5EEE0; --paper:#fff;
  --ink:#241C1A; --muted:#7A716A; --line:#EADFCB;
  --ff-display:'Playfair Display',Georgia,serif;
  --ff:'Be Vietnam Pro',system-ui,'Segoe UI',Arial,sans-serif;
}
body{font-family:var(--ff);color:#4A423D;background:var(--cream)}
.woocommerce h1,.woocommerce h2,.woocommerce h3,
.woocommerce-page h1,.woocommerce-page h2{font-family:var(--ff-display);color:var(--wine-900)}

/* ---------- giỏ hàng trên header ---------- */
.cart-link{position:relative;font-size:1.25rem;line-height:1;text-decoration:none;display:inline-flex;align-items:center}
.cart-link .cart-count{position:absolute;top:-8px;right:-10px;min-width:19px;height:19px;padding:0 5px;
  border-radius:999px;background:var(--wine-700);color:#fff;font-size:.68rem;font-weight:800;
  display:grid;place-items:center;font-family:var(--ff)}

/* ---------- lưới sản phẩm ---------- */
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:16px;
  overflow:hidden;padding:0 0 1.1rem;transition:.25s;text-align:left}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:0 18px 45px -22px rgba(63,6,11,.45)}
.woocommerce ul.products li.product a img{margin:0 0 .9rem;background:linear-gradient(160deg,#fff,var(--cream-2));
  aspect-ratio:1/1;object-fit:contain;padding:1rem}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--ff);font-size:1rem !important;
  font-weight:700;color:var(--wine-900);padding:0 1.2rem;line-height:1.45}
.woocommerce ul.products li.product .price{padding:0 1.2rem;color:var(--wine-700);font-family:var(--ff-display);font-size:1.15rem;font-weight:700}
.woocommerce ul.products li.product .price del{color:var(--muted);font-size:.85rem;font-weight:400}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{margin:.9rem 1.2rem 0;display:inline-flex}
.woocommerce ul.products li.product .onsale{background:var(--gold);color:#40300A;font-weight:800;border-radius:999px;
  padding:.15rem .8rem;min-height:0;min-width:0;line-height:1.7;top:.8rem;right:.8rem;left:auto;margin:0}
.ldts-lien-he{color:var(--wine-700);font-weight:700;font-size:1rem}

/* ---------- nút ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--wine-700);color:#fff;border-radius:999px;font-weight:700;font-family:var(--ff);
  padding:.7rem 1.4rem;font-size:.92rem;transition:.22s;border:0}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:var(--wine-800);color:#fff;transform:translateY(-2px)}
.woocommerce button.button.alt.single_add_to_cart_button{
  background:linear-gradient(135deg,var(--gold-300),var(--gold));color:#40300A;padding:.9rem 2rem;font-size:1rem}
.woocommerce .quantity .qty{border:1px solid var(--line);border-radius:10px;padding:.55rem;background:#fff}

/* ---------- trang chi tiết sản phẩm ---------- */
.woocommerce div.product .product_title{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:.6rem}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--wine-700);
  font-family:var(--ff-display);font-size:1.8rem;font-weight:700}
.woocommerce div.product p.price del{font-size:1rem;color:var(--muted)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--cream-2);border-color:var(--line);border-radius:10px 10px 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff;border-bottom-color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-weight:700;color:var(--wine-900)}
.woocommerce div.product .woocommerce-tabs .panel{background:#fff;border:1px solid var(--line);border-top:0;
  border-radius:0 0 16px 16px;padding:1.6rem}
.woocommerce .woocommerce-breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:1.4rem}
.woocommerce .woocommerce-breadcrumb a{color:var(--wine-700)}
.woocommerce-message,.woocommerce-info{border-top-color:var(--jade);background:var(--jade-200);color:#14513A}
.woocommerce-message::before,.woocommerce-info::before{color:var(--jade)}
.woocommerce-error{border-top-color:var(--wine-600);background:#FBEDEE;color:#6B2229}

/* ---------- giỏ hàng & thanh toán ---------- */
.woocommerce table.shop_table{border-radius:16px;border-color:var(--line);background:#fff}
.woocommerce table.shop_table th{background:var(--cream-2);color:var(--wine-900)}
.woocommerce-cart .cart-collaterals .cart_totals>h2,
.woocommerce-checkout #order_review_heading{font-family:var(--ff-display);color:var(--wine-900)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,.select2-container .select2-selection--single{
  border:1px solid var(--line);border-radius:10px;padding:.75rem .9rem;background:#fff;height:auto}
.woocommerce #payment{background:var(--cream-2);border-radius:16px}
.woocommerce #payment div.payment_box{background:#fff;border:1px solid var(--line)}
.woocommerce #payment div.payment_box::before{border-bottom-color:#fff}

/* ---------- lọc/sắp xếp ---------- */
.woocommerce .woocommerce-ordering select{border:1px solid var(--line);border-radius:10px;padding:.55rem .8rem;background:#fff}
.woocommerce .woocommerce-result-count{color:var(--muted)}
.woocommerce nav.woocommerce-pagination ul{border:0;gap:.4rem;display:flex}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--wine-900)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--wine-700);color:#fff;border-color:var(--wine-700)}

@media(max-width:640px){
  .woocommerce ul.products[class*="columns-"] li.product{width:100%}
}

/* ==========================================================================
   Contact Form 7 — cho form giữ đúng giao diện .form-card
   ========================================================================== */
.lds-scope .wpcf7 form.wpcf7-form{margin:0}
.lds-scope .wpcf7 p{margin:0}
.lds-scope .wpcf7-form-control-wrap{display:block}
.lds-scope .wpcf7 input[type="submit"]{width:100%;justify-content:center;margin-top:.5rem;cursor:pointer}
.lds-scope .wpcf7-not-valid-tip{color:var(--wine-600);font-size:.78rem;margin-top:.3rem}
.lds-scope .wpcf7 .wpcf7-response-output{margin:1rem 0 0;padding:.8rem 1rem;border-radius:10px;
  border:0;background:var(--jade-200);color:#14513A;font-size:.9rem;font-weight:600}
.lds-scope .wpcf7 form.invalid .wpcf7-response-output,
.lds-scope .wpcf7 form.failed .wpcf7-response-output{background:#FBEDEE;color:#6B2229}
.lds-scope .wpcf7-spinner{margin:.5rem auto 0;display:block}

/* ==========================================================================
   Elementor — bỏ padding mặc định để các khối HTML sát mép như bản thiết kế
   ========================================================================== */
.elementor-widget-html > .elementor-widget-container{padding:0;margin:0}
.elementor-widget-html .lds-scope > section:first-child{margin-top:0}
.elementor-section.elementor-section-full_width > .elementor-container{max-width:100%}

/* ==========================================================================
   Bài viết (Cẩm nang) — phân trang, chip lọc chuyên mục
   ========================================================================== */
.lds-scope .chips a.chip{text-decoration:none}
.lds-scope .ldts-pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;
  padding:0 .7rem;margin:0 .2rem;border:1px solid var(--line);border-radius:10px;background:#fff;
  color:var(--wine-900);font-weight:700;font-size:.92rem;text-decoration:none;transition:.2s}
.lds-scope .ldts-pagination .page-numbers:hover{border-color:var(--gold);color:var(--gold-600)}
.lds-scope .ldts-pagination .page-numbers.current{background:var(--wine-700);color:#fff;border-color:var(--wine-700)}
.lds-scope .article > p:first-child{font-size:1.05rem}
.lds-scope .article h2:first-of-type{margin-top:1.2rem}

/* ==========================================================================
   Nút chuyển ngôn ngữ VI | EN
   ========================================================================== */
.lds-scope .lang-switch{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff;flex:0 0 auto}
.lds-scope .lang-switch a{padding:.3rem .6rem;font-size:.76rem;font-weight:800;letter-spacing:.04em;color:var(--muted);line-height:1.5;transition:.2s}
.lds-scope .lang-switch a:hover{color:var(--wine-700)}
.lds-scope .lang-switch a.active{background:var(--wine-700);color:#fff}
@media(max-width:520px){ .lds-scope .lang-switch{display:none} }