/*
Theme Name: Philenglish
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
}

/* Ẩn mô tả danh mục gốc ở đầu trang */
.taxonomy-description { display: none !important; }
/* Ẩn tiêu đề của trang danh mục */
h1.page-title { display: none !important; }

/* =========================
   FORM TƯ VẤN – CSS TỐI ƯU
   (thay thế TẤT CẢ .custom-form-tu-van cũ)
   ========================= */
.custom-form-tu-van{
    background:#dbe5f1;
    border:1px solid #ddd;
    border-radius:6px;
    padding:22px 20px;
    margin:2em 0;
}
.custom-form-tu-van .form-row{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:8px;               /* khoảng cách gọn */
}
.custom-form-tu-van .form-row > label{
    width:180px;                     /* cố định cột label */
    flex:0 0 180px;
    display:inline-flex;
    align-items:baseline;            /* cho * thẳng hàng chữ */
    gap:4px;
    font-weight:400;
    padding-right:0;
    margin:0;
}
.custom-form-tu-van .form-row > label .required{
    color:#e11;
    line-height:1;
    transform:translateY(-2px);      /* kéo * lên nhẹ */
}
.custom-form-tu-van input[type="text"],
.custom-form-tu-van input[type="email"],
.custom-form-tu-van input[type="tel"],
.custom-form-tu-van select,
.custom-form-tu-van textarea{
    width:100% !important;
    height:34px !important;          /* thấp gọn */
    padding:6px 10px !important;
    border:1px solid #b7b7b7 !important;
    background:#fff !important;
    border-radius:0 !important;
    box-sizing:border-box;
    line-height:1.2 !important;
    outline:none;
}
.custom-form-tu-van textarea{
    min-height:90px !important;      /* riêng textarea */
    height:auto !important;
    resize:vertical;
}
/* Radio / Checkbox */
.custom-form-tu-van .wpcf7-radio .wpcf7-list-item,
.custom-form-tu-van .wpcf7-checkbox .wpcf7-list-item{
    display:inline-flex;
    align-items:center;
    margin:0 12px 4px 0 !important;
}
.custom-form-tu-van .wpcf7-radio,
.custom-form-tu-van .wpcf7-checkbox{
    display:flex;
    flex-wrap:wrap;
    gap:8px 12px;
}
/* Hàng có nhóm radio/checkbox: thêm class is-options cho .form-row */
.custom-form-tu-van .form-row.is-options > label{ padding-top:4px; }

/* Nút gửi */
.custom-form-tu-van .submit-button-row{
    margin-top:10px;
    padding-left:180px;              /* canh theo cột label */
}
.custom-form-tu-van input[type="submit"]{
    height:38px !important;
    padding:0 16px !important;
    width:100%;
    font-weight:700;
    background:#e6e6e6;
    color:#333;
    border:1px solid #adadad;
    border-radius:3px;
    cursor:pointer;
    transition:filter .2s ease;
}
.custom-form-tu-van input[type="submit"]:hover{ filter:brightness(0.95); }

/* Focus state */
.custom-form-tu-van input:focus,
.custom-form-tu-van select:focus,
.custom-form-tu-van textarea:focus{
    border-color:#1c5999 !important;
    box-shadow:0 0 0 2px rgba(28,89,153,.12);
}

/* Responsive */
@media (max-width: 767px){
    .custom-form-tu-van .form-row{
        flex-direction:column;       /* label lên trên field */
        align-items:stretch;
        gap:6px;
    }
    .custom-form-tu-van .form-row > label{
        width:auto;
        flex:none;
    }
    .custom-form-tu-van .submit-button-row{ padding-left:0; }
}

/* =========================
   CÁC PHẦN KHÁC – GIỮ NGUYÊN
   ========================= */

/* side bar homepage */
.container .section, .row .section { padding-left: 7px; padding-right: 30px; }
#section_143006640 { padding-top: 1px; padding-bottom: 6px; }

/* list bài trang chủ */
.list-post6 .post-item .post-title:before{
    content:"";
    position:absolute;
    width:12px;height:12px;
    background:url(/wp-content/uploads/2025/06/ic_point.png);
    border-radius:100px;
    top:15px;left:0;
}
.list-post6 .post-item .post-title:hover{ color:#288ad6 }
.list-post6 .post-item .post-title{
    font-size:15px; margin:0; padding-left:15px; font-weight:normal;
}
.list-post6 .post-item .box-text{ padding-bottom:0 }
.section-title-container{ margin-bottom:.1em; }

/* ảnh đại diện bo góc */
.box-image{
    height:auto; margin:0 auto; overflow:hidden; position:relative; border-radius:8px;
}
.post-title{ text-transform:uppercase !important; }

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a{
    color:black; transition:all .2s;
}

/* Font H2 */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@700&display=swap');
.entry-content h2{
    font-family:'Be Vietnam Pro' !important;
    font-weight:700 !important;
    color:#1c5999 !important;
    font-size:26px !important;
    text-transform:uppercase;
}

/* Card cao bằng nhau */
.products{ display:flex; flex-wrap:wrap; }
.product-small{ display:flex; flex-direction:column; height:100%; }
.box-text{ flex-grow:1; }

/* Blog 4 cột màn lớn */
@media screen and (min-width: 850px){
    .archive .post-item{
        width:25% !important; max-width:25% !important; flex-basis:25% !important;
    }
}
.post-title.is-large{ font-size:1em !important; }

/* bo tròn hình ảnh trang chủ */
.img-inner.dark img{ border-radius:4px; }

/* Form tư vấn Sidebar (nếu đang dùng, giữ lại) */
.form-tu-van-chuyen-nghiep{ max-width:450px; margin:0 auto; }
.tieu-de-form{
    font-size:28px; font-weight:bold; color:#1e3a52;
    position:relative; padding-left:20px; margin-bottom:30px;
}
.tieu-de-form::before{
    content:''; display:block; width:6px; height:100%; background:#f9b400;
    position:absolute; left:0; top:0;
}
.form-tu-van-chuyen-nghiep input[type="text"],
.form-tu-van-chuyen-nghiep input[type="tel"],
.form-tu-van-chuyen-nghiep input[type="email"],
.form-tu-van-chuyen-nghiep select{
    width:100%; padding:6px; border:1px solid #e0e0e0;
    border-radius:5px; box-sizing:border-box; font-size:16px;
    margin-bottom:0; background:#f9f9f9;
}
.form-tu-van-chuyen-nghiep ::placeholder{ color:#888; }
.form-tu-van-chuyen-nghiep input[type="submit"]{
    background:#f9b400 !important; color:#1e3a52 !important; font-weight:bold;
    border:none; border-radius:5px; padding:0 30px; margin-top:10px;
    cursor:pointer; width:100%; font-size:18px; transition:opacity .3s;
}
.form-tu-van-chuyen-nghiep input[type="submit"]:hover{ opacity:.9; }
.form-tu-van-chuyen-nghiep .wpcf7-form-control-wrap{ margin-bottom:15px; }

/* Giới hạn dòng tiêu đề & mô tả ở archive */
.archive .post-item .post-title{
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; text-overflow:ellipsis; height:2.4em; line-height:1.2em;
}
.archive .post-item .box-text p{
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; text-overflow:ellipsis; margin-top:.5em;
}
.archive .post-item{ display:flex; flex-direction:column; }
.archive .post-item .box-text{ flex-grow:1; }

/* Bỏ in hoa trong khối FAQ */
.faq .post-title{ text-transform:none !important; }

/* Section title dạng tag */
.section-title b{ display:none; }
.section-title{
    position:relative; border-bottom:2px solid #09519a;
    margin-bottom:25px; padding-bottom:0;
}
.section-title .section-title-main{
    all:unset; display:inline-block; position:relative;
    background:#09519a; padding:8px 25px 8px 15px;
    font-weight:bold; color:#fff !important; font-size:15px; line-height:1.5;
    margin-bottom:-2px;
}
.section-title .section-title-main::before{
    content:""; position:absolute; top:0; right:-14px;
    background:#fff; width:30px; height:100%; transform:skewX(35deg);
}
.section-title .section-title-main::after{
    content:""; position:absolute; top:0; right:-2px; width:5px; height:100%;
    background:#09519a; transform:skewX(35deg);
}