/*
Theme Name: KATI Child
Theme URI: https://kati.vn/
Description: Astra child theme cho website KATI.VN. Khong sua parent theme.
Author: KATI
Author URI: https://kati.vn/
Template: astra
Version: 1.4.0
Text Domain: kati-child
*/

/* Custom CSS cua KATI dat o day. Uu tien Elementor Global / Astra Global / KatiSnip truoc. */

/* KATI utilities - helper class dung nhieu noi */
.kati-auto{--width:auto !important;width:auto !important;flex:0 0 auto !important;max-width:100%}

.kati-home-hero .elementor-heading-title{letter-spacing:-0.015em}

/* Header: logo trai, menu + CTA phai */
.kati-header > .e-con-inner{justify-content:space-between !important;align-items:center !important;width:100%}
.kati-header .elementor-nav-menu .elementor-item{font-size:16px;font-weight:500;color:#111318}
.kati-header .elementor-nav-menu .elementor-item:hover{color:#D92D20}
@media(max-width:1024px){.kati-header > .e-con-inner{flex-wrap:nowrap;gap:14px}}
@media(max-width:767px){.kati-header .kati-nav-cta .elementor-button{font-size:12.5px;padding:9px 13px}.kati-header > .e-con-inner{gap:10px}}
/* Footer */
.kati-footer a:hover{color:#fff}

/* Cot deu nhau trong hang (card 4 cot) */
.kati-eqcol{--width:auto !important;width:auto !important;flex:1 1 0 !important;min-width:210px}
@media(max-width:1024px){.kati-eqcol{flex:1 1 44% !important;min-width:260px}}
@media(max-width:767px){.kati-eqcol{flex:1 1 100% !important;min-width:0}}

/* Hero CTA: mobile full width */
@media(max-width:767px){.kati-hero-cta{flex-direction:column !important;align-items:stretch !important;gap:14px !important}.kati-hero-cta .kati-auto{width:100% !important}.kati-hero-cta .elementor-button{display:block;text-align:center}}

/* Header mobile: logo + hamburger, CTA nhuong cho Hero */
@media(max-width:767px){
.kati-header > .e-con-inner{gap:10px;flex-wrap:nowrap}
.kati-header .kati-nav-cta{display:none}
.kati-header .elementor-widget-nav-menu{width:auto}
.kati-header .elementor-menu-toggle{padding:6px}
}

/* ===== KATI Form — dong bo Design System ===== */
.kati-form-wrap{max-width:100%}
.kati-form{display:flex;flex-wrap:wrap;gap:16px}
.kati-form-step{display:flex;flex-wrap:wrap;gap:16px;width:100%}
.kati-form-field{width:100%;display:flex;flex-direction:column;gap:7px}
.kati-form-field-half{width:calc(50% - 8px)}
.kati-form-field label{font-size:14px;font-weight:600;color:#111318;line-height:1.4}
.kati-form-field input[type=text],.kati-form-field input[type=email],.kati-form-field input[type=tel],.kati-form-field input[type=url],.kati-form-field input[type=number],.kati-form-field input[type=date],.kati-form-field select,.kati-form-field textarea{
 width:100%;font-family:'Be Vietnam Pro',sans-serif;font-size:15.5px;line-height:1.5;color:#111318;background:#fff;
 border:1px solid #D0D5DD;border-radius:8px;padding:12px 14px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.kati-form-field textarea{min-height:110px;resize:vertical}
.kati-form-field input::placeholder,.kati-form-field textarea::placeholder{color:#A3ABB8}
.kati-form-field input:focus,.kati-form-field select:focus,.kati-form-field textarea:focus{outline:none;border-color:#D92D20;box-shadow:0 0 0 3px rgba(217,45,32,.12)}
.kati-form-field-checkbox label,.kati-form-options label{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;color:#343A46;line-height:1.5}
.kati-form-field-checkbox input[type=checkbox],.kati-form-options input{margin-top:3px;accent-color:#D92D20;width:16px;height:16px;flex:none}
.kati-form-submit-row{width:100%;margin-top:4px}
.kati-form .button,.kati-form button[type=submit],.kati-form input[type=submit]{
 background:#D92D20 !important;border:0 !important;color:#fff !important;font-family:'Be Vietnam Pro',sans-serif;font-size:16px;font-weight:600;
 padding:15px 26px !important;border-radius:8px !important;line-height:1.2;cursor:pointer;box-shadow:none !important;text-shadow:none;height:auto}
.kati-form .button:hover,.kati-form button[type=submit]:hover{background:#B42318 !important}
.kati-form-message,.kati-form-success{font-size:15px;line-height:1.6;color:#111318}
@media(max-width:767px){.kati-form-field-half{width:100%}.kati-form .button{width:100%}}

/* ===== Gutter: bo padding cua Astra container tren page Elementor ===== */
/* Elementor container da co padding rieng -> tranh cong don 2 lop */
.page-template-elementor_header_footer .ast-container,
.elementor-template-full-width .ast-container,
.ast-page-builder-template .ast-container{padding-left:0;padding-right:0;max-width:100%}
@media(max-width:1024px){.page-template-elementor_header_footer .ast-container{padding-left:0;padding-right:0}}

/* ===== Anh that — khung anh thong nhat ===== */
.kati-photo img{display:block;width:100%;height:auto;border-radius:12px}
.kati-photo-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:50% 22%}
.kati-photo-square img{aspect-ratio:1/1;object-fit:cover;object-position:50% 25%}
.kati-photo-wide img{aspect-ratio:16/10;object-fit:cover;object-position:50% 30%}
.kati-photo-tall img{aspect-ratio:3/4;object-fit:cover;object-position:50% 20%}
@media(max-width:767px){.kati-photo-portrait img,.kati-photo-tall img{aspect-ratio:4/5}.kati-photo-wide img{aspect-ratio:4/3}}