/* Lớp tiếp hợp Astra + Elementor cho CSS V3 — không đổi màu/font/bố cục V3, chỉ gỡ mặc định của Astra/Elementor đè lên. */

/* Font & màu chữ V3 thắng mặc định Astra */
body.csgr-page,:where(.elementor-widget[class*="elementor-widget-csgr-"]){font-family:'Be Vietnam Pro','Be Vietnam Pro Fallback',system-ui,'Segoe UI',sans-serif;color:var(--ink)}
:where([class*="elementor-widget-csgr-"]) label{color:inherit;line-height:inherit}
.header .menu-toggle{padding:1px 6px;font-size:inherit;font-weight:400;line-height:inherit;min-width:0;min-height:0;box-shadow:none}
.header .menu-toggle:hover,.header .menu-toggle:focus{background:#eff3f2;color:#1c3841}
:where([class*="elementor-widget-csgr-"]) a{color:inherit;text-decoration:none}
:where([class*="elementor-widget-csgr-"]) a:hover,:where([class*="elementor-widget-csgr-"]) a:focus{color:inherit}
:where([class*="elementor-widget-csgr-"]) .btn-orange,:where([class*="elementor-widget-csgr-"]) .btn-dark,:where([class*="elementor-widget-csgr-"]) .btn-zalo,:where(.mobile-action) .btn-orange,:where(.mobile-action) .btn-dark,:where(.mobile-action) .btn-zalo{color:#fff}
:where([class*="elementor-widget-csgr-"]) .btn-line,:where([class*="elementor-widget-csgr-"]) .btn-white{color:var(--dark)}
:where([class*="elementor-widget-csgr-"]) .nav a.active,:where([class*="elementor-widget-csgr-"]) .nav a:hover{color:#d56d24}
:where([class*="elementor-widget-csgr-"]) h1,:where([class*="elementor-widget-csgr-"]) h2,:where([class*="elementor-widget-csgr-"]) h3,:where([class*="elementor-widget-csgr-"]) h4{font-family:inherit;color:inherit;margin-top:0}
:where([class*="elementor-widget-csgr-"]) p{margin-top:0}
:where([class*="elementor-widget-csgr-"]) img{max-width:100%;display:block}
:where([class*="elementor-widget-csgr-"]) input,:where([class*="elementor-widget-csgr-"]) select,:where([class*="elementor-widget-csgr-"]) textarea{font-family:inherit;box-shadow:none}

/* Container chứa widget V3: không padding/gap — khoảng cách do CSS V3 */
.e-con.csgr-stack{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--width:100%}
.elementor-widget[class*="elementor-widget-csgr-"]{width:100%;margin:0}

/* Astra: trang Elementor full width, bỏ khoảng trống mặc định */
.csgr-page .site-content>.ast-container{max-width:100%;padding:0;display:block}
.csgr-page #primary{margin:0;padding:0}
.csgr-page .entry-content>*:first-child{margin-top:0}

/* Header (Elementor Header & Footer Builder) dính trên cùng như V3 */
#masthead:has(.header){position:sticky;top:0;z-index:90}
.admin-bar #masthead:has(.header){top:32px}
@media(max-width:782px){.admin-bar #masthead:has(.header){top:46px}}
@media(max-width:600px){.admin-bar #masthead:has(.header){top:0}}
#masthead .header{position:relative}

/* Khối tách riêng trong Elementor nhưng liền mạch như V3 */
.csgr-box-wrap{padding-bottom:88px}
.elementor-widget-csgr-price-factors:has(+ .elementor-widget-csgr-bottom-box) .page-layout{padding-bottom:0}
.csgr-note-wrap{padding-bottom:88px}
.elementor-widget-csgr-rich:has(+ .elementor-widget-csgr-note) .page-layout,.elementor-widget-csgr-rich:has(+ .elementor-widget-csgr-note) .section{padding-bottom:0}
.csgr-note-wrap .d-tip{margin:0}
.rich-link{margin-top:18px;display:inline-flex}
@media(max-width:620px){.csgr-box-wrap,.csgr-note-wrap{padding-bottom:55px}}

/* Trình sửa Elementor: hiển thị header đầy đủ khi sửa template */
.elementor-editor-active .mobile-action{display:none}

/* Elementor đặt .elementor img{height:auto;border-radius:0} — trả lại giá trị V3 cho ảnh chỉ có 1 class */
.elementor img.d-article-cover{height:410px;border-radius:20px 20px 0 0}
@media(max-width:620px){.elementor img.d-article-cover{height:250px;border-radius:13px 13px 0 0}}