/*
Theme Name: Thuong Do Child
Template: dev-themes
Description: Child theme of Dev-Themes. Add your CSS below; theme updates never overwrite this file.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: thuongdo-child
Update URI: false
*/

/* Body của gốc theo Bootstrap 16px/1.5 nên strut dòng là 24px */
body{line-height:1.5}

/* Nút nổi của gốc: Zalo cách đáy 140px, nút lên đầu trang hiện khi cuộn quá 100px */
#btn-zalo{position:fixed;bottom:140px;right:10px;z-index:99;width:80px;height:40px;cursor:pointer}
#btn-zalo img{display:inline;width:80px;height:auto;max-width:none}
#btn-top{position:fixed;bottom:195px;right:30px;z-index:99;display:flex;align-items:flex-start;justify-content:center;width:36px;height:36px;padding-top:9px;border-radius:50%;background:linear-gradient(180deg,#1f6be2 0%,#053aa3 100%);color:#fff;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
#btn-top.is-visible{opacity:1;visibility:visible}
#btn-top:hover{background:#008eff}
/* Gốc ngắt dòng văn bản kiểu thường, không cân dòng như text-wrap:pretty của builder */
.dvt-text{text-wrap-style:auto}

/* AOS của gốc để lại transform 3D trên khối flip sau khi hiện, giữ cùng trạng thái để mép khối raster như gốc */
[data-dvt-reveal="flip-down"]:not(.dvt-reveal){transform:perspective(2500px) rotateX(0)}
[data-dvt-reveal="flip-left"]:not(.dvt-reveal){transform:perspective(2500px) rotateY(0)}

/* Nội dung bài viết như theme gốc: đoạn cách 16, h2 22/40, h3 20/24, link xanh không gạch */
.td-entry p{margin:0 0 16px}
.td-entry ul,.td-entry ol{margin:0 0 16px;padding-left:40px}
.td-entry li ul,.td-entry li ol{margin-bottom:0}
.td-entry li{padding:.2em}
.td-entry ol li{margin:.2em 0}
.td-entry h2{margin:0 0 8px;font-size:22px;font-weight:700;line-height:40px;color:#000}
.td-entry h3{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.2;color:#000}
.td-entry h4{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.2;color:#000}
.td-entry h2 strong,.td-entry h3 strong,.td-entry h4 strong{font-weight:900}
.td-entry strong,.td-entry b{font-weight:700}
.td-entry p span{font-size:16px;line-height:2em!important;letter-spacing:.02em;color:#000}
.td-entry p b{color:#0e75bc}
.td-entry a{color:#007bff;text-decoration:none}
.td-entry img{display:block;max-width:100%;height:auto!important;margin:auto;object-fit:contain}
.td-entry .rtecenter em{display:flex;justify-content:center}
.td-entry hr{margin:16px 0;border:0;border-top:1px solid rgba(0,0,0,.1)}
.td-entry .lead,.td-entry .lead p{font-size:16px;font-weight:300;line-height:27.2px}
.td-entry .td-article-contact>:last-child{margin-bottom:0}

/* Mục lục EZ-TOC theo CSS inline của plugin và theme gốc */
div#ez-toc-container .ez-toc-title{font-size:120%;font-weight:500}
div#ez-toc-container ul li{font-size:95%;font-weight:500}
div#ez-toc-container nav ul ul li{font-size:90%}
.ez-toc-container-direction{direction:ltr}
.ez-toc-counter ul{counter-reset:item}
.ez-toc-counter nav ul li a::before{content:counters(item,".",decimal) ". ";display:inline-block;counter-increment:item;flex-grow:0;flex-shrink:0;margin-right:.2em;float:left}
.ez-toc-title-container p.ez-toc-title{font-size:22px!important;font-weight:700!important}
#ez-toc-container{display:block!important;width:100%!important;max-width:100%;margin-top:1em;background:#effbff;border:none;border-radius:4px}
.td-entry #ez-toc-container li{padding:.2em}
#ez-toc-container a{font-weight:500;letter-spacing:.02em;text-transform:capitalize;color:#1457c8}
#ez-toc-container a.ez-toc-toggle{outline:none!important;padding-top:6px}
#ez-toc-container .ez-toc-js-icon-con{display:none!important}
#ez-toc-container .ez-toc-title-toggle a::after{content:"Thu gọn";font-size:14px;font-weight:500;color:#0073aa}
#ez-toc-container.toc_close .ez-toc-title-toggle a::after{content:"Mở rộng"}
#ez-toc-container.toc_close .ez-toc-list{display:none!important}
.dvt-post-content.td-entry{line-height:1.7}
.td-entry .dvt-content{overflow-wrap:normal}
.td-entry iframe{max-width:100%}
/* Gốc chặn tràn ngang toàn site từ 1023 trở xuống */
@media (max-width:1023px){html,body{max-width:100%;overflow-x:hidden}}

/* Nội dung đầy đủ ở trang lưu trữ của gốc: chỉ CSS nền Bootstrap, underscores và vài rule .type-post */
.td-plain>.dvt-content{overflow-wrap:normal}
.td-plain p{margin:0 0 16px}
.td-plain h2,.td-plain h3,.td-plain h4{margin:0 0 8px;font-weight:700;line-height:1.2;color:#000}
.td-plain h2{font-size:22px}
.td-plain h3{font-size:16px}
.td-plain h4{font-size:18px}
.td-plain b,.td-plain strong{font-weight:bolder}
.td-plain p b{color:#0e75bc!important}
.td-plain ul,.td-plain ol{margin:0 0 16px;padding-left:40px}
.td-plain li ul,.td-plain li ol{margin-bottom:0}
.td-plain ol li{margin:32px 0}
.td-plain ul li{padding:3.2px}
.td-plain a{color:#007bff;text-decoration:none}
.td-plain img{max-width:100%;height:auto;vertical-align:middle;object-fit:contain}
.td-plain .lead{font-size:16px;font-weight:300}
.td-plain .wp-caption{max-width:100%;margin:0 0 24px}
.td-plain .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:24px}
.td-plain .wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}
.td-plain .wp-caption-text{margin:.8075em 0;padding-top:10px;font-style:italic;text-align:center}
.td-plain table{width:100%;margin:0 0 24px;border-collapse:collapse}
.td-plain th{text-align:inherit}
.td-plain td,.td-plain th{padding:1px}
.td-plain sup{position:relative;top:-.5em;font-size:75%;line-height:0;vertical-align:baseline}
.td-plain blockquote a{color:#2563eb;font-weight:700}
.td-plain blockquote{margin:0 0 16px;padding:20px 24px;background:#fff;border:2px solid #7c3aed;border-radius:16px;box-shadow:0 8px 24px rgba(124,58,237,.18);line-height:1.8}
@media (max-width:1023px){.td-plain blockquote{margin:10px 0}}
.td-plain p span{line-height:2em!important;letter-spacing:.02em;color:#000}
.td-plain .fa-exclamation-triangle{display:inline-block;width:18px;height:16px;vertical-align:-2px;font-style:normal;background:currentColor;-webkit-mask:url(assets/fa-exclamation-triangle.svg) 0 0/100% 100% no-repeat;mask:url(assets/fa-exclamation-triangle.svg) 0 0/100% 100% no-repeat}