/**
 * Product page extra CSS v4
 */

/* Gallery zoom cursor */
.dmtk-gal-main img { cursor: zoom-in; }

/* Sticky product bar */
#dmtk-sticky-prod {
  position: fixed; top: -80px; left: 0; right: 0;
  z-index: 9990; background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,.14);
  transition: top .3s ease; padding: 10px 0;
}
#dmtk-sticky-prod.show { top: 0; }

/* Qty stepper */
.dmtk-qty-minus, .dmtk-qty-plus {
  width: 30px; height: 30px;
  border: 1px solid var(--border); background: #f5f5f5;
  cursor: pointer; font-size: 16px; border-radius: 3px;
  vertical-align: middle; font-family: var(--font);
}

/* Order section responsive */
@media (max-width: 768px) {
  #dmtk-order-section [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  .dmtk-gal-main img { height: 250px; }
}

/* Related products 5-col responsive */
.dmtk-grid-5 { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 900px) { .dmtk-grid-5 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 580px) { .dmtk-grid-5 { grid-template-columns: repeat(2, 1fr); } }

/* WC native tabs: hide (we use custom tabs) */
.woocommerce-tabs { display: none !important; }

/* Comments */
.dmtk-comments-wrap .comment-list { padding: 0; list-style: none; }
.dmtk-comments-wrap .comment-body { background: #f8fafc; border: 1px solid var(--border); border-radius: var(--radius); padding: 12px; margin-bottom: 12px; }
.dmtk-comments-wrap .comment-author .fn { font-weight: 700; font-size: 13.5px; }
.dmtk-comments-wrap .comment-metadata { font-size: 11.5px; color: var(--txt-mu); }
.dmtk-comments-wrap #respond { margin-top: 20px; }
.dmtk-comments-wrap #respond h3 { font-size: 16px; font-weight: 700; color: var(--pri); margin-bottom: 14px; }
.dmtk-comments-wrap textarea, .dmtk-comments-wrap input[type=text], .dmtk-comments-wrap input[type=email] {
  font-family: var(--font); font-size: 14px; border: 1px solid var(--border);
  border-radius: 4px; padding: 9px 12px; width: 100%;
}
.dmtk-comments-wrap input#submit {
  background: var(--pri) !important; color: #fff !important;
  border: none !important; border-radius: var(--radius) !important;
  padding: 10px 24px !important; font-weight: 700 !important;
  font-family: var(--font) !important; font-size: 14px !important; cursor: pointer;
}

/* WC notice */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
  font-family: var(--font) !important; border-radius: var(--radius) !important;
  font-size: 13.5px !important;
}

/* Print */
@media print {
  .dmtk-floats, .dmtk-sticky-bar, .dmtk-backtop,
  #header, footer, .dmtk-cta-wrap, .dmtk-phone-box,
  #dmtk-order-section, .dmtk-tabs-nav { display: none !important; }
  .dmtk-single { grid-template-columns: 1fr !important; }
  .dmtk-tab-panel { display: block !important; }
}

/* ── Layout Hình 2: Offer 2 cột ── */
.dmtk-offer-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 10px;
}
@media (max-width: 480px) {
  .dmtk-offer-2col { grid-template-columns: 1fr; }
}

/* ── Features toggle ── */
.dmtk-feats-toggle {
  color: var(--pri); font-size: 12px; font-weight: 700;
  cursor: pointer; border-top: 1px dashed #dde !important;
  padding-top: 5px !important; justify-content: center;
  background: none; list-style: none;
}
.dmtk-feats-toggle::before { content: '' !important; }
.dmtk-feats-toggle:hover { color: var(--pri-dk); }

/* ── Responsive: gallery nhỏ hơn trên mobile ── */
@media (max-width: 768px) {
  .dmtk-single { grid-template-columns: 1fr; }
  .dmtk-gal-main img { height: 240px; }
}

/* ── Đặc điểm nổi bật nằm cột trái (dưới chia sẻ) ── */
.dmtk-gallery-col .dmtk-feats-wrap {
  border-top: 1px solid var(--border);
  padding-top: 10px;
  margin-top: 4px;
}
.dmtk-gallery-col .dmtk-feat-head {
  font-size: 13px; font-weight: 700;
  color: var(--pri); margin-bottom: 6px;
}
.dmtk-gallery-col .dmtk-features {
  list-style: none; margin: 0; padding: 0;
}
.dmtk-gallery-col .dmtk-features li {
  font-size: 12.5px; color: var(--txt); line-height: 1.5;
  padding: 3px 0; border-bottom: 1px dashed #eee;
  display: flex; align-items: flex-start; gap: 6px;
}
.dmtk-gallery-col .dmtk-features li:last-child { border-bottom: none; }
.dmtk-gallery-col .dmtk-features li::before {
  content: '✓'; color: var(--green); font-weight: 800;
  flex-shrink: 0; font-size: 12px; margin-top: 2px;
}
.dmtk-gallery-col .dmtk-feats-toggle::before { content: '' !important; }