/*
Theme Name: Selu Child
Theme URI: https://selutheme.com
Author: selutheme.com
Author URI: https://selutheme.com
Description: Child theme for Selu. Put your own CSS, code and template changes here so they are kept when Selu updates.
Template: selu
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cs-theme-wat-child
*/

/* ===== thuexelandanang.com ===== */
:root { --txl-blue: #1387d2; --txl-navy: #002e5b; --txl-green: #367c26; --txl-yellow: #fbde5b; --txl-light: #eaf6fa; }

/* Thanh trên cùng (địa chỉ + điện thoại) */
.txl-topbar .cs-theme-wat-announcement__text, .txl-topbar a { font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .2px; }

/* Header xanh, chữ trắng đậm */
.txl-header .cs-theme-wat-menu > li > a, .txl-header .cs-theme-wat-hb__menu a { font-weight: 700; }

/* Nút CALL / TƯ VẤN ZALO trong bài (shortcode [button] cũ của Flatsome) */
.txl-btn { margin: 6px 6px 6px 0; }
.cs-theme-wat-rte .txl-btn { text-decoration: none; }
.txl-btn--call { background: #e4322b; border-color: #e4322b; color: #fff; }
.txl-btn--zalo { background: #0068ff; border-color: #0068ff; color: #fff; }
.txl-btn--call:hover, .txl-btn--zalo:hover { filter: brightness(1.08); color: #fff; }
.txl-divider { border: 0; border-top: 2px solid currentColor; width: 60px; margin: 12px 0 20px; opacity: .9; }

/* Đánh giá sao */
.txl-rating { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin: 28px 0 8px; clear: both; }
.txl-rating__stars { position: relative; width: 140px; height: 24px; }
.txl-rating__stars svg { width: 24px; height: 24px; margin-right: 5px; flex: none; }
.txl-rating__base, .txl-rating__fill { position: absolute; inset: 0 auto 0 0; display: flex; overflow: hidden; white-space: nowrap; }
.txl-rating__base svg { fill: #d6d6d6; }
.txl-rating__fill svg { fill: #ffb900; }
.txl-rating__fill { transition: width .2s; }
.txl-rating.is-hover .txl-rating__fill { width: calc(var(--txl-hover) * 20%) !important; }
.txl-rating__btns { position: absolute; inset: 0; display: flex; }
.txl-rating__btns button { flex: 1; background: none; border: 0; padding: 0; cursor: pointer; opacity: 0; }
.txl-rating.is-voted .txl-rating__btns, .txl-rating.is-busy .txl-rating__btns { display: none; }
.txl-rating__legend { font-size: 15px; color: #555; }

/* ----- Topbar ----- */
.txl-topbar { display: flex; justify-content: center; align-items: center; gap: 0; min-height: 30px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #fff; }
.txl-topbar > * { display: inline-flex; align-items: center; gap: 5px; padding: 0 12px; color: #fff !important; text-decoration: none !important; }
.txl-topbar > * + * { border-left: 1px solid rgba(255,255,255,.35); }
.txl-topbar svg { flex: none; }

/* ----- Header: menu 1 dòng như Flatsome ----- */
.txl-header .cs-theme-wat-hb__menu > ul > li > a, .txl-header nav > ul > li > a { font-size: 15px; font-weight: 700; padding-left: 9px; padding-right: 9px; }

/* ----- Tiêu đề các phần (navy, căn giữa, to như cũ) ----- */
.txl-sec-title { text-align: center; color: var(--txl-navy) !important; font-size: clamp(22px, 2.4vw, 30px) !important; text-transform: uppercase; }
.txl-sec-title--line::after { content: ""; display: block; width: 150px; height: 3px; margin: 12px auto 0; background: #f1d209; }
.txl-tours .cs-theme-wat-heading { text-align: center; }

/* ----- Hero ----- */
.txl-hero__title { color: var(--txl-blue) !important; font-size: clamp(26px, 3vw, 34px) !important; }
.txl-hero .cs-theme-wat-text, .txl-hero .cs-theme-wat-text strong { color: var(--txl-blue); }
.txl-hero__sub { font-size: clamp(20px, 2.2vw, 26px); font-weight: 700; margin-bottom: 10px; }
.txl-hero__addr { line-height: 1.8; }
.txl-hero .cs-theme-wat-cb__media { background: transparent; }

/* Nút "CALL NOW" (kiểu bt-gn-bg / bt-gx cũ) */
.txl-btn-call .cs-theme-wat-btn { display: inline-flex; align-items: center; gap: 8px; border-radius: 10px; font-weight: 700; }
.txl-btn-call .cs-theme-wat-btn::before { content: ""; width: 26px; height: 26px; border-radius: 50%; background: #1b3626 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center / 14px no-repeat; }
.txl-hero .txl-btn-call .cs-theme-wat-btn { background: var(--txl-blue); border-color: var(--txl-blue); color: #fff; }

/* ----- 4 thẻ dịch vụ ----- */
.txl-card { overflow: hidden; padding-bottom: 20px !important; }
.txl-card__img img { border-radius: 10px 10px 0 0; }
.txl-card .cs-theme-wat-text { padding: 0 14px; }
.txl-card__title { color: #ffff00 !important; font-size: 15px; margin: 12px 0 6px; }
.txl-card__list { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.7; }
.txl-card .txl-price { color: #ff9900; font-size: 110%; }
.txl-card .txl-btn-call { margin-top: auto; text-align: center; }
.txl-card .txl-btn-call .cs-theme-wat-btn { background: var(--txl-yellow); border-color: var(--txl-yellow); color: #1b3626; box-shadow: 0 2px 6px rgba(0,0,0,.25); }

/* ----- Tin tức ----- */
.txl-news .cs-theme-wat-pl__title { color: var(--txl-navy); text-align: center; }

/* ----- Footer ----- */
.txl-fcols { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.txl-footer-top, .txl-footer-top a { color: #fff !important; }
.txl-footer-top p { margin: 0 0 14px; }
.txl-ftitle { color: #fff !important; font-size: 18px; margin: 0 0 22px; }
.txl-ftitle::after { content: ""; display: block; width: 60px; height: 3px; background: #fff; margin-top: 14px; }
.txl-footer .cs-theme-wat-footer__bottom-inner { justify-content: center; text-align: center; }
.txl-footer .cs-theme-wat-footer__copyright { opacity: .8; font-size: 14px; }
@media (max-width: 768px) { .txl-fcols { grid-template-columns: 1fr; gap: 10px; } }

/* ----- Bài viết ----- */
.cs-theme-wat-article .has-luminous-vivid-orange-background-color { padding: 1em 1.2em; }
.txl-fcol svg { display: inline-block; vertical-align: -2px; margin-right: 4px; }
.txl-fcol iframe { display: block; max-width: 100%; }

/* Ảnh có [caption width="1280"] trong bài: không tràn khỏi cột nội dung (đè sidebar) */
.cs-theme-wat-rte .wp-caption, .cs-theme-wat-rte figure { max-width: 100% !important; }
.cs-theme-wat-rte .wp-caption img, .cs-theme-wat-rte img { max-width: 100%; height: auto; }
.cs-theme-wat-lay__main { min-width: 0; }
.cs-theme-wat-rte figure.wp-caption:not(.aligncenter):not(.alignright) { margin-left: 0; margin-right: 0; }
.cs-theme-wat-rte figure.wp-caption.aligncenter { margin-left: auto; margin-right: auto; }