/*
Theme Name:   Kadence Child - Truong Duong
Theme URI:    https://dichvubanglaixe.com/
Description:  Child theme cua Kadence cho Van phong Dich vu Giay phep Lai xe Truong Duong.
Author:       Truong Duong
Template:     kadence
Version:      1.0.0
Requires PHP: 8.0
Text Domain:  kadence-child
*/

/* Mau sac lay tu Kadence Global Palette de dong bo voi Customizer */

/* ---------- Khoi chung ---------- */
.ttd-khoi {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.ttd-khoi-nen {
    background: var(--global-palette8, #f7fafc);
}

.ttd-khoi > .wp-block-heading:first-child {
    margin-top: 0;
}

.ttd-mo-ta-khoi {
    color: var(--global-palette5, #4a5568);
}

/* ---------- Hero ---------- */
.ttd-hero {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    background: var(--global-palette7, #edf2f7);
}

.ttd-hero h1 {
    margin-top: 0;
    font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
    line-height: 1.25;
}

.ttd-hero .ttd-hero-phu {
    font-size: 1.125rem;
}

/* ---------- The dich vu, quy trinh, ly do ---------- */
.ttd-the {
    height: 100%;
    padding: 1.25rem;
    border: 1px solid var(--global-palette7, #e2e8f0);
    border-radius: 8px;
    background: var(--global-palette9, #ffffff);
}

.ttd-the h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.ttd-the h3 a {
    text-decoration: none;
}

.ttd-the p {
    margin-bottom: 0.5rem;
}

.ttd-the p:last-child {
    margin-bottom: 0;
}

.ttd-the-uu-tien {
    border-color: var(--global-palette1, #2b6cb0);
}

.ttd-buoc-so {
    display: inline-block;
    min-width: 2rem;
    margin-right: 0.25rem;
    color: var(--global-palette1, #2b6cb0);
    font-weight: 700;
}

.ttd-luu-y {
    font-size: 0.9375rem;
    color: var(--global-palette5, #4a5568);
}

/* ---------- Hoi dap ---------- */
.ttd-hoi-dap .wp-block-details {
    margin-bottom: 0.75rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--global-palette7, #e2e8f0);
    border-radius: 8px;
    background: var(--global-palette9, #ffffff);
}

.ttd-hoi-dap .wp-block-details summary {
    cursor: pointer;
    font-weight: 600;
}

.ttd-hoi-dap .wp-block-details[open] summary {
    margin-bottom: 0.5rem;
}

/* ---------- Lien he ---------- */
.ttd-lien-he .ttd-hotline {
    font-weight: 700;
    white-space: nowrap;
}

.ttd-cho-dat-form {
    padding: 1.25rem;
    border: 2px dashed var(--global-palette6, #a0aec0);
    border-radius: 8px;
}

/* Nut goi dung trong phan tu HTML cua header Kadence */
.ttd-nut-goi-header {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    background: var(--global-palette1, #2b6cb0);
    color: var(--global-palette9, #ffffff);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.ttd-nut-goi-header:hover,
.ttd-nut-goi-header:focus {
    background: var(--global-palette2, #215387);
    color: var(--global-palette9, #ffffff);
}

.ttd-cap-nhat {
    font-size: 0.875rem;
    color: var(--global-palette5, #4a5568);
}

/* ---------- Di dong ---------- */
@media (max-width: 767px) {
    .ttd-khoi,
    .ttd-hero {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .ttd-hero .wp-block-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .ttd-hero .wp-block-button {
        width: 100%;
    }

    .ttd-hero .wp-block-button__link {
        display: block;
        width: 100%;
        text-align: center;
    }
}