/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.woocommerce-view-order .game-key-box{
  border:1px solid #e5e7eb; border-radius:12px; padding:16px; margin:18px 0; background:#fff;
}
.woocommerce-view-order .game-key-box h3{ margin:0 0 12px; font-size:18px; }

.woocommerce-view-order .game-key-row{
  display:grid; grid-template-columns:48px 1fr 220px; gap:12px; align-items:center; margin-bottom:10px;
}

.woocommerce-view-order .game-key-copy{
  order:1; width:44px; height:44px; border:0; border-radius:10px;
  background:#2F6BFF; cursor:pointer; position:relative;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.woocommerce-view-order .game-key-copy::before{
  content:""; position:absolute; inset:0; margin:auto; width:20px; height:20px; background:#fff;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M16 1H8a2 2 0 0 0-2 2v2H5a2 2 0 0 0-2 2v11a3 3 0 0 0 3 3h9a2 2 0 0 0 2-2v-1h1a3 3 0 0 0 3-3V6a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2Zm0 4H8V3h8v2Zm-2 3a1 1 0 0 1 1 1v10H6a1 1 0 0 1-1-1V7h9Zm5-2v8a1 1 0 0 1-1 1h-1V7a2 2 0 0 0-2-2h3a1 1 0 0 1 1 1Z"/></svg>') no-repeat center / contain;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M16 1H8a2 2 0 0 0-2 2v2H5a2 2 0 0 0-2 2v11a3 3 0 0 0 3 3h9a2 2 0 0 0 2-2v-1h1a3 3 0 0 0 3-3V6a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2Zm0 4H8V3h8v2Zm-2 3a1 1 0 0 1 1 1v10H6a1 1 0 0 1-1-1V7h9Zm5-2v8a1 1 0 0 1-1 1h-1V7a2 2 0 0 0-2-2h3a1 1 0 0 1 1 1Z"/></svg>') no-repeat center / contain;
}

.woocommerce-view-order .game-key-input{
  order:2; height:44px; border:1px solid #d1d5db; border-radius:10px; background:#fff;
  padding:0 12px; font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  color:#1e66f5; font-weight:500;
}

.woocommerce-view-order .game-key-help{
  order:3; height:44px; line-height:44px; padding:0 16px; border-radius:10px;
  background:#2F6BFF; color:#fff; text-decoration:none; text-align:center; white-space:nowrap;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.woocommerce-view-order .game-key-help:hover{ filter:brightness(0.95); }

.woocommerce-view-order .game-key-note{
  display:flex; align-items:flex-start; gap:8px; color:#6b7280; font-size:12px; margin:8px 0 0 60px;
}
.woocommerce-view-order .game-key-note::before{
  content:"?"; display:inline-flex; align-items:center; justify-content:center;
  width:18px; height:18px; border-radius:999px; background:#e5e7eb; color:#374151; font-weight:700; font-size:11px;
}

@media (max-width: 640px){
  .woocommerce-view-order .game-key-row{
    position: relative;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
    padding:10px 12px 10px 64px;
    display:block;    
    margin-bottom:12px;
  }

  .woocommerce-view-order .game-key-copy{
    position:absolute; left:10px; top:50%; transform:translateY(-50%);
    width:44px; height:44px; border-radius:10px; border:0;
    background:#2F6BFF; cursor:pointer;
    box-shadow:0 1px 0 rgba(0,0,0,.04);
  }
  .woocommerce-view-order .game-key-copy::before{
    content:""; position:absolute; inset:0; margin:auto; width:20px; height:20px; background:#fff;
    -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M16 1H8a2 2 0 0 0-2 2v2H5a2 2 0 0 0-2 2v11a3 3 0 0 0 3 3h9a2 2 0 0 0 2-2v-1h1a3 3 0 0 0 3-3V6a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2Zm0 4H8V3h8v2Zm-2 3a1 1 0 0 1 1 1v10H6a1 1 0 0 1-1-1V7h9Zm5-2v8a1 1 0 0 1-1 1h-1V7a2 2 0 0 0-2-2h3a1 1 0 0 1 1 1Z"/></svg>') no-repeat center / contain;
            mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M16 1H8a2 2 0 0 0-2 2v2H5a2 2 0 0 0-2 2v11a3 3 0 0 0 3 3h9a2 2 0 0 0 2-2v-1h1a3 3 0 0 0 3-3V6a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2Zm0 4H8V3h8v2Zm-2 3a1 1 0 0 1 1 1v10H6a1 1 0 0 1-1-1V7h9Zm5-2v8a1 1 0 0 1-1 1h-1V7a2 2 0 0 0-2-2h3a1 1 0 0 1 1 1Z"/></svg>') no-repeat center / contain;
  }

  .woocommerce-view-order .game-key-input{
    display:block; width:100%;
    min-height:48px; line-height:1.5;
    border:0; outline:0; resize:none;
    padding:2px 0; margin:0;
    background:transparent;
    font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
    color:#1e66f5; font-weight:500; white-space:pre-wrap; word-break:break-word;
  }

  .woocommerce-view-order .game-key-help{
    display:block; width:100%; margin-top:10px;
    height:44px; line-height:44px; text-align:center;
  }

  .woocommerce-view-order .game-key-note{ margin:8px 0 0 0; }
}

.header-account-title{
	font-weight: bold !important; 
	color:white !important;
}
:root{
  --lai-primary:#2563EB;
  --lai-border:#E5E7EB;
  --lai-muted:#6B7280;
  --lai-text:#111827;
  --lai-bg:#ffffff;
/*    color: var(--lai-text); */
   font-size: 15px;
}

/* .lai-dashboard {
  --lai-bg: #fff;
  --lai-text: #1f2937;
  --lai-sub: #6b7280;
  --lai-border: #e5e7eb;
  --lai-primary: #2e7cf6
  --lai-primary-600: #1f6ae6;
  --lai-muted: #f8fafc;

  color: var(--lai-text);
  font-size: 15px;
} */

.lai-dashboard .lai-card {
  background: var(--lai-bg);
  border: 1px solid var(--lai-border);
  border-radius: 10px;
  padding: 22px;
  margin-bottom: 22px;
  box-shadow: 0 1px 1px rgba(0,0,0,.02);
}

.lai-dashboard .lai-card > h3 {
  margin: 0 0 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.lai-dashboard .lai-overview-grid {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 22px;
  align-items: start;
}

/* Avatar block */
.lai-dashboard .lai-avatar {
  text-align: center;
  background: #fff;
  border: 1px dashed var(--lai-border);
  border-radius: 12px;
  padding: 18px;
}

.lai-dashboard .lai-avatar img {
  width: 120px;
  height: 120px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
  margin: 0 auto 12px;
  border: 3px solid #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

.lai-dashboard .lai-avatar .button.small {
  font-size: 12px !important;
  line-height: 1 !important;
  padding: 8px 12px !important;
  background: var(--lai-primary);
  border-color: var(--lai-primary);
  color: #fff;
  border-radius: 8px;
  display: inline-block;
  cursor: pointer;
}
.lai-dashboard .lai-avatar .button.small:hover {
  background: var(--lai-primary-600);
  border-color: var(--lai-primary-600);
}

.lai-dashboard .lai-avatar .desc {
  margin: 10px 0 0;
  font-size: 12px;
  color: var(--lai-sub);
  line-height: 1.5;
}

.lai-dashboard .lai-overview .lai-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.lai-dashboard .lai-overview .lai-table th,
.lai-dashboard .lai-overview .lai-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--lai-border);
  vertical-align: top;
}

.lai-dashboard .lai-overview .lai-table th {
  width: 220px;
  text-align: left;
  font-weight: 600;
  color: var(--lai-sub);
  background: #fff;
}

.lai-dashboard .lai-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px 22px;
}

.lai-dashboard .lai-form .form-row {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.lai-dashboard .lai-form label {
  font-size: 13px;
  color: var(--lai-sub);
  margin-bottom: 6px;
}

.lai-dashboard .lai-form input[type="text"],
.lai-dashboard .lai-form input[type="tel"],
.lai-dashboard .lai-form input[type="email"],
.lai-dashboard .lai-form select {
  background: #fff;
  border: 1px solid var(--lai-border);
  border-radius: 8px;
  height: 40px;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
  box-shadow: 0 1px 0 rgba(0,0,0,.01) inset;
}

.lai-dashboard .lai-form select {
  padding-right: 36px;
}

.lai-dashboard .lai-form input:focus,
.lai-dashboard .lai-form select:focus {
  border-color: var(--lai-primary);
  box-shadow: 0 0 0 3px rgba(46,124,246,.12);
}

.lai-dashboard .lai-form .checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}
.lai-dashboard .lai-form .checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--lai-primary);
}

.lai-dashboard .lai-form > .form-row:nth-last-child(2),
.lai-dashboard .lai-form > p:has(.button.primary) {
  grid-column: 1 / -1;
}

.lai-dashboard .lai-form a.button.is-outline {
  border-radius: 8px;
  padding: 10px 14px;
  border-color: var(--lai-border);
  color: var(--lai-text);
}
.lai-dashboard .lai-form a.button.is-outline:hover {
  border-color: var(--lai-primary);
  color: var(--lai-primary);
}

.lai-dashboard .lai-form .button.primary {
  background: var(--lai-primary);
  border-color: var(--lai-primary);
  color: #fff;
  border-radius: 8px;
  padding: 4px 12px;
}
.lai-dashboard .lai-form .button.primary:hover {
  background: #1548b7;
  border-color: var(--lai-primary-600);
}

#lai-avatar { display: none !important; }

@media (max-width: 1024px) {
  .lai-dashboard .lai-overview-grid {
    grid-template-columns: 180px 1fr;
  }
  .lai-dashboard .lai-overview .lai-table th { width: 180px; }
}

@media (max-width: 767px) {
  .lai-dashboard .lai-card { padding: 16px; }
  .lai-dashboard .lai-overview-grid {
    grid-template-columns: 1fr;
  }
  .lai-dashboard .lai-avatar { order: 1; }
  .lai-dashboard .lai-overview { order: 2; }
  .lai-dashboard .lai-form {
    grid-template-columns: 1fr;
  }
  .lai-dashboard .lai-overview .lai-table th,
  .lai-dashboard .lai-overview .lai-table td {
    padding: 8px 10px;
  }
}
.lai-sec-head h2{margin:0 0 6px;font-size:24px;font-weight:700}
.lai-sec-head .lai-muted{color:#6b7280;margin:0}
.lai-divider{border-top:1px solid #e5e7eb;margin:18px 0}
.lai-pass-grid{display:grid;grid-template-columns:1fr 360px;gap:24px}
.lai-pass-form .form-row{margin-bottom:12px}
.lai-pass-form input.input-text{
  width:100%;height:44px;border:1px solid #e5e7eb;border-radius:8px;
  padding:10px 12px;outline:none;transition:.15s}
.lai-pass-form input.input-text:focus{border-color:#2e7cf6;box-shadow:0 0 0 3px rgba(46,124,246,.12)}
.lai-pass-form .button.primary{background-color: #0a59cc; border-color: transparent;border-radius:8px;padding:4px 8px}
.lai-pass-hint h4{margin:0 0 8px;font-size:16px}
.lai-pass-hint ul{margin:0;padding-left:18px;color:#374151}
@media (max-width:767px){.lai-pass-grid{grid-template-columns:1fr}}

/* login */
.ds-auth-modal{
  display:flex; gap:40px; align-items:center; padding:32px;
}
.ds-auth-left{flex:1; max-width:420px;}
.ds-auth-right{flex:1; text-align:center;}
.ds-auth-right img{max-width:100%; height:auto;}

.ds-auth-tabs{display:flex; gap:16px; margin-bottom:12px;}
.ds-tab-btn{
  background:#f1f3f5; border:none; padding:2px 12px; border-radius:8px;
  font-weight:600; cursor:pointer; color:#2b2f33;
}
.ds-tab-btn.is-active{background:#2563eb; color:#fff;}
.ds-desc{color:#6b7280; margin-bottom:16px;}

.ds-tab-panel{display:none;}
.ds-tab-panel.is-active{display:block;}

.woocommerce-form .form-row{margin-bottom:14px;}
.woocommerce-form .input-text{
  width:100%; padding:12px 14px; border:1px solid #d1d5db; border-radius:8px;
}
.woocommerce-form .button{
  width:100%; padding:2px; border-radius:8px; background:#0a59cc; color:#fff;
}
.lost_password{margin-top:8px;}
@media (max-width: 768px){
  .ds-auth-modal{flex-direction:column; padding:20px;}
  .ds-auth-right{order:2}
}
.mfp-content .ux-modal .ux-modal-content{
  max-width: 1040px !important
  width: 92vw; 
  border-radius: 10px;
}
.mfp-content .ux-modal .ux-modal-content .ux-modal-body{
  padding: 32px 40px;
}
.ds-auth-modal{ gap: 48px; }
.ds-auth-left{ flex: 0 0 55%; max-width: 55%; }
.ds-auth-right{ flex: 0 0 45%; max-width: 45%; }
@media (max-width: 992px){
  .ds-auth-left, .ds-auth-right{ flex: 1 1 100%; max-width: 100%; }
}
#login-form-popup .ux-modal-content{ max-width: 1040px !important; width: 92vw; }
#login-form-popup:not(:has(.account-register-inner)) {
    max-width: 1040px !important;;
}
.ds-illu{display:none; max-width:100%; height:auto;}
.ds-illu.is-active{display:block;}
.mfp-close-btn-in .mfp-close{color: rgb(255 255 255) !important;}

/* phần bên trái account */

.woocommerce-MyAccount-navigation #my-account-nav{
  list-style:none; margin:0; padding:0;
  background:#fff; border:1px solid #e5e7eb; border-radius:10px;
  overflow:hidden; box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.woocommerce-MyAccount-navigation #my-account-nav li a{
  position:relative;
  display:flex; align-items:center; gap:12px;
  padding:14px 16px;
  color:#111827; text-decoration:none; font-weight:600;
  transition:background .15s ease, color .15s ease;
}
.woocommerce-MyAccount-navigation #my-account-nav li + li a{
  border-top:1px solid #eef2f7;
}
.woocommerce-MyAccount-navigation #my-account-nav li a:hover{
  background:#f8fafc;
}
.woocommerce-MyAccount-navigation #my-account-nav li.is-active a,
.woocommerce-MyAccount-navigation #my-account-nav li.active a{
  background:#eff6ff; color:#0f172a; font-weight:700;
}
.woocommerce-MyAccount-navigation #my-account-nav li.is-active a::before,
.woocommerce-MyAccount-navigation #my-account-nav li.active a::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:#2b6ef2;
}
.account-user{display:none !important}
.text-right{padding: 12px 14px;}
.lai-table-wrap{overflow:auto}
.lai-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}
.lai-table th,.lai-table td{padding:10px 12px;border-top:1px solid #f0f2f5;white-space:nowrap}
.lai-table thead th{background:#f8fafc;border-top:0;font-weight:600;text-align:left}
.lai-table td .qty{color:#6b7280}
.lai-table td.text-right{text-align:right}

body.woocommerce-cart #wrapper{background:#f6f7fb}

.ds-steps{display:flex;align-items:center;gap:14px;margin:10px 0 18px}
.ds-steps .ds-step{display:flex;align-items:center;gap:10px;color:#9aa3af;font-weight:700}
.ds-steps .ds-dot{width:16px;height:16px;border-radius:50%;background:#cbd5e1;display:inline-block;box-shadow:0 0 0 3px #e5e7eb inset}
.ds-steps .ds-line{flex:1;height:2px;background:#e5e7eb;border-radius:2px}
.ds-steps[data-step="1"] .ds-step:nth-of-type(1){color:#2563eb}
.ds-steps[data-step="1"] .ds-step:nth-of-type(1) .ds-dot{background:#2563eb;box-shadow:none}

.ds-cart-title{font-size:26px;font-weight:800;color:#111827;margin:0 0 10px}
.ds-cart-title .count{font-weight:600;color:#6b7280}

.ds-cart-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.ds-cart-table{width:100%;border-collapse:separate;border-spacing:0}
.ds-cart-table thead{display:none}
.ds-cart-table tr{border-bottom:1px solid #e5e7eb}
.ds-cart-table tr:last-child{border-bottom:0}
.ds-cart-table td{padding:18px;vertical-align:middle;background:#fff}
.ds-cart-table .product-remove{width:40px;text-align:center}
.ds-cart-table .product-thumbnail{width:120px}
.ds-cart-table .product-thumbnail img{width:120px;height:auto;border-radius:10px}
.ds-cart-table .product-name a{color:#111827;font-weight:700;text-decoration:none}
.ds-cart-table .product-name a:hover{color:#2563eb}
.ds-cart-table .product-quantity{width:140px}
.ds-cart-table .product-subtotal{width:130px;text-align:right;font-weight:800;color:#111827}

.ds-cart-table .product-remove .remove{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:6px;background:#fee2e2;color:#ef4444;
  line-height:1;text-decoration:none;font-size:20px;font-weight:700
}
.ds-cart-table .product-remove .remove:hover{background:#fecaca;color:#b91c1c}

.quantity{display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
.quantity .qty{width:48px;height:36px;border:0;text-align:center;font-weight:700;color:#111827;background:#fff}
.quantity .minus,.quantity .plus{
  width:36px;height:36px;border:0;background:#f3f4f6;color:#111827;
  font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center
}
.quantity .minus:hover,.quantity .plus:hover{background:#e5e7eb}

.woocommerce-cart .actions .button.primary{
  background:#2563eb;color:#fff;border-radius:8px;border:0;padding:4px 8px;font-weight:700
}
.woocommerce-cart .actions .button.primary:hover{background:#1e40af}

.ds-cart-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}

.ds-coupon .widget-title{margin:0 0 10px;font-size:16px;font-weight:800;color:#111827}
.ds-coupon .ds-coupon-row{display:flex;gap:10px}
.ds-coupon #coupon_code{
  flex:1 1 auto;min-width:0;width:100%;
  height:42px;padding:0 12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px
}
.ds-coupon .ds-coupon-btn,
.ds-coupon .button{
  display:inline-flex;align-items:center;justify-content:center;
  height:42px !important;line-height:normal !important;
  padding:0 16px;border-radius:10px;border:0;white-space:nowrap;
  background:#2563eb;color:#fff;font-weight:700
}
.ds-coupon .ds-coupon-btn:hover{background:#1e40af}

.cart-collaterals .cart_totals{margin-top:14px;border-top:1px dashed #e5e7eb;padding-top:14px}
.cart_totals h2{display:none}
.cart_totals table{width:100%}
.cart_totals th{color:#6b7280;font-weight:600;padding:8px 0}
.cart_totals td{text-align:right;font-weight:800;color:#111827;padding:8px 0}
.cart_totals .order-total th,.cart_totals .order-total td{padding-top:12px;border-top:1px solid #e5e7eb}
.cart_totals .order-total td{font-size:18px}

.cart-collaterals .cart-sidebar .button{
  align-items:center;gap:10px;border-radius:10px;font-weight:800;height:36px
}
.cart-collaterals .cart-sidebar .button.ds-pay-vnpay,
.cart-collaterals .cart-sidebar .button.ds-pay-qr,
.cart-collaterals .cart-sidebar .button.ds-pay-momo{
  display:flex;width:100%;justify-content:center
}
.button.ds-pay-vnpay{background:#2563eb;color:#fff}
.button.ds-pay-vnpay:hover{background:#1e40af}
.button.ds-pay-qr{background:#0ea5e9;color:#fff}
.button.ds-pay-qr:hover{background:#0284c7}
.button.ds-pay-momo{background:#ec4899;color:#fff}
.button.ds-pay-momo:hover{background:#db2777}

.cart-collaterals .cart-sidebar .button .icon{
  width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.2);
  display:inline-flex;align-items:center;justify-content:center
}

.woocommerce .ds-empty-card{
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;
  padding:40px;min-height:420px;margin-top:6px;display:flex;align-items:center;justify-content:center;text-align:center
}
.ds-empty-inner h2{margin:0 0 8px;font-size:26px;font-weight:800;color:#111827}
.ds-empty-inner p{margin:0 0 18px;color:#64748b}
.ds-empty-img{width:300px;max-width:100%;height:auto;display:block;margin:10px auto 0}

@media (max-width:849px){
  .ds-cart-table .product-thumbnail{width:80px}
  .ds-cart-table .product-thumbnail img{width:80px;border-radius:8px}
  .ds-cart-table .product-quantity{width:auto}
  .ds-cart-table .product-subtotal{width:auto;text-align:left}
  .ds-coupon .ds-coupon-row{flex-direction:column}
  .ds-coupon .ds-coupon-btn{width:100%}
  .cart-collaterals .cart-sidebar{margin-top:18px}
}