/* ------------------------------------------------------------------
   XD LuxHome - lop nen toi ap cho toan site.
   Tat bang cach bo enqueue 'xdlux-site-dark' trong functions.php.
   Nen: #0B0C0F xen ke #14161B. Chu: #F7F5F0. Vang: tieu de, gia, nut, duong ke.
   ------------------------------------------------------------------ */

:root{
	--xd-bg:#0B0C0F;
	--xd-surface:#14161B;
	--xd-ink:#F7F5F0;
	--xd-body:rgba(247,245,240,.78);
	--xd-mu:#9AA0AA;
	--xd-gold:#CBA135;
	--xd-gold-l:#E8D5A3;
	--xd-line:rgba(232,213,163,.16);
	--xd-frame:rgba(203,161,53,.45);
}

html{background:var(--xd-bg)}
body{background:var(--xd-bg);color:var(--xd-ink)}

/* ---------- ELEMENTOR ---------- */
.elementor-heading-title{color:var(--xd-gold-l)}
.elementor-widget-text-editor,.elementor-widget-text-editor p,
.elementor-icon-box-description,.elementor-icon-list-text,
.elementor-widget-testimonial .elementor-testimonial-content{color:var(--xd-body)}
.elementor-icon-box-title,.elementor-icon-box-title a{color:var(--xd-ink)}
.elementor-divider-separator{border-color:var(--xd-line)}

/* ---------- KHOI SAN PHAM .xdl ---------- */
.xdl{--ink:#F7F5F0;--bg:#14161B;--line:rgba(232,213,163,.16);--muted:#9AA0AA;color:var(--xd-ink)}
.xdl-card{background:var(--xd-surface)}
.xdl-thumb{background:#F7F5F0}
.xdl-name a{color:var(--xd-ink)}
.xdl-name a:hover{color:var(--xd-gold-l)}
.xdl-price{color:var(--xd-gold-l)}
.xdl-all{color:var(--xd-gold-l)}
.xdl-empty{background:var(--xd-surface);border-color:var(--xd-line);color:var(--xd-mu)}
.xdl-note{color:var(--xd-mu)}
.xdl-post{background:var(--xd-surface);border-color:var(--xd-line)}

/* ---------- WOOCOMMERCE: LUOI SAN PHAM ---------- */
.woocommerce ul.products li.product{background:var(--xd-surface)!important;border-color:var(--xd-line)!important}
.woocommerce ul.products li.product:hover{border-color:var(--xd-gold)!important;box-shadow:0 18px 40px -20px rgba(0,0,0,.8)!important}
.woocommerce ul.products li.product a img{background:#F7F5F0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--xd-ink)!important}
.woocommerce ul.products li.product .price{color:var(--xd-gold-l)!important}
.woocommerce ul.products li.product .price del{color:var(--xd-mu)!important}
.woocommerce ul.products li.product .price ins{color:var(--xd-gold-l)!important}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{color:var(--xd-gold-l)!important;background:none!important;border:1px solid rgba(203,161,53,.55)!important}
.woocommerce-products-header__title,.woocommerce-products-header .term-description{color:var(--xd-gold-l)}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering select{color:var(--xd-body)}

/* ---------- WOOCOMMERCE: BANG, GIO HANG, THANH TOAN ---------- */
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{background:transparent;color:var(--xd-ink);border-color:var(--xd-line)}
.woocommerce table.shop_table thead th{color:var(--xd-gold-l)}
.woocommerce table.shop_table tbody tr:nth-child(odd) td{background:rgba(232,213,163,.04)}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order-table{background:var(--xd-surface);border:1px solid var(--xd-line)}
.woocommerce-cart .cart_totals h2,.woocommerce-checkout h3,.woocommerce-checkout h2,
.woocommerce-account h2,.woocommerce-account h3{color:var(--xd-gold-l)}
.woocommerce a.remove{color:var(--xd-gold-l)!important}
.woocommerce a.remove:hover{background:var(--xd-gold)!important;color:#0B0C0F!important}
.woocommerce .quantity .qty{background:var(--xd-bg);color:var(--xd-ink);border:1px solid var(--xd-line)}

/* O nhap lieu: nen toi, chu sang, vien vang khi focus */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select,
.select2-container--default .select2-selection--single,
.woocommerce #coupon_code,
input[type=text],input[type=email],input[type=tel],input[type=number],
input[type=password],input[type=search],input[type=url],textarea,select{
	background:var(--xd-bg);
	color:var(--xd-ink);
	border:1px solid var(--xd-line);
	border-radius:2px;
}
input::placeholder,textarea::placeholder{color:var(--xd-mu)}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
input:focus,textarea:focus,select:focus{border-color:var(--xd-gold);outline:none}
.woocommerce form .form-row label,.woocommerce-page form .form-row label,
.woocommerce-form__label,.woocommerce label{color:var(--xd-body)}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--xd-ink)}
.select2-dropdown,.select2-container--default .select2-results__option{background:var(--xd-surface);color:var(--xd-ink)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--xd-gold);color:#0B0C0F}

/* Khoi thong bao, dang nhap, ma giam gia */
.woocommerce-form-login,.woocommerce-form-coupon,
.woocommerce .woocommerce-info,.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,.woocommerce-notices-wrapper .woocommerce-message{
	background:var(--xd-surface)!important;color:var(--xd-ink)!important;border-top-color:var(--xd-gold)!important;
}
.woocommerce .woocommerce-info a,.woocommerce .woocommerce-message a{color:var(--xd-gold-l)!important}
.woocommerce #payment,.woocommerce-checkout #payment{background:var(--xd-surface)!important;border:1px solid var(--xd-line)}
.woocommerce #payment div.payment_box{background:var(--xd-bg)!important;color:var(--xd-body)}
.woocommerce #payment div.payment_box::before{border-bottom-color:var(--xd-bg)!important}
.woocommerce #payment ul.payment_methods{border-bottom-color:var(--xd-line)}
.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper{color:var(--xd-body)}

/* Nut chinh cua WooCommerce */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
	background:linear-gradient(135deg,#E8D5A3 0%,#CBA135 46%,#A8842A 100%);
	color:#0B0C0F;border-radius:2px;font-weight:700;letter-spacing:.05em;
}
.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,
.woocommerce input.button.alt:hover{filter:brightness(1.07);color:#0B0C0F}

/* Tai khoan, breadcrumb, phan trang */
.woocommerce-MyAccount-navigation ul li a{color:var(--xd-body)}
.woocommerce-MyAccount-navigation ul li.is-active a{color:var(--xd-gold-l)}
.woocommerce nav.woocommerce-pagination ul{border-color:var(--xd-line)}
.woocommerce nav.woocommerce-pagination ul li{border-color:var(--xd-line)}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current{color:var(--xd-ink)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--xd-gold);color:#0B0C0F}

/* Trang tinh va bai viet thuong */
.entry-content,.page-content,.entry-summary{color:var(--xd-body)}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,
.page-content h1,.page-content h2,.page-content h3,.page-content h4{color:var(--xd-gold-l)}
.entry-content a,.page-content a{color:var(--xd-gold-l)}
.entry-content table,.page-content table{border-color:var(--xd-line)}
.entry-content th,.entry-content td,.page-content th,.page-content td{border-color:var(--xd-line);color:inherit}
.entry-content strong,.page-content strong{color:var(--xd-ink)}

/* ---------- WOOCOMMERCE BLOCKS (gio hang & thanh toan ban block) ---------- */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout,
.wc-block-cart,.wc-block-checkout{color:var(--xd-ink)}

.wc-block-components-sidebar,.wc-block-cart__sidebar,
.wc-block-components-totals-wrapper,
.wc-block-components-order-summary,
.wc-block-components-panel{background:var(--xd-surface);border-color:var(--xd-line);color:var(--xd-ink)}

.wc-block-cart-items,.wc-block-cart-items__row,
.wc-block-components-totals-item,
.wc-block-components-order-summary-item{border-color:var(--xd-line)!important;color:var(--xd-ink)}
.wc-block-cart-items__header,.wc-block-cart__totals-title,
.wc-block-components-title,.wc-block-components-checkout-step__title{color:var(--xd-gold-l)!important}
.wc-block-components-product-name{color:var(--xd-ink)!important}
.wc-block-components-product-name:hover{color:var(--xd-gold-l)!important}
.wc-block-components-product-price,.wc-block-formatted-money-amount,
.wc-block-components-totals-item__value{color:var(--xd-gold-l)}
.wc-block-components-product-metadata,.wc-block-components-product-details,
.wc-block-components-totals-item__description,
.wc-block-components-checkout-step__description{color:var(--xd-body)}
.wc-block-components-product-image img{background:#F7F5F0}

/* O nhap va cac o chon trong block */
.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-block-components-select__select,
.wc-block-components-combobox-control input,
.wc-block-components-form input,
.wc-block-components-quantity-selector__input{
	background:var(--xd-bg)!important;color:var(--xd-ink)!important;border-color:var(--xd-line)!important;
}
.wc-block-components-text-input label,
.wc-block-components-checkbox__label,
.wc-block-components-radio-control__label,
.wc-block-components-select__label{color:var(--xd-body)!important}
.wc-block-components-text-input.is-active label{color:var(--xd-gold-l)!important}
.wc-block-components-quantity-selector{border-color:var(--xd-line)!important}
.wc-block-components-quantity-selector__button{color:var(--xd-gold-l)!important;background:none!important}
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control__option{border-color:var(--xd-line)!important;color:var(--xd-ink)}

/* Nut trong block */
.wc-block-components-button:not(.is-link),
.wp-block-button__link,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
	background:linear-gradient(135deg,#E8D5A3 0%,#CBA135 46%,#A8842A 100%)!important;
	color:#0B0C0F!important;border:0!important;border-radius:2px!important;font-weight:700;
}
.wc-block-components-button.is-link,.wc-block-components-button.outlined{color:var(--xd-gold-l)!important;background:none!important}
.wc-block-components-notice-banner{background:var(--xd-surface)!important;color:var(--xd-ink)!important;border-color:var(--xd-gold)!important}
.wc-block-components-notice-banner__content{color:var(--xd-ink)!important}

/* Trang gio hang trong */
.wp-block-woocommerce-empty-cart-block,.wc-block-cart__empty-cart__title{color:var(--xd-gold-l)}
.wp-block-woocommerce-empty-cart-block p{color:var(--xd-body)}
/* O chon quoc gia / tinh thanh (combobox cua Gutenberg) */
.components-combobox-control,
.components-combobox-control__suggestions-container,
.components-form-token-field,
.wc-block-components-combobox{background:transparent!important}
.components-combobox-control__input,
.components-form-token-field__input,
.wc-block-components-combobox input,
.wc-block-components-combobox-control input[type=text]{
	background:var(--xd-bg)!important;color:var(--xd-ink)!important;box-shadow:none!important;
}
.wc-block-components-combobox .components-form-token-field__input-container,
.components-form-token-field__input-container{background:var(--xd-bg)!important;border-color:var(--xd-line)!important}
.components-form-token-field__suggestions-list,
.components-autocomplete__result,
.components-popover__content{background:var(--xd-surface)!important;color:var(--xd-ink)!important;border-color:var(--xd-line)!important}
.components-form-token-field__suggestion{color:var(--xd-ink)!important}
.components-form-token-field__suggestion.is-selected,
.components-form-token-field__suggestion:hover{background:var(--xd-gold)!important;color:#0B0C0F!important}
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-combobox label{background:transparent!important}
/* O chon cua WooCommerce Blocks ban moi (tien to wc-blocks-) */
.wc-blocks-components-select__container{background:var(--xd-bg)!important;border-color:var(--xd-line)!important}
.wc-blocks-components-select__select{background:transparent!important;color:var(--xd-ink)!important}
.wc-blocks-components-select__select option{background:var(--xd-surface);color:var(--xd-ink)}
.wc-blocks-components-select__label,.wc-blocks-components-select__expand{color:var(--xd-body)!important}
.wc-blocks-components-select:focus-within .wc-blocks-components-select__container{border-color:var(--xd-gold)!important}
/* Lien ket trong noi dung: doi mau mac dinh cua Hello Elementor sang vang */
:where(.term-description,.entry-content,.page-content,.entry-summary,
.woocommerce-product-details__short-description,
.elementor-widget-text-editor,.woocommerce-store-notice) a{color:var(--xd-gold-l)}
:where(.term-description,.entry-content,.page-content) a:hover{color:var(--xd-gold)}
.term-description,.woocommerce-products-header .term-description p{color:var(--xd-body)}
.term-description strong{color:var(--xd-ink)}

/* Breadcrumb tren cac trang danh muc */
.woocommerce-breadcrumb{color:var(--xd-mu)}
.woocommerce-breadcrumb a{color:var(--xd-mu)}
.woocommerce-breadcrumb a:hover{color:var(--xd-gold)}
/* ---------- KHUNG VIEN VANG ---------- */
/* Cac khoi co vien deu dung sac vang champagne thay vi xam. */
.xdl{--line:var(--xd-frame)}
.xdl-card{border:1px solid var(--xd-frame)}
.xdl-empty{border:1px dashed var(--xd-frame)!important;color:var(--xd-mu)}
.xdl-post{border:1px solid var(--xd-frame)!important}

.woocommerce ul.products li.product{border:1px solid var(--xd-frame)!important}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce #payment,.woocommerce-checkout #payment,
.woocommerce-form-login,.woocommerce-form-coupon{border:1px solid var(--xd-frame)!important}

.wc-block-components-sidebar,.wc-block-cart__sidebar,
.wc-block-components-totals-wrapper,
.wc-block-components-order-summary,
.wc-block-components-panel,
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control__option{border-color:var(--xd-frame)!important}

.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-block-components-select__select,
.wc-blocks-components-select__container,
.wc-block-components-quantity-selector,
.wc-block-components-combobox input,
.components-form-token-field__input-container{border-color:var(--xd-frame)!important}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select,
.woocommerce #coupon_code,
input[type=text],input[type=email],input[type=tel],input[type=number],
input[type=password],input[type=search],input[type=url],textarea,select{border-color:var(--xd-frame)}

/* Vien khung anh va khoi trong Elementor */
.elementor-widget-image img,
.elementor-widget-image-box .elementor-image-box-img img{border-color:var(--xd-frame)}

/* Bang trong trang noi dung */
.entry-content table,.page-content table,
.entry-content th,.entry-content td,
.page-content th,.page-content td{border-color:var(--xd-frame)!important}
/* Mau lien ket mac dinh cua Hello Elementor la hong do, doi ve vang */
a{color:var(--xd-gold-l)}
a:hover{color:var(--xd-gold)}


/* ---------- HANG UU THE TRANG CHU ---------- */
/* Bon o uu the: khung vien vang mong, sang len khi ro chuot. */
.elementor-element-863c8d0 .elementor-column > .elementor-element-populated{transition:border-color .22s ease, background-color .22s ease}
.elementor-element-863c8d0 .elementor-column > .elementor-element-populated:hover{border-color:var(--xd-gold)!important;background-color:rgba(232,213,163,.035)}
.elementor-element-863c8d0 .elementor-icon-box-title{line-height:1.25;margin-bottom:8px}
.elementor-element-863c8d0 .elementor-icon-box-description{line-height:1.6}
@media(max-width:767px){.elementor-element-863c8d0 .elementor-column{margin-bottom:14px}.elementor-element-863c8d0 .elementor-column:last-child{margin-bottom:0}}


/* ---------- DUONG NOI GIUA CAC KHOI TRANG CHU ---------- */
/* Moi khoi noi dung tren trang chu ngan cach bang duong ke toc mau vang. */
.elementor-34 .elementor-top-section + .elementor-top-section{border-top:1px solid var(--xd-frame)}
