/*Woodmart → Theme Settings → Custom CSS*/
/* GLOBAL CUSTOM CSS */
/* BACKGROUND PAGE */
.woocommerce-cart .main-page-wrapper, .woocommerce-checkout .main-page-wrapper{
  background-color: #FFFFFF !important;
}
/*Thay đổi size menu price details */
.wd-menu-price .menu-price-details { font-size: 90% !important;} 
.info-box-content h4 {height: 55px !important; line-height: 55px !important;}
.wd-menu-price .menu-price-price {font-size: 15px !important; }
/*TOP BAR LEFT */
.wd-nav-secondary>li>a {text-transform: none !important;}
/* MAIN MENU LEFT 
.wd-nav[class*="wd-style-"] {
    --nav-color: #333;
    --nav-color-hover: var(--wd-primary-color);
    --nav-color-active: var(--wd-primary-color);
    --nav-chevron-color: rgba(82, 82, 82, .45);
}
*/
/* SUB COLOR */
.wd-sub-menu {
    --sub-menu-color: #333;
}

/* TAB OF CONTENT */
#ez-toc-sticky-container ul li {
  line-height: 2.0 !important;
}
#ez-toc-sticky-container a {
  font-size: 15px !important;
} 
/* AUTHOR BLOG POST*/
.saboxplugin-wrap .saboxplugin-authorname {
  font-weight: bold !important;
  text-transform: uppercase !important;
}
/* HIDE POST DATE*/
.post-date {
 display: none !important;
}

/* BLOG TEXT-ALIGN: JUSTIFY */
.post-single-page .article-body-container {
  text-align: justify !important;
}
/* MENU RENT POS MACHINE */
#menu-rent-pos-machine>li{
  background: #1a9f49;
}
#menu-rent-pos-machine > li {
    border-radius: 5px;
    transition: background-color 0.3s ease; /* mượt hơn khi hover */
}
#menu-rent-pos-machine>li:hover{
  background: #2F4938;
}
#menu-rent-pos-machine > li > a {
    padding: 5px 20px;
    color: #FFFFFF;
}

/* DevVN Woocommerce Reviews */
#comments a.btn-reviews-now {
  background-color: #1a9f49;
}
span.devvn_num_reviews {
  color: #1a9f49;
}
.woocommerce #review_form #respond p.form-submit input#submit
{
  background-color: #1a9f49;
}
span.btn-attach {
  color: #1a9f49;
}
/* End DevVN Woocommerce Reviews */

/* ĐỔI MÀU BACKGROUND SELECT TỈNH THÀNH CF7 */
span.wpcf7-form-control-wrap select option {
    background: #fff;
}
/* CONTACT FORM 7 - INPUT DATE */
input[type="date"].wpcf7-form-control {
    background-color: #FFFFFF !important; /* Đổi màu nền */
}
html:not(.browser-Firefox) [class*="color-scheme-light"] input[type='date'] {
    background-image: url('https://sellaz.net/wp-content/uploads/2025/02/calendar.svg') !important;
    background-size: auto 20px;
}
label {
    color: inherit !important;
}

/* PAGE - CHECKOUT */
body #billing_address_2_field>label[class*="screen-reader"], 
body #shipping_address_2_field>label[class*="screen-reader"] {   
    transform: scale(1) !important;
    margin-bottom: 5px !important;
}

/* PAGE - SHOP */
/* Nút choose Options */
[class*="wd-swatches"].wd-text-style-4 .wd-swatch.wd-text:is(.wd-active,:hover:not(.wd-disabled)), [class*="wd-swatches"].wd-text-style-4 :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-text {
    border-color: #1a9f49 !important;
    background-color: #1a9f49 !important; /* Đổi màu nền */
}
/* PAGE - BẢO HÀNH */
/* Hạn bảo hành -> Ngày còn lại */
.devvn_bh_col>strong {color: red;}

/* PAGE - BLOG */
/* Ẩn icon ngày viết Blog */
.blog-design-masonry.has-post-thumbnail .wd-post-date {
    display: none !important;
}

/* ==============================
   SCROLL-X CONTAINER
   ============================== */

/* ===== Wrapper scroll cho mobile ===== */
.scroll-x {
  position: relative;
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}

/* ===== Table ===== */
.scroll-x table {
  width: 100%;   /* Desktop: full 100% */
  border-collapse: collapse;
}

/* ====== MOBILE MODE ====== */
@media (max-width: 768px) {
  .scroll-x table {
    width: auto;         /* Mobile: trả về auto để tạo scroll */
    min-width: 720px;    /* hoặc 600 / 800 tùy số cột */
    white-space: nowrap;
  }

  .scroll-x th,
  .scroll-x td {
    white-space: nowrap; /* Giữ thẳng hàng khi cuộn */
  }
}


/* ==============================
   FEATURE BOX ITEM
   ============================== */
.feature-box {
  transition: all 0.3s ease;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transform: translateY(0);
}

.feature-box:hover {
  transform: translateY(-8px);
}

/* =========================================
  SELLAZ GLOBAL STYLE
========================================= */
:root{
  --sellaz-green:#16a34a;
  --sellaz-green-dark:#15803d;
  --sellaz-green-bright:#22c55e;
  --sellaz-green-soft:#dcfce7;
  --sellaz-green-bg:#f0fdf4;
  --sellaz-bg-gradient:linear-gradient(135deg,#ecfdf5,#f0fdf4);

  --sellaz-text:#374151;
  --sellaz-dark:#111827;
  --sellaz-muted:#9ca3af;
  --sellaz-border:#bbf7d0;

  --sellaz-shadow-soft:0 8px 20px rgba(0,0,0,.06);
  --sellaz-shadow-card:0 15px 35px rgba(0,0,0,.08);
  --sellaz-shadow-green:0 30px 80px rgba(22,163,74,.15);
  --sellaz-shadow-badge:0 12px 30px rgba(0,0,0,.1);
}

@keyframes pulse{
  0%{opacity:1;transform:scale(1);}
  50%{opacity:.5;transform:scale(1.3);}
  100%{opacity:1;transform:scale(1);}
}

/* =========================================
  SHARED COMPONENTS
========================================= */
.sellaz-check-list{
  list-style:none;
  padding:0;
  margin:0;
}

.sellaz-check-list li{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  color:var(--sellaz-text);
  font-size:15px;
}

.sellaz-check-list i{
  color:var(--sellaz-green);
  font-size:13px;
}

/* Preserve the final global pulse definition from the original cascade. */
@keyframes pulse{
  0%{opacity:1;transform:scale(1);}
  50%{opacity:.55;transform:scale(1.25);}
  100%{opacity:1;transform:scale(1);}
}

/* Woodmart Mobile tab — global menu price overrides. */
@media (max-width: 767px) {
  .wd-menu-price {flex-direction: row !important;}
  .wd-menu-price .menu-price-image {margin-right: 10px !important;}
}