/* DMCTN Home Horizontal v1.0.0 (TẠO BỞI BÙI VĂN TĨNH) */
:root{--dmctn-accent:#e53935;--dmctn-ink:#0b0b0c}

.dmctn-sec{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px 14px 18px;box-shadow:0 4px 14px rgba(0,0,0,.04);margin-bottom:18px}
.dmctn-sec .sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;border-bottom:2px solid #f2f2f2;padding-bottom:8px}
.dmctn-sec .sec-head h2{font-size:22px;margin:0;line-height:1.2;position:relative;padding-left:10px}
.dmctn-sec .sec-head h2:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:var(--dmctn-accent);border-radius:6px}
.dmctn-sec .sec-right{display:flex;gap:10px;align-items:center}
.dmctn-sec .sec-more{font-size:14px;padding:6px 10px;border-radius:999px;border:1px solid var(--dmctn-accent);text-decoration:none;color:var(--dmctn-accent)}
.dmctn-sec .sec-more:hover{background:var(--dmctn-accent);color:#fff}

.snap-nav{display:flex;gap:6px}
.snap-btn{width:32px;height:32px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:var(--dmctn-ink);font-weight:700;line-height:30px;text-align:center;cursor:pointer;box-shadow:0 2px 8px rgba(2,8,23,.06)}
.snap-btn:hover{filter:brightness(.97)}

.dmctn-sec.is-horizontal{overflow:visible}
.dmctn-sec.is-horizontal .dmctn-code-shop,
.dmctn-sec.is-horizontal .dmctn-docs-list{overflow:visible}

.dmctn-sec.is-horizontal .dmctn-grid,
.dmctn-sec.is-horizontal .wp-block-post-template,
.dmctn-sec.is-horizontal .products{
  display:flex !important;
  gap:16px;
  overflow-x:auto; 
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding-bottom:8px;
}

/* force width for children to avoid being squeezed by theme styles */
.dmctn-sec.is-horizontal .dmctn-grid > *,
.dmctn-sec.is-horizontal .wp-block-post-template > *,
.dmctn-sec.is-horizontal .products > *{
  flex:0 0 auto !important;
  width: clamp(240px, 28vw, 300px) !important;
  max-width: 300px !important;
  scroll-snap-align:start;
}

/* fallback for Gutenberg where li.wp-block-post is the child */
.dmctn-sec.is-horizontal .wp-block-post-template > li{
  list-style:none;
}

.dmctn-sec.is-horizontal .dmctn-grid::-webkit-scrollbar,
.dmctn-sec.is-horizontal .wp-block-post-template::-webkit-scrollbar,
.dmctn-sec.is-horizontal .products::-webkit-scrollbar{height:8px}
.dmctn-sec.is-horizontal .dmctn-grid::-webkit-scrollbar-thumb,
.dmctn-sec.is-horizontal .wp-block-post-template::-webkit-scrollbar-thumb,
.dmctn-sec.is-horizontal .products::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}

/* Hide built-in header inside plugin grid if present */
.dmctn-plugins .dmctn-code-shop .dmctn-header{display:none}
/* Document cards cosmetics (optional minimal) */
.dmctn-docs .wp-block-post-featured-image{border-radius:12px;overflow:hidden;margin-bottom:10px;height:160px}
.dmctn-docs .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;display:block}
.dmctn-docs .wp-block-post-title{margin:2px 0 6px;font-size:18px;line-height:1.3}
.dmctn-docs .wp-block-post-title a{text-decoration:none}
.dmctn-docs .wp-block-post-title a:hover{text-decoration:underline}
.dmctn-docs .wp-block-post-excerpt{margin:2px 0 8px;color:#444}
.dmctn-docs .doc-meta{gap:10px;font-size:13px;opacity:.8;margin:6px 0 8px}

@media(max-width:640px){
  .dmctn-sec.is-horizontal .dmctn-grid > *,
  .dmctn-sec.is-horizontal .wp-block-post-template > *,
  .dmctn-sec.is-horizontal .products > *{
    width: 80vw !important;
    max-width: 80vw !important;
  }
  .snap-btn{width:30px;height:30px;line-height:28px}
}