/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.archive-grid .hentry {
	border: 1px solid #e5e5e5;
	padding: 300px 60px 30px;
}

.archive-grid .hentry {
	border: 1px solid #e5e5e5;
	padding: 30px 60px;
	height: 400px;
/*change this value if you must*/
}

.site-main .hentry-inner .entry-summary {
	display: none;
}

@media screen and (max-width: 768px) {
#page .has-background-cover {
    background-size: contain;
}
}
#mobile-menu .dropdown-menu {
    background-color: #F05064;
}

/* Prevent quiz selection buttons from capitalizing text */
.phatamhay-quiz-button, 
button, 
.btn, 
label {
    text-transform: none !important;
}

li.mega-menu-item-cta > a.mega-menu-link {
  background: #ff6b35 !important;
  color: #fff !important;
  padding: 0px 22px !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}
li.mega-menu-item-cta > a.mega-menu-link:hover {
  background: #e85a2a !important;
  color: #fff !important;
}

/* Footer: tang do tuong phan chu, de doc tren nen den */
#colophon, #colophon * {
  color: #f0f0f0 !important;
}
#colophon a {
  color: #ffffff !important;
  text-decoration: none;
}
#colophon a:hover {
  color: #ff6b35 !important;
  text-decoration: underline;
}
#colophon .widget-title,
#colophon h1,
#colophon h2,
#colophon h3,
#colophon h4,
#colophon .site-footer-title {
  color: #ffffff !important;
  font-weight: 700 !important;
}
#colophon .site-footer-description,
#colophon .site-info,
#colophon .sep {
  color: #cfcfcf !important;
}


/* n checkbox ng k nhn email marketing MailPoet (cha dch ting Vit) */
label:has(input[name="mailpoet_woocommerce_checkout_optin"]) {
	  display: none !important;
}

}

/* Fix: SePay QR code + bank transfer info overlapping the order-details table on the order-received/thank-you page */
.sepay-pay-info {
  flex-direction: column !important;
  align-items: center !important;
}
.sepay-pay-info > .qr-box {
  margin: 0 auto 16px !important;
}
.sepay-pay-info > .manual-box {
  width: 100% !important;
  max-width: 100% !important;
}



/* ==========================================================================
   PAH - Fix layout & polish trang "Don hang da nhan" (checkout/order-received)
   Ngan chan chong che giua khoi thanh toan SePay va bang chi tiet don hang,
   sap xep lai theo mot cot ro rang, chuyen nghiep hon.
   ========================================================================== */

body.woocommerce-order-received .woocommerce-order {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

body.woocommerce-order-received .woocommerce-order > * {
  float: none !important;
  position: static !important;
  width: auto !important;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
  isolation: isolate;
}

body.woocommerce-order-received ul.order_details,
body.woocommerce-order-received ul.woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
  list-style: none;
  padding: 20px 24px;
  background: var(--th-color-secondary-lightest);
  border: 1px solid var(--th-color-secondary-lighter);
  border-radius: 8px;
}

body.woocommerce-order-received ul.order_details::after,
body.woocommerce-order-received ul.woocommerce-order-overview::after {
  content: "";
  display: block;
  clear: both;
}

body.woocommerce-order-received ul.order_details li,
body.woocommerce-order-received ul.woocommerce-order-overview li {
  float: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none;
  font-size: 0.85rem;
  color: var(--th-color-secondary-base);
  list-style: none;
}

body.woocommerce-order-received ul.order_details li strong,
body.woocommerce-order-received ul.woocommerce-order-overview li strong {
  display: block;
  font-size: 1.05rem;
  color: var(--th-color-primary-base);
  margin-top: 4px;
  font-weight: 700;
}

body.woocommerce-order-received .woocommerce-sepay-bank-details {
  width: 100% !important;
}

body.woocommerce-order-received .woocommerce-order-details {
  background: var(--th-color-white);
  border: 1px solid var(--th-color-secondary-lighter);
  border-radius: 8px;
  padding: 24px;
}

body.woocommerce-order-received .woocommerce-order-details h2 {
  font-size: 1.1rem;
  margin: 0 0 16px !important;
  color: var(--th-color-primary-base);
}

body.woocommerce-order-received table.woocommerce-table--order-details {
  width: 100%;
  border-collapse: collapse;
}

body.woocommerce-order-received table.woocommerce-table--order-details th,
body.woocommerce-order-received table.woocommerce-table--order-details td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--th-color-secondary-lightest);
  text-align: left;
  vertical-align: top;
  line-height: 1.45;
}

body.woocommerce-order-received table.woocommerce-table--order-details thead th {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--th-color-secondary-base);
  border-bottom: 2px solid var(--th-color-secondary-lighter);
}

body.woocommerce-order-received table.woocommerce-table--order-details .product-total,
body.woocommerce-order-received table.woocommerce-table--order-details th:last-child,
body.woocommerce-order-received table.woocommerce-table--order-details tfoot td {
  text-align: right;
  white-space: nowrap;
}

body.woocommerce-order-received table.woocommerce-table--order-details tfoot th,
body.woocommerce-order-received table.woocommerce-table--order-details tfoot td {
  border-bottom: none;
  font-weight: 700;
}

body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child td,
body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child th {
  font-size: 1.05rem;
  color: var(--th-color-accent-dark);
}

body.woocommerce-order-received .woocommerce-customer-details.col2-set {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px;
  width: 100% !important;
}

body.woocommerce-order-received .woocommerce-customer-details .col-1,
body.woocommerce-order-received .woocommerce-customer-details .col-2 {
  float: none !important;
  width: 100% !important;
  flex: 1 1 260px;
  margin: 0 !important;
}

body.woocommerce-order-received .woocommerce-customer-details address {
  border: 1px solid var(--th-color-secondary-lighter);
  border-radius: 8px;
  padding: 20px;
  font-style: normal;
  line-height: 1.6;
}

@media (max-width: 640px) {
  body.woocommerce-order-received ul.order_details,
  body.woocommerce-order-received ul.woocommerce-order-overview {
    flex-direction: column;
    gap: 12px;
  }

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received ul.order_details,
  body.woocommerce-order-received ul.woocommerce-order-overview {
    padding: 16px;
  }
}


/* PAH - Style cho thong bao thanh toan thanh cong (SePay paid-notification) */
body.woocommerce-order-received .paid-notification {
  text-align: left;
  align-items: flex-start;
  gap: 12px;
  max-width: 520px;
  margin: 0 auto;
}

body.woocommerce-order-received .paid-notification h2 {
  color: #1C2430;
  font-size: 1.3rem;
  margin: 4px 0 0 !important;
}

body.woocommerce-order-received .paid-notification p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #5B6472;
  margin: 0 !important;
  text-align: left;
}

body.woocommerce-order-received .paid-notification .sepay-success-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px !important;
}

body.woocommerce-order-received .paid-notification .sepay-success-actions a {
  display: inline-block;
  padding: 0.7em 1.4em;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  color: #fff !important;
  background: #D62839;
}

body.woocommerce-order-received .paid-notification .sepay-success-actions a:nth-of-type(2) {
  background: #1C2430;
}


/* PAH - Nut Dang nhap / Tai Khoan canh gio hang tren header */
.header-right-col {
  gap: 4px;
}

.pah-header-account-item {
  display: inline-flex !important;
  align-items: center;
  order: -1;
  margin-right: 4px;
}

.pah-header-account-item.xoo-el-action-sc {
  padding: 0.5em 1.1em;
  border-radius: 999px;
  background: var(--th-color-accent-base);
  color: #fff !important;
  text-transform: none;
  font-weight: 600;
  font-size: 0.78rem;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.pah-header-account-item.xoo-el-action-sc:hover {
  opacity: 0.85;
}

@media (max-width: 640px) {
  .pah-header-account-item.xoo-el-action-sc {
    padding: 0.45em 0.85em;
    font-size: 0.72rem;
  }
}