/*
Theme Name: Dolio
Theme URI: https://hoclamda.com
Description: Giao diện con của Twenty Twenty-Five cho Dolio Leather School.
Author: Dolio
Template: twentytwentyfive
Version: 0.4.0
Text Domain: dolio
*/
body{margin:0;background:#F5F1EA}
a{color:#8F4A22}a:hover{color:#6E3517}
.dl-wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.dl-topbar{background:#23281F;color:#E9E3D8;font-size:14px}
.dl-topbar-in{padding-top:8px;padding-bottom:8px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.dl-topbar a{color:#F3D9B8;font-weight:600;text-decoration:none}
.dl-header{background:#F5F1EA;border-bottom:1px solid #E2DACD;position:relative}
.dl-header-in{padding-top:18px;padding-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.dl-logo{display:flex;flex-direction:column;text-decoration:none;color:#1F1A16;line-height:1}
.dl-logo:hover{color:#1F1A16}
.dl-logo-1{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;letter-spacing:.08em}
.dl-logo-2{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#5E554C;margin-top:4px}
.dl-nav{display:flex;flex-wrap:wrap;gap:6px 28px;font-size:15px;font-weight:500}
.dl-nav a{color:#1F1A16;text-decoration:none}
.dl-nav a:hover,.dl-nav a[aria-current]{color:#8F4A22}
.dl-nav a[aria-current]{font-weight:600}
.dl-cta{background:#8F4A22;color:#fff;text-decoration:none;padding:12px 22px;border-radius:999px;font-weight:600;font-size:15px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;white-space:nowrap}
.dl-cta:hover{background:#23281F;color:#fff}
.dl-nav-t,.dl-nav-btn{display:none}
@media (max-width:1260px){
 .dl-header-in{flex-wrap:wrap}
 .dl-nav-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;cursor:pointer;margin-left:auto}
 .dl-nav-btn span{display:block;height:2px;background:#1F1A16;border-radius:2px}
 .dl-nav{display:none;order:5;width:100%;flex-direction:column;gap:0;padding:8px 0 4px;border-top:1px solid #E2DACD}
 .dl-nav a{padding:12px 0;font-size:17px;border-bottom:1px solid #EAE3D7}
 .dl-nav-t:checked ~ .dl-nav{display:flex}
 .dl-cta{order:4;padding:10px 16px;font-size:14px}
}
@media (max-width:520px){.dl-cta{display:none}.dl-topbar-in span:first-child{display:none}}
.dl-footer{background:#181C15;color:#B7AF9F;font-size:14px}
.dl-footer-in{padding-top:56px;padding-bottom:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:36px}
.dl-fcol{display:flex;flex-direction:column;gap:8px}
.dl-fcol a{color:#B7AF9F;text-decoration:none}.dl-fcol a:hover{color:#fff}
.dl-fcol a.dl-hl{color:#F3D9B8}
.dl-flogo{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;letter-spacing:.08em;color:#fff}
.dl-fh{color:#fff;font-weight:600}
.dl-bct{margin-top:10px;align-self:flex-start}.dl-bct img{display:block;width:180px;height:auto}
.dl-fbottom{border-top:1px solid #2B3027;padding:16px 24px;text-align:center}
.dl-main{overflow-x:clip}
.dl-main .wp-block-post-content > *{margin-block-start:0;margin-block-end:0}
.dl-main img{max-width:100%}
/* Tiêu đề lớn co lại trên điện thoại */
@media (max-width:700px){
 .dl-main h1{font-size:clamp(32px,9vw,46px)!important;line-height:1.15!important}
 .dl-main h2{font-size:clamp(26px,7vw,36px)!important}
 .dl-main img[style*="height: 5"],.dl-main img[style*="height: 6"]{height:auto!important;aspect-ratio:4/3}
}
/* Ngắt dòng gọn gàng: tiêu đề chia đều các dòng, đoạn văn không để một chữ lẻ ở dòng cuối */
body :is(h1,h2,h3,h4,h5,h6,summary,figcaption,blockquote),.dl-main span,.dl-main strong,.dl-main a,.dl-main button,.dl-main label,.dl-fh{text-wrap:balance}
p,li,dd,.dl-main div{text-wrap:pretty}
a[href^="tel:"],.dl-nav a,.dl-cta{white-space:nowrap}
.dl-main h1,.dl-main h2,.dl-main h3{overflow-wrap:break-word;hyphens:manual}
@media (max-width:700px){
 .dl-main p,.dl-main li{font-size:16px;line-height:1.6}
 .dl-topbar-in{justify-content:center;text-align:center}
}
/* Khối tiêu đề + mô tả: xếp dọc, thẳng lề trái, đủ rộng để tiêu đề không bị bẻ vụn */
.dl-main div[style*="space-between"][style*="flex-end"]{flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important}
.dl-main div[style*="max-width: 680px"]{max-width:860px!important}
.dl-main :is(h1,h2) + p{max-width:none!important}
/* Khu vực học online (Tutor LMS): đổi sang tông kem – nâu da – xanh rêu của Dolio */
html[data-tutor-theme],html[data-tutor-theme] body{
 --tutor-brand-50:#FBF6F1;--tutor-brand-100:#F6ECE2;--tutor-brand-200:#EFE2D3;--tutor-brand-300:#E3CBB2;--tutor-brand-400:#C99A72;--tutor-brand-500:#A86537;--tutor-brand-600:#8F4A22;--tutor-brand-700:#763B1A;--tutor-brand-800:#5E2F15;--tutor-brand-900:#4A2612;--tutor-brand-950:#23281F;
 --tutor-surface-base:#F5F1EA;--tutor-surface-l1:#FFFFFF;--tutor-surface-l1-hover:#FBF8F3;--tutor-surface-l2:#EDE6DA;--tutor-surface-l2-hover:#E2DACD;--tutor-surface-l3:#F2ECE2;--tutor-surface-sidebar-l1:#FBF8F3;--tutor-surface-dark:#23281F;
 --tutor-surface-brand-dark:#23281F;--tutor-surface-brand-primary:#8F4A22;--tutor-surface-brand-primary-2:#5E2F15;--tutor-surface-brand-secondary:#E3CBB2;--tutor-surface-brand-tertiary:#FBF6F1;--tutor-surface-brand-quaternary:#EFE2D3;--tutor-surface-exception7:#4A2612;
 --tutor-text-primary:#1F1A16;--tutor-text-primary-inverse:#FFFFFF;--tutor-text-secondary:#4A423A;--tutor-text-subdued:#6B6158;--tutor-text-disabled:#C9BFAF;--tutor-text-light:#F5F1EA;--tutor-text-highlighted-hover:#4A423A;
 --tutor-text-brand:#8F4A22;--tutor-text-brand-hover:#763B1A;--tutor-text-brand-secondary:#C99A72;
 --tutor-icon-idle:#4A423A;--tutor-icon-idle-inverse:#FFFFFF;--tutor-icon-hover:#1F1A16;--tutor-icon-secondary:#6B6158;--tutor-icon-subdued:#8C8276;--tutor-icon-disabled:#C9BFAF;--tutor-icon-brand:#8F4A22;--tutor-icon-brand-hover:#763B1A;--tutor-icon-brand-secondary:#E3CBB2;
 --tutor-button-primary:#8F4A22;--tutor-button-primary-hover:#23281F;--tutor-button-primary-focused:#8F4A22;--tutor-button-primary-disabled:#C99A72;--tutor-button-primary-soft:#EFE2D3;--tutor-button-primary-soft-hover:#E3CBB2;--tutor-button-primary-soft-focused:#EFE2D3;
 --tutor-button-secondary:#EDE6DA;--tutor-button-secondary-hover:#E2DACD;--tutor-button-secondary-focused:#EDE6DA;--tutor-button-disabled:#F0EBE3;--tutor-button-outline-hover:#EDE6DA;--tutor-button-ghost-hover:#EDE6DA;--tutor-button-outline-inverse:#FFFFFF;
 --tutor-border-idle:#E2DACD;--tutor-border-idle2:#E2DACD;--tutor-border-hover:#C9BFAF;--tutor-border-tertiary:#A79C8E;--tutor-border-dark:#1F1A16;--tutor-border-inverse:#FFFFFF;--tutor-border-brand:#8F4A22;--tutor-border-brand-secondary:#E3CBB2;--tutor-border-brand-tertiary:#C99A72;
 --tutor-tab-sidebar-l2:#FBF8F3;--tutor-tab-sidebar-l2-hover:#EDE6DA;--tutor-tab-sidebar-l2-active:#EFE2D3;--tutor-tab-sidebar-l4-hover:#EDE6DA;--tutor-tab-sidebar-l4-active:#EFE2D3;--tutor-tab-l3:#EFE2D3;--tutor-tab-l3-hover:#E3CBB2;--tutor-tab-l3-active:#EFE2D3;--tutor-tab-l3-active-hover:#F2ECE2;
 --tutor-actions-brand-primary:#8F4A22;--tutor-actions-brand-secondary:#E3CBB2;--tutor-actions-brand-tertiary:#EFE2D3;--tutor-actions-gray-empty:#F2ECE2;--tutor-actions-gray-secondary:#EDE6DA;--tutor-actions-gray-tertiary:#E2DACD;--tutor-actions-gray-quaternary:#D6CCBD;--tutor-actions-inverse:#FFFFFF;
 --tutor-actions-success-primary:#4F6B3A;--tutor-actions-success-secondary:#B9C9A6;--tutor-actions-success-tertiary:#E7EFE0;--tutor-surface-success:#E7EFE0;--tutor-text-success:#3E5A2C;--tutor-icon-success-primary:#4F6B3A;--tutor-icon-success-secondary:#5F7F47;--tutor-button-success:#4F6B3A;--tutor-button-success-hover:#3E5A2C;
 --tutor-quiz-idle:#FBF8F3;--tutor-quiz-hover:#F2ECE2;--tutor-visual-gray-1:#FFFFFF;--tutor-visual-gray-2:#E2DACD;--tutor-visual-gray-3:#C9BFAF;--tutor-visual-gray-4:#23281F;--tutor-visual-brand-1:#A86537;--tutor-visual-brand-2:#C99A72;--tutor-visual-brand-3:#E3CBB2;
 --tutor-shadow-sm:0 1px 2px rgba(31,26,22,.06),0 1px 3px rgba(31,26,22,.08);--tutor-shadow-md:0 4px 10px -2px rgba(31,26,22,.10);
 color-scheme:light;
}
html[data-tutor-theme]{background-color:#F5F1EA}
.tutor-learning-area,.tutor-dashboard-layout,.tutor-account-page-wrapper,.tutor-frontend .tutor-course-details-page{font-family:'Be Vietnam Pro',system-ui,sans-serif}
.tutor-learning-area :is(h1,h2,h3,h4,h5,.tutor-learning-header-title),.tutor-dashboard-layout :is(h1,h2,h3){font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:0}
/* Thanh trên cùng trang học: nền xanh rêu, chữ kem */
.tutor-learning-header-inner{background:#23281F!important;border:0!important;color:#F5F1EA}
.tutor-learning-header-inner :is(.tutor-learning-header-title,.tutor-learning-header-title span,a,button){color:#F5F1EA!important}
.tutor-learning-header-inner svg{color:#F5F1EA;stroke:currentColor}
.tutor-learning-header-inner .tutor-btn:hover{background:rgba(245,241,234,.14)!important}
/* Danh sách bài học bên phải */
@media (min-width:992px){
 .tutor-learning-area .tutor-learning-area-body{grid-template-columns:minmax(0,1fr) 320px!important;column-gap:28px!important;max-width:1420px;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}
 .tutor-learning-area .tutor-learning-area-body > .tutor-learning-sidebar{padding-left:0!important;padding-right:0!important}
 .tutor-learning-area .tutor-learning-area-body > .tutor-learning-sidebar{grid-column:2!important;grid-row:1!important}
 .tutor-learning-area .tutor-learning-area-body > .tutor-learning-area-content{grid-column:1!important;grid-row:1!important}
 /* Cả khung video và danh sách bài học nằm giữa màn hình */
 .tutor-learning-area .tutor-learning-area-container{max-width:none!important;margin-left:0!important;margin-right:0!important}
 .tutor-learning-area .tutor-learning-area-content{padding-left:0!important;padding-right:0!important}
 .tutor-learning-area .tutor-learning-header{padding-left:0!important;padding-right:0!important}
 .tutor-learning-area .tutor-learning-header-inner{max-width:min(1372px,calc(100% - 48px));margin-left:auto!important;margin-right:auto!important}
}
/* Nút Bài trước / Bài sau nền nâu da */
.tutor-learning-area-footer a.tutor-btn{background:#8F4A22!important;color:#FFFFFF!important;border-radius:999px!important;padding:8px 18px!important;border:0!important}
.tutor-learning-area-footer a.tutor-btn svg{color:#FFFFFF}
.tutor-learning-area-footer a.tutor-btn:hover{background:#23281F!important}
/* Ngắt câu trong đoạn mô tả: chỉ trên màn hình rộng */
@media (max-width:899px){.dl-sbr{display:none}}
.dl-nosbr .dl-sbr{display:none}
/* Đoạn mô tả dưới tiêu đề: các dòng dài đều nhau */
.dl-main :is(h1,h2) + p{text-wrap:balance}
/* Trang giới thiệu khóa học online (Tutor): màu Dolio, nội dung hiện đầy đủ, danh sách bài dùng chữ không chân */
html:root{--tutor-color-primary:#8F4A22;--tutor-color-primary-rgb:143,74,34;--tutor-color-primary-hover:#23281F;--tutor-color-primary-hover-rgb:35,40,31;--tutor-body-color:#1F1A16;--tutor-body-color-rgb:31,26,22;--tutor-border-color:#E2DACD;--tutor-border-color-rgb:226,218,205;--tutor-color-gray:#E2DACD;--tutor-color-gray-10:#F2ECE2;--tutor-color-success:#4F6B3A;--tutor-color-success-rgb:79,107,58}
.tutor-sidebar-card,.tutor-sidebar-card .tutor-card-footer{background:#FFFFFF!important;border-color:#E2DACD!important}
.tutor-sidebar-card .tutor-card-body{background:#FBF8F3!important}
.tutor-sidebar-card .tutor-btn-primary{background:#8F4A22!important;border-color:#8F4A22!important;color:#fff!important;border-radius:999px!important}
.tutor-sidebar-card .tutor-btn-primary:hover{background:#23281F!important;border-color:#23281F!important}
.tutor-sidebar-card .tutor-btn-outline-primary{color:#8F4A22!important;border-color:#8F4A22!important;border-radius:999px!important;background:transparent!important}
.tutor-sidebar-card .tutor-btn-outline-primary:hover{background:#8F4A22!important;color:#fff!important}
.tutor-sidebar-card .tutor-progress-bar{background:#E2DACD!important}
.tutor-sidebar-card .tutor-progress-value{background:#8F4A22!important}
.tutor-enrolled-info-date{color:#4F6B3A!important}
.tutor-toggle-more-collapsed{height:auto!important;overflow:visible!important}
.tutor-toggle-more-collapsed::before{display:none!important}
.tutor-btn-show-more{display:none!important}
.tutor-course-details-content,.tutor-course-details-content li,.tutor-course-details-content p{color:#2E2823!important}
.tutor-course-content-list-item-title,.tutor-course-content-list-item-title a{font-family:'Be Vietnam Pro',system-ui,sans-serif!important;font-weight:500!important;font-size:16px!important;letter-spacing:0!important}
.tutor-course-content-list-item-title a{text-decoration:none!important;color:#1F1A16!important}
.tutor-course-content-list-item-title a:hover{color:#8F4A22!important}
.tutor-accordion-item-header{color:#1F1A16!important;background:#F2ECE2!important}
.tutor-accordion-item-header.is-active{color:#8F4A22!important}
.tutor-avatar-text{background:#8F4A22!important;color:#fff!important}

/* Logo SVG (phương án 2) */
.dl-logo svg{display:block;width:134px;height:auto}
.dl-flogo{display:block;line-height:0;margin-bottom:6px}
.dl-flogo svg{display:block;width:140px;height:auto}
@media (max-width:781px){.dl-logo svg{width:108px}}

/* Shop */
.dl-mto-note{color:#5E554C;font-size:15px;margin:8px 0 12px}
.dl-btn-zalo{display:inline-flex;align-items:center;min-height:44px;padding:12px 24px;border-radius:999px;background:#8F4A22;color:#fff!important;text-decoration:none;font-weight:600}
.dl-btn-zalo:hover{background:#7A3E1D}

/* Woo forms */
.dl-hide{display:none!important}
.woocommerce{font-size:16px}
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{max-width:1180px;margin:0 auto;padding:16px 24px 80px}
.dl-woo-head{max-width:1180px;margin:0 auto;padding:48px 24px 8px}.dl-woo-head h1{margin:0;font-family:'Playfair Display',serif;font-weight:600;font-size:44px;line-height:1.15;color:#1F1A16}
.woocommerce form .form-row label{font-weight:600;font-size:15px;color:#1F1A16}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection--single{border:1px solid #CFC5B5;border-radius:4px;background:#fff;padding:12px 14px;min-height:48px;font:inherit;box-sizing:border-box}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:24px;padding:0}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:#8F4A22;outline:2px solid rgba(143,74,34,.18)}
.woocommerce h3,#order_review_heading,.woocommerce-cart h2,.woocommerce-account h2{font-family:'Playfair Display',serif;font-weight:600;font-size:26px;color:#1F1A16}
.woocommerce table.shop_table{border:1px solid #E2DACD;border-radius:4px;background:#fff;border-collapse:separate}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:#EFE9DF;padding:14px 16px}
.woocommerce-checkout #payment{background:#fff;border:1px solid #E2DACD;border-radius:4px}
.woocommerce-checkout #payment div.payment_box{background:#F5F1EA;color:#4A423A}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#F5F1EA}
.woocommerce #payment #place_order,.woocommerce a.checkout-button,.woocommerce button.button.alt,.woocommerce a.button.alt{background:#8F4A22!important;color:#fff!important;border-radius:999px!important;padding:16px 28px!important;font-weight:600!important;font-size:17px!important;border:0!important}
.woocommerce #payment #place_order:hover,.woocommerce a.checkout-button:hover{background:#7A3E1D!important}
.woocommerce button.button,.woocommerce a.button{border-radius:999px;background:#EFE9DF;color:#1F1A16;font-weight:600}
.woocommerce-message,.woocommerce-info{border-top-color:#23281F;background:#fff}
.woocommerce-message::before,.woocommerce-info::before{color:#23281F}
.woocommerce a{color:#8F4A22}
@media (min-width:992px){.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0 48px;align-items:start}.woocommerce-checkout form.checkout #customer_details{grid-column:1;grid-row:1/span 3}.woocommerce-checkout form.checkout #customer_details .col-1,.woocommerce-checkout form.checkout #customer_details .col-2{float:none;width:100%}.woocommerce-checkout form.checkout #order_review_heading,.woocommerce-checkout form.checkout #order_review{grid-column:2}}

.woocommerce-billing-fields__field-wrapper{display:flex;flex-wrap:wrap;column-gap:16px}
.woocommerce-billing-fields__field-wrapper>.form-row{float:none!important;width:100%!important;margin:0 0 14px!important;padding:0!important}
#billing_first_name_field{order:1}#billing_phone_field{order:2}#billing_email_field{order:3}#billing_address_1_field{order:4}#billing_city_field{order:5}#billing_country_field{order:6}
@media (min-width:600px){#billing_phone_field,#billing_email_field{width:calc(50% - 8px)!important}}

.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce,.dl-woo-head{box-sizing:border-box;max-width:1228px!important;width:100%}

.dl-edit-cart{grid-column:2;margin:0 0 8px;text-align:right;font-size:15px}
.dl-qty{align-self:flex-start;display:inline-flex;align-items:center;border:1px solid #1F1A16;border-radius:999px;overflow:hidden;background:#fff}
.dl-qty button{width:44px;height:44px;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#1F1A16}
.dl-qty button:hover{background:#EFE9DF}
.dl-qty input{width:48px;height:44px;border:0;text-align:center;font:inherit;font-weight:600;font-size:17px;-moz-appearance:textfield;background:transparent}
.dl-qty input::-webkit-inner-spin-button,.dl-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* DIY Kit chọn mẫu */
.dl-kit-opt{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid #CFC5B5;border-radius:6px;background:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:#1F1A16;text-align:center}
.dl-kit-opt img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;display:block;background:#E9E3D8}
.dl-kit-opt[aria-pressed="true"]{border:2px solid #8F4A22;padding:5px;box-shadow:0 0 0 3px rgba(143,74,34,.12)}
.dl-kit-color{width:44px;height:44px;border-radius:50%;cursor:pointer;border:1px solid #C9BFAF;box-shadow:inset 0 0 0 3px #F5F1EA}
.dl-kit-color[aria-pressed="true"]{border:3px solid #1F1A16}
.dl-kit-pack{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 16px;border:1px solid #CFC5B5;border-radius:6px;background:#fff;cursor:pointer;font:inherit;color:#1F1A16}
.dl-kit-pack span{display:flex;flex-direction:column;gap:2px}
.dl-kit-pack strong{font-size:16px}
.dl-kit-pack small{font-size:13px;color:#5E554C;line-height:1.4}
.dl-kit-pack b{white-space:nowrap;font-size:16px;color:#8F4A22}
.dl-kit-pack[aria-pressed="true"]{border:2px solid #8F4A22;padding:11px 15px;background:#FBF7F1}
.dl-kit-th{padding:0;border:2px solid transparent;border-radius:4px;background:none;cursor:pointer}
.dl-kit-th img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:3px;display:block;background:#E9E3D8}
.dl-kit-th[aria-pressed="true"]{border-color:#8F4A22}
.dl-kit-table th,.dl-kit-table td{padding:14px 12px;border-bottom:1px solid #E2DACD;text-align:center}
.dl-kit-table td:first-child{text-align:left}
.dl-kit-table thead th{background:#23281F;color:#F5F1EA;font-weight:600;vertical-align:bottom}
.dl-kit-table thead th span{color:#E2B583;font-weight:600}
.dl-kit-table td{color:#2E2823}

/* Học thử trên trang khóa */
.dl-pv-btn{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:3px 12px;border-radius:999px;background:#8F4A22;color:#fff!important;font-size:13px;font-weight:600;text-decoration:none;vertical-align:middle;line-height:1.6}
.dl-pv-btn::before{content:"▶";font-size:10px}
.dl-pv-btn:hover{background:#7A3E1D}
.dl-pv{position:fixed;inset:0;z-index:100000;background:rgba(20,17,14,.82);display:flex;align-items:center;justify-content:center;padding:16px}
.dl-pv[hidden]{display:none}
.dl-pv-box{width:min(960px,100%);background:#1F1A16;border-radius:6px;overflow:hidden;color:#F5F1EA}
.dl-pv-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:16px}
.dl-pv-x{background:none;border:0;color:#F5F1EA;font-size:30px;line-height:1;cursor:pointer;width:44px;height:44px}
.dl-pv video{display:block;width:100%;max-height:70vh;background:#000}
.dl-pv-note{margin:0;padding:12px 16px;font-size:14px;color:#CFC7B9}

/* Form đăng nhập Tutor theo màu Dolio */
.tutor-login-form-wrapper .tutor-btn-primary,#tutor-login-form .tutor-btn-primary,.tutor-login-form-wrapper button[type=submit]{background:#8F4A22!important;border-color:#8F4A22!important;color:#fff!important;border-radius:999px!important;min-height:48px}
.tutor-login-form-wrapper .tutor-btn-primary:hover,#tutor-login-form .tutor-btn-primary:hover{background:#7A3E1D!important;border-color:#7A3E1D!important}
.tutor-login-form-wrapper a,.tutor-login-wrap a{color:#8F4A22!important}
.tutor-login-form-wrapper .tutor-form-control:focus{border-color:#8F4A22!important;box-shadow:0 0 0 3px rgba(143,74,34,.15)!important}
.tutor-login-form-wrapper .tutor-fs-5,.tutor-login-form-wrapper h3{font-family:'Playfair Display',serif;font-weight:600;color:#1F1A16}

/* Nút đăng nhập ở đầu trang */
.dl-login{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid #1F1A16;border-radius:999px;color:#1F1A16;text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap;box-sizing:border-box;margin-left:auto}
.dl-login:hover{background:#1F1A16;color:#fff}
.dl-login + .dl-cta{margin-left:10px}
@media (max-width:1260px){.dl-login{order:1;margin-left:auto;padding:9px 14px;font-size:14px}.dl-nav-btn{order:2;margin-left:6px}.dl-login + .dl-cta{margin-left:6px}}
@media (max-width:400px){.dl-login{padding:8px 12px;gap:6px}}

/* nav desktop gap */
@media (min-width:1261px){.dl-nav{flex-wrap:nowrap;margin-left:32px;gap:6px 26px}}

/* Lớp học của tôi (Tutor dashboard): phối xanh rêu */
.tutor-dashboard-sidebar{background:#23281F!important;color:#E9E3D8;border-right:0!important}
.tutor-dashboard-sidebar-logo{display:block;padding:24px 24px 20px!important;border-bottom:1px solid rgba(233,227,216,.12);margin-bottom:12px}
.tutor-dashboard-sidebar-logo .tutor-brand-logo{display:block;width:140px;max-width:100%;height:46px;background:url(inc/logo/dolio-logo-header-light.svg) left center/contain no-repeat}
.tutor-dashboard-sidebar-logo .tutor-brand-logo *{display:none!important}
.tutor-dashboard-sidebar-nav a{color:#E9E3D8!important;border-radius:6px}
.tutor-dashboard-sidebar-nav a svg{color:#C99A72}
.tutor-dashboard-sidebar-nav a svg [stroke]{stroke:currentColor}
.tutor-dashboard-sidebar-nav a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.tutor-dashboard-sidebar-nav a.active{background:rgba(201,154,114,.20)!important;color:#F3D9B8!important;box-shadow:inset 3px 0 0 #C99A72}
.tutor-dashboard-sidebar-nav a.active svg{color:#F3D9B8}
.tutor-dashboard-sidebar .tutor-see-all-courses{color:#F3D9B8!important}
.tutor-dashboard-sidebar .tutor-see-all-courses:hover{color:#fff!important}
.tutor-dashboard-header{background:#F5F1EA!important;border-bottom:1px solid #E2DACD}
.tutor-stat-card{border:1px solid #E2DACD!important;border-top:3px solid #4F6B3A!important;background:#fff!important}
.tutor-stat-card-enrolled{border-top-color:#8F4A22!important}
.tutor-stat-card-active{border-top-color:#4F6B3A!important}
.tutor-stat-card-completed{border-top-color:#23281F!important}
.tutor-stat-card-time-spent{border-top-color:#C99A72!important}
.tutor-stat-card-active .tutor-stat-card-value,.tutor-stat-card-active .tutor-stat-card-icon{color:#4F6B3A!important}
.tutor-stat-card-completed .tutor-stat-card-value,.tutor-stat-card-completed .tutor-stat-card-icon{color:#23281F!important}
.tutor-stat-card-time-spent .tutor-stat-card-value,.tutor-stat-card-time-spent .tutor-stat-card-icon{color:#B07A45!important}
.tutor-progress-card{border:1px solid #E2DACD!important}
.tutor-progress-bar-fill{background:#4F6B3A!important}
.tutor-dashboard-nav-mobile{background:#23281F!important}
.tutor-dashboard-nav-mobile a{color:#E9E3D8!important}
.tutor-dashboard-nav-mobile a.active{color:#F3D9B8!important}

.tutor-account-cover-photo[style*="assets/images/cover-photo"]{background:#23281F url(inc/logo/dolio-logo-header-light.svg) center/180px auto no-repeat!important}

.tutor-dashboard-nav-mobile-list > li > a,.tutor-dashboard-nav-mobile-list > li > button,.tutor-dashboard-nav-mobile-list .tutor-dashboard-nav-mobile-text,.tutor-dashboard-nav-mobile-list .tutor-dashboard-nav-mobile-icon{color:#E9E3D8!important}
.tutor-dashboard-nav-mobile-list > li > a.active,.tutor-dashboard-nav-mobile-list > li > a.active .tutor-dashboard-nav-mobile-text,.tutor-dashboard-nav-mobile-list > li > a.active .tutor-dashboard-nav-mobile-icon{color:#F3D9B8!important}
.tutor-dashboard-nav-mobile-list > li > button{background:transparent!important}