﻿/* Shared Xuân Căn Cứ theme for customer-facing pages */
:root{
  --mk-forest:#173f2f;
  --mk-deep:#102c22;
  --mk-green:#285d43;
  --mk-green-2:#4d7458;
  --mk-cream:#f3e7cf;
  --mk-paper:#fbf4e7;
  --mk-brown:#7b5634;
  --mk-gold:#d7a34a;
  --mk-ink:#25261f;
  --mk-muted:#77756c;
  --mk-line:#e2d8c7;
  --mk-shadow:0 18px 44px rgba(54,43,31,.09);
}

.history-story,.bq-page,.catalog,.support-page,.review-page,.cart-page,.ticket-page,.pay-page,.booking-history,.history-page,.auth-page,.register-page,.account-page{
  background:linear-gradient(180deg,#f8f3e9 0%,#fffaf2 55%,#f7f1e6 100%)!important;
  color:var(--mk-ink)!important;
}
.history-story h1,.history-story h2,.history-story h3,
.bq-page h1,.bq-page h2,.bq-page h3,
.catalog h1,.catalog h2,.catalog h3,
.support-page h1,.support-page h2,.support-page h3,
.review-page h1,.review-page h2,.review-page h3,
.cart-page h1,.cart-page h2,.cart-page h3,
.ticket-page h1,.ticket-page h2,.ticket-page h3,
.pay-page h1,.pay-page h2,.pay-page h3,
.booking-history h1,.booking-history h2,.booking-history h3,
.history-page h1,.history-page h2,.history-page h3,
.auth-page h1,.auth-page h2,.auth-page h3,
.register-page h1,.register-page h2,.register-page h3,
.account-page h1,.account-page h2,.account-page h3{
  font-family:'Playfair Display','Times New Roman',serif!important;
  letter-spacing:-.025em;
}

/* warm surfaces */
.history-story .story-intro,.history-story .intro-card,.history-story .time-box,.history-story .must-card,
.bq-page .bq-trust-inner,.bq-page .bq-card,.bq-page .ticket-option,.bq-page .booking-card,
.catalog .catalog-toolbar,.catalog .product-card,.catalog .empty-catalog,
.support-page .quick-card,.support-page .support-card,.support-page .faq-card,.support-page .map-shell,
.review-page .review-card,
.cart-page .cart-card,.cart-page .summary-card,
.ticket-page .ticket-card,.pay-page .pay-card,.pay-page .payment-card,
.booking-history .booking-card,.history-page .order-card,
.account-page .profile-card,.account-page .account-panel,.account-page .stat-card,
.auth-page .auth-card,.register-page .register-card{
  border-color:var(--mk-line)!important;
  box-shadow:var(--mk-shadow)!important;
}

/* forms */
.bq-page .form-control,.bq-page .form-select,
.catalog .form-control,.catalog .form-select,
.support-page .form-control,.support-page .form-select,
.review-page .form-control,.review-page .form-select,
.cart-page .form-control,.cart-page .form-select,
.pay-page .form-control,.pay-page .form-select,
.auth-page .form-control,.register-page .form-control,.account-page .form-control{
  border-color:#d9cfbe!important;
  border-radius:14px!important;
  background:#fffdf8!important;
}
.bq-page .form-control:focus,.bq-page .form-select:focus,
.catalog .form-control:focus,.catalog .form-select:focus,
.support-page .form-control:focus,.support-page .form-select:focus,
.review-page .form-control:focus,.review-page .form-select:focus,
.cart-page .form-control:focus,.cart-page .form-select:focus,
.pay-page .form-control:focus,.pay-page .form-select:focus,
.auth-page .form-control:focus,.register-page .form-control:focus,.account-page .form-control:focus{
  border-color:#7d9273!important;
  box-shadow:0 0 0 .2rem rgba(73,101,69,.10)!important;
}

/* buttons */
.btn-success,.support-submit,.bq-primary{
  background:#345e40!important;
  border-color:#345e40!important;
  color:#fff!important;
}
.btn-success:hover,.support-submit:hover,.bq-primary:hover{
  background:#294c35!important;
  border-color:#294c35!important;
}
.btn-outline-success{color:#345e40!important;border-color:#6f8a70!important}
.btn-outline-success:hover{background:#345e40!important;color:#fff!important;border-color:#345e40!important}
.btn-warning{background:#b88b48!important;border-color:#b88b48!important;color:#fff!important}
.btn-warning:hover{background:#98703a!important;border-color:#98703a!important;color:#fff!important}

/* History page */
.history-story .kicker{color:#8a6542!important}
.history-story .section-title{color:#263028!important;font-family:'Playfair Display','Times New Roman',serif!important}
.history-story .history-hero{
  background:linear-gradient(90deg,rgba(8,30,22,.94),rgba(12,41,29,.72) 52%,rgba(10,28,21,.28)),url('https://upload.wikimedia.org/wikipedia/commons/8/82/Xeo_quyt.jpg') center/cover no-repeat!important;
}
.history-story .history-pill{background:rgba(250,247,238,.12)!important;border-color:rgba(250,247,238,.3)!important}
.history-story .timeline-section{background:#f2eadc!important}
.history-story .relic-list-shell{background:linear-gradient(135deg,#173b2e,#2f6148)!important}
.history-story .story-quote{border-left-color:#a47b42!important;background:#f2eadb!important;color:#5b513f!important}

/* Booking */
.bq-page .bq-hero{
  background:linear-gradient(90deg,rgba(8,31,23,.93),rgba(12,41,30,.70) 48%,rgba(8,31,23,.20)),url('https://saigonprivatetourguide.com/uploads/tour/motor%2C%20private%20biggest%2Csecret-part-xeo-quyt-forest-sa-dec-town-1-day/mekong-secret-part-xeo-quyt-forest-sa-dec-town-1-day7.jpg') center/cover no-repeat!important;
}
.bq-page .bq-eyebrow{color:#e2d4ad!important}
.bq-page .bq-leaf{background:#efe1bd!important}
.bq-page .bq-trust-icon{background:#f1ead9!important}
.bq-page .bq-progress-num{background:#345e40!important;color:#fff!important}

/* Souvenirs */
.souvenir-hero{
  min-height:390px!important;
  background:linear-gradient(90deg,rgba(10,35,25,.90),rgba(10,35,25,.58),rgba(10,35,25,.25)),url('/Content/Images/products/301.png') center/cover no-repeat!important;
}
.souvenir-hero h1{font-family:'Playfair Display','Times New Roman',serif!important;font-weight:700!important}
.catalog{background:#f7f1e5!important}
.catalog .product-card{border-radius:20px!important;border-color:#e2d8c7!important;box-shadow:0 14px 30px rgba(54,43,31,.08)!important;transition:.28s ease!important}
.catalog .product-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(54,43,31,.13)!important}
.catalog .product-image img{transition:transform .6s ease,filter .6s ease}
.catalog .product-card:hover .product-image img{transform:scale(1.05);filter:saturate(1.05)}
.catalog .product-name{font-family:'Playfair Display','Times New Roman',serif!important;color:#2a2b24!important;font-size:1.18rem!important}
.catalog .product-price{color:#80542f!important}
.catalog .product-badge{color:#345e40!important}
.catalog .stock-badge{background:#345e40!important}
.catalog .ticket-cta{background:linear-gradient(135deg,#173b2e,#315e47)!important}

/* Support */
.support-page{background:#f7f1e5!important}
.support-page .support-hero{
  background:linear-gradient(110deg,rgba(12,43,31,.95),rgba(35,81,57,.77)),url('https://cdn-i2.congthuong.vn/stores/news_dataimages/nguyenly/092021/01/10/0415_dia-chi-do.jpg?rt=20210901100415') center/cover!important;
}
.support-page .support-kicker{color:#d9c596!important}
.support-page .support-title{color:#2a3028!important}
.support-page .lookup-card{background:#173b2e!important}
.support-page .support-cta{background:linear-gradient(120deg,#173b2e,#315e47)!important}

/* Review */
.review-page{padding-top:58px!important;padding-bottom:70px!important}
.review-page .review-card{background:#fffaf1!important;border-color:#e1d5c2!important}
.review-page .review-note{background:#f1ead9!important;color:#665a45!important}

/* Customer account / cart / ticket */
.cart-page .item-name,.account-page .panel-title,.account-page .profile-card strong,.booking-history strong,.ticket-page strong,.pay-page strong{color:#2e3b30!important}
.account-page .profile-avatar{background:#345e40!important}
.account-page .role-chip,.account-page .shortcut-icon{background:#eee8d8!important;color:#345e40!important}
.cart-page .item-subtotal,.catalog .product-price{color:#8a5934!important}

@media(max-width:767.98px){
  .history-story,.bq-page,.catalog,.support-page,.review-page,.cart-page,.ticket-page,.pay-page,.booking-history,.history-page,.auth-page,.register-page,.account-page{background:#f8f3e9!important}
}

/* ===============================================================
   XUÂN CĂN CỨ - NIGHT HERITAGE / LOW-GLARE CUSTOMER THEME
   Giảm nền trắng, chuyển sang giấy cổ trầm + xanh rừng.
   =============================================================== */
:root{
  --mk-forest:#132f25;
  --mk-deep:#0c211a;
  --mk-green:#2c503d;
  --mk-green-2:#536d59;
  --mk-cream:#d5c7af;
  --mk-paper:#dfd5c4;
  --mk-brown:#694c33;
  --mk-gold:#b98b49;
  --mk-ink:#29322b;
  --mk-muted:#62655e;
  --mk-line:#b7a78f;
  --mk-shadow:0 18px 44px rgba(35,30,22,.14);
}

.history-story,.bq-page,.catalog,.support-page,.review-page,.cart-page,.ticket-page,.pay-page,.booking-history,.history-page,.auth-page,.register-page,.account-page{
  background:
    radial-gradient(circle at 96% 0,rgba(143,116,75,.09),transparent 22%),
    linear-gradient(180deg,#cfc3b0 0%,#d9cebc 55%,#c9bba5 100%)!important;
  color:var(--mk-ink)!important;
}

.history-story .story-intro,.history-story .intro-card,.history-story .time-box,.history-story .must-card,
.bq-page .bq-trust-inner,.bq-page .bq-card,.bq-page .ticket-option,.bq-page .booking-card,
.catalog .catalog-toolbar,.catalog .product-card,.catalog .empty-catalog,
.support-page .quick-card,.support-page .support-card,.support-page .faq-card,.support-page .map-shell,
.review-page .review-card,
.cart-page .cart-card,.cart-page .summary-card,
.ticket-page .ticket-card,.pay-page .pay-card,.pay-page .payment-card,
.booking-history .booking-card,.history-page .order-card,
.account-page .profile-card,.account-page .account-panel,.account-page .stat-card,
.auth-page .auth-card,.register-page .register-card{
  background:#ded4c4!important;
  border-color:var(--mk-line)!important;
  box-shadow:var(--mk-shadow)!important;
}

.bq-page .form-control,.bq-page .form-select,
.catalog .form-control,.catalog .form-select,
.support-page .form-control,.support-page .form-select,
.review-page .form-control,.review-page .form-select,
.cart-page .form-control,.cart-page .form-select,
.pay-page .form-control,.pay-page .form-select,
.auth-page .form-control,.register-page .form-control,.account-page .form-control{
  background:#e9dfcf!important;
  color:#2d3931!important;
  border-color:#ad9d85!important;
}

.bq-page .form-control::placeholder,
.catalog .form-control::placeholder,
.support-page .form-control::placeholder,
.review-page .form-control::placeholder,
.cart-page .form-control::placeholder,
.pay-page .form-control::placeholder,
.auth-page .form-control::placeholder,
.register-page .form-control::placeholder,
.account-page .form-control::placeholder{color:#7b786f!important;opacity:1}

.history-story .timeline-section{background:#c4b59e!important}
.history-story .story-quote{background:#cdbfa9!important;color:#514c42!important}
.catalog,.support-page{background:#cfc3b0!important}
.review-page .review-card{background:#ded4c4!important}
.review-page .review-note{background:#c9bca7!important;color:#554f44!important}
.catalog .product-name,.support-page .support-title{color:#263229!important}
.catalog .product-card:hover{box-shadow:0 24px 44px rgba(35,30,22,.20)!important}
.catalog .product-image img{filter:brightness(.90) saturate(.92)}
.catalog .product-card:hover .product-image img{filter:brightness(.97) saturate(1)}

.account-page .role-chip,.account-page .shortcut-icon{background:#c8bba5!important;color:#294c3a!important}

@media(max-width:767.98px){
  .history-story,.bq-page,.catalog,.support-page,.review-page,.cart-page,.ticket-page,.pay-page,.booking-history,.history-page,.auth-page,.register-page,.account-page{
    background:#d0c4b2!important;
  }
}
