/* =========================================================================
   Trang thường, lưới nội dung cũ (UX Builder), WooCommerce, 404, tìm kiếm
   ========================================================================= */

/* ---------- Lưới tương thích [section] [row] [col] ---------- */
.tlt-section{position:relative;padding:30px 0;background-repeat:no-repeat}
.tlt-row{display:flex;flex-wrap:wrap;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}
.tlt-row .tlt-row{margin-left:-15px;margin-right:-15px;width:auto}
.tlt-row.is-h-center{justify-content:center}
.tlt-row.is-v-middle,.tlt-row.is-v-center{align-items:center}
.tlt-col{position:relative;width:100%;padding:0 15px 30px;min-height:1px}
.tlt-row.is-collapse > .tlt-col{padding:0}
.tlt-row.is-small > .tlt-col{padding:0 10px 20px}
.tlt-col.is-center{text-align:center}
.tlt-col__in{position:relative;height:100%}
.tlt-col__in > :last-child{margin-bottom:0}
@media (min-width:850px){
  .tlt-col.span-1{flex:0 0 8.333%;max-width:8.333%}.tlt-col.span-2{flex:0 0 16.667%;max-width:16.667%}.tlt-col.span-3{flex:0 0 25%;max-width:25%}
  .tlt-col.span-4{flex:0 0 33.333%;max-width:33.333%}.tlt-col.span-5{flex:0 0 41.667%;max-width:41.667%}.tlt-col.span-6{flex:0 0 50%;max-width:50%}
  .tlt-col.span-7{flex:0 0 58.333%;max-width:58.333%}.tlt-col.span-8{flex:0 0 66.667%;max-width:66.667%}.tlt-col.span-9{flex:0 0 75%;max-width:75%}
  .tlt-col.span-10{flex:0 0 83.333%;max-width:83.333%}.tlt-col.span-11{flex:0 0 91.667%;max-width:91.667%}.tlt-col.span-12{flex:0 0 100%;max-width:100%}
}
@media (min-width:550px) and (max-width:849px){
  .tlt-col[class*=" md-"]{flex:0 0 auto}
  .tlt-col.md-6{max-width:50%;flex-basis:50%}.tlt-col.md-4{max-width:33.333%;flex-basis:33.333%}.tlt-col.md-3{max-width:25%;flex-basis:25%}.tlt-col.md-12{max-width:100%;flex-basis:100%}
}
@media (max-width:549px){
  .tlt-col.sm-6{flex:0 0 50%;max-width:50%}.tlt-col.sm-12{flex:0 0 100%;max-width:100%}
}
.tlt-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:1em}
.tlt-title > *{margin:0}
.tlt-gap{display:block}
.tlt-image img{width:100%;height:auto;border-radius:10px}
.button.is-outline{background:transparent;border-color:currentColor;color:var(--tlt-navy)}
.button.is-white{background:#fff;color:var(--tlt-navy)}
.button.is-outline.is-white{background:transparent;color:#fff}

/* ---------- Trang thường ---------- */
.tlt-pagehero{background:var(--tlt-navy);color:#fff;padding:18px 0 26px;position:relative;overflow:hidden}
.tlt-pagehero:before{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(255,194,14,.08)}
.tlt-pagehero .container{position:relative}
.tlt-crumb{font-size:13px;color:#8FA6BF;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tlt-crumb a{color:#A8BBD0}
.tlt-crumb a:hover{color:#fff}
.tlt-crumb .woocommerce-breadcrumb,.tlt-crumb .rank-math-breadcrumb p{margin:0;font-size:13px;color:#8FA6BF}
.tlt-crumb .woocommerce-breadcrumb a{color:#A8BBD0}
.tlt-crumb .sep{margin:0 8px;opacity:.6}
.tlt-pagehero h1{color:#fff;font-size:30px;line-height:1.25;margin:12px 0 0}
.tlt-page{padding:24px 0 48px}
.tlt-page__card{background:#fff;border:1px solid var(--tlt-line);border-radius:18px;padding:32px 40px}
.tlt-page__card.is-narrow{max-width:900px;margin:0 auto}
.tlt-entry{color:#2B2F36;line-height:1.75;font-size:15px}
.tlt-entry > *:first-child{margin-top:0}
.tlt-entry > *:last-child{margin-bottom:0}
.tlt-entry h2,.tlt-entry h3,.tlt-entry h4{color:var(--tlt-navy);letter-spacing:0;text-transform:none}
.tlt-entry h2{font-size:22px;margin:1.5em 0 .6em;padding-left:12px;border-left:4px solid var(--tlt-red)}
.tlt-entry h3{font-size:19px;margin:1.3em 0 .5em}
.tlt-entry a{color:var(--tlt-red);text-decoration:underline;text-underline-offset:3px}
.tlt-entry img{border-radius:12px}
.tlt-entry table{border:1px solid var(--tlt-line);border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden}
.tlt-entry th{background:#F7F9FB;text-transform:none;letter-spacing:0;color:var(--tlt-navy)}
.tlt-entry blockquote{border-left:4px solid var(--tlt-yellow);background:#FFF9E6;padding:12px 18px;border-radius:0 10px 10px 0;font-style:normal}
/* Trang trắng (nội dung tự dựng bằng section): không khung, không tiêu đề */
.tlt-blank > .tlt-entry{max-width:none}

/* ---------- WooCommerce: giỏ hàng / thanh toán / tài khoản ---------- */
.woocommerce-cart .tlt-page__card,.woocommerce-checkout .tlt-page__card,.woocommerce-account .tlt-page__card{padding:28px 32px}
.woocommerce table.shop_table{border:1px solid var(--tlt-line);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce table.shop_table th{background:#F7F9FB;color:var(--tlt-navy);text-transform:none;letter-spacing:0;font-size:14px}
.woocommerce table.shop_table td{font-size:15px}
.woocommerce table.shop_table img{width:64px;border-radius:8px}
.woocommerce a.remove{color:var(--tlt-red)!important;border-radius:50%}
.woocommerce a.remove:hover{background:var(--tlt-red);color:#fff!important}
.woocommerce .quantity .qty{width:70px;height:40px;text-align:center;margin:0}
/* Ô số lượng có nút − / + (theme.js thêm) */
.quantity.has-btns{display:inline-flex;align-items:stretch;border:1px solid var(--tlt-line);border-radius:10px;overflow:hidden;background:#fff;vertical-align:middle}
.quantity.has-btns input.qty{width:46px;height:40px;margin:0;border:0;box-shadow:none;text-align:center;font-weight:700;padding:0;-moz-appearance:textfield}
.quantity.has-btns input.qty::-webkit-outer-spin-button,.quantity.has-btns input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quantity.has-btns .button.minus,.quantity.has-btns .button.plus{width:36px;min-height:0;height:auto;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:var(--tlt-navy);font-size:18px;font-weight:700;line-height:1;box-shadow:none}
.quantity.has-btns .button.minus:hover,.quantity.has-btns .button.plus:hover{background:var(--tlt-bg);filter:none;color:var(--tlt-navy)}
.woocommerce .cart-collaterals .cart_totals h2,.woocommerce-checkout h3,.woocommerce-account h2{font-size:20px;color:var(--tlt-navy)}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce #place_order{width:100%;min-height:52px;font-size:16px;border-radius:12px;background:var(--tlt-red)!important;color:#fff!important;margin:0}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{border-radius:10px;background:var(--tlt-navy);color:#fff;font-weight:700;padding:.75em 1.2em;line-height:1.2}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover{background:var(--tlt-navy-2);color:#fff}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border-radius:8px;margin:0}
.woocommerce form .form-row label{font-weight:700;font-size:14px}
.woocommerce-checkout #payment{background:#F7F9FB;border-radius:12px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 20px;border:1px solid var(--tlt-line);border-radius:12px;overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;border-top:1px solid var(--tlt-line)}
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child{border-top:0}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;color:var(--tlt-ink)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--tlt-navy);color:#fff}
.cart-empty.woocommerce-info{justify-content:center}
.return-to-shop{text-align:center}

/* ---------- 404 + tìm kiếm ---------- */
.tlt-404{text-align:center;padding:30px 0}
.tlt-404 b{display:block;font-size:96px;line-height:1;color:var(--tlt-navy);opacity:.15}
.tlt-404 h2{color:var(--tlt-navy);margin:10px 0 8px}
.tlt-404 p{color:#666}
.tlt-404 .tlt-search{max-width:460px;margin:18px auto 0}
.tlt-404__links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}
.tlt-404__links a{padding:9px 16px;border-radius:99px;background:var(--tlt-bg);color:var(--tlt-navy);font-weight:700;font-size:14px}
.tlt-results{display:flex;flex-direction:column;gap:12px}
.tlt-result{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;background:#fff;border:1px solid var(--tlt-line);border-radius:14px;padding:12px}
.tlt-result__im{aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--tlt-bg)}
.tlt-result__im img{width:100%;height:100%;object-fit:cover}
.tlt-result h3{font-size:17px;margin:0 0 4px}
.tlt-result h3 a{color:var(--tlt-navy)}
.tlt-result p{margin:0;font-size:14px;color:#666}
.tlt-pagination{margin-top:24px}
.tlt-pagination .nav-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.tlt-pagination .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:10px;background:#fff;border:1px solid var(--tlt-line);color:var(--tlt-navy);font-weight:700}
.tlt-pagination .page-numbers.current{background:var(--tlt-navy);color:#fff}

/* ---------- Bình luận ---------- */
.comment-list{list-style:none;padding:0;margin:0 0 24px}
.comment-list .children{list-style:none;padding-left:24px}
.comment-body{padding:14px 0;border-bottom:1px solid var(--tlt-line)}
.comment-author{font-weight:700;color:var(--tlt-navy)}
.comment-author img{border-radius:50%;margin-right:8px;vertical-align:middle}
.comment-metadata{font-size:12px;color:var(--tlt-mute)}
.comment-metadata a{color:inherit}
.comment-reply-title{font-size:18px;color:var(--tlt-navy)}
.comment-form textarea{border-radius:10px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{border-radius:8px}

@media (max-width:549px){
  .tlt-pagehero{padding:12px 0 18px}
  .tlt-pagehero h1{font-size:23px}
  .tlt-crumb{font-size:12px}
  .tlt-page{padding:0 0 30px}
  .tlt-page__card{border-radius:0;border-left:0;border-right:0;margin:0 -15px;padding:20px 16px}
  .woocommerce-cart .tlt-page__card,.woocommerce-checkout .tlt-page__card,.woocommerce-account .tlt-page__card{padding:20px 16px}
  .tlt-result{grid-template-columns:90px minmax(0,1fr);gap:12px}
}