/* ==========================================================================
   INFO BOX GRID / CONTACT SECTION - YẾN SÀO YẾN LAN
   Path: template-parts/sections/info-box-grid/style.css
   ========================================================================== */

.site-lienhe {
    background-color: var(--color-bg-main, #FFF5E8);
}

.info-box-grid {
    padding: 60px 0 80px 0;
    background-color: var(--color-bg-main, #FFF5E8);
    width: 100%;
    box-sizing: border-box;
}

.info-box-grid__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.info-box-grid__header {
    text-align: center;
    margin-bottom: 40px;
}

.info-box-grid__page-title {
    font-family: var(--font-primary, 'Parastoo', serif);
    font-size: var(--fs-h2, 38px);
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-heading, #2F2B29);
    margin: 0;
    letter-spacing: 1px;
}

/* BỐ CỤC 2 CỘT */
.info-box-grid__row {
    display: flex;
    gap: 40px;
    align-items: stretch;
}

.info-box-grid__col-left,
.info-box-grid__col-right {
    flex: 1;
    min-width: 0;
}

/* CỘT TRÁI: HỘP THÔNG TIN LIÊN HỆ */
.info-box-grid__box {
    border: 1px solid #C4A690;
    padding: 40px;
    background-color: transparent;
    color: var(--text-body, #5C5752);
    text-align: left;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.info-box-grid__box-title {
    font-family: var(--font-secondary, 'Be Vietnam Pro', sans-serif);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-accent-2, #8A5038);
    margin: 0 0 20px 0;
}

.info-box-grid__list {
    list-style: none;
    padding: 0;
    margin: 0 0 28px 0;
}

.info-box-grid__item {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.info-box-grid__item:last-child {
    margin-bottom: 0;
}

.info-box-grid__item-text {
    font-family: var(--font-secondary, 'Be Vietnam Pro', sans-serif);
    font-size: 15px;
    color: var(--text-body, #5C5752);
    line-height: 1.5;
}

.info-box-grid__item-text a {
    color: var(--text-body, #5C5752);
    text-decoration: none;
    transition: var(--transition-base, all 0.3s ease);
}

.info-box-grid__item-text a:hover {
    color: var(--color-accent-2, #8A5038);
}

/* ICON VECTOR NÂU THƯƠNG HIỆU YẾN LAN */
.info-box-grid__icon {
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    flex-shrink: 0;
}

.icon-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238A5038'%3E%3Cpath d='M6.62 10.79a15.15 15.15 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.27 11.72 11.72 0 003.7 1.18 1 1 0 01.88 1V21a1 1 0 01-1 1A19 19 0 012 3a1 1 0 011-1h3.5a1 1 0 011 .88 11.72 11.72 0 001.18 3.7 1 1 0 01-.27 1.1l-2.2 2.2z'/%3E%3C/svg%3E");
}

.icon-clock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238A5038'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
}

.icon-mail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238A5038'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}

/* LIÊN KẾT MXH */
.info-box-grid__social {
    padding-top: 10px;
    border-top: none;
}

.info-box-grid__social-title {
    font-family: var(--font-secondary, 'Be Vietnam Pro', sans-serif);
    font-size: 15px;
    font-weight: 700;
    color: var(--text-heading, #2F2B29);
    margin: 0 0 16px 0;
}

.info-box-grid__social-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.info-box-grid__social-icon,
.info-box-grid__social-img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: contain;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: inline-block;
}

.info-box-grid__social-icon:hover,
.info-box-grid__social-img:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

/* MXH ICONS CHUẨN ẢNH THIẾT KẾ (YouTube, Facebook, Messenger, Zalo) */
.icon-yt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='24' fill='%23FF0000'/%3E%3Cpath fill='%23FFFFFF' d='M34.2 17.5s-.3-2.1-1.2-3c-1.2-1.2-2.5-1.2-3.1-1.3-4.3-.3-10.8-.3-10.8-.3s-6.5 0-10.8.3c-.6.1-1.9.1-3.1 1.3-.9.9-1.2 3-1.2 3S3.7 20 3.7 22.4v2.3c0 2.4.3 4.9.3 4.9s.3 2.1 1.2 3c1.2 1.2 2.8 1.2 3.5 1.3 2.5.2 10.6.3 10.6.3s6.5 0 10.8-.3c.6-.1 1.9-.1 3.1-1.3.9-.9 1.2-3 1.2-3s.3-2.4.3-4.9v-2.3c0-2.4-.3-4.9-.3-4.9zM19.5 27.8v-8.8l8.5 4.4-8.5 4.4z'/%3E%3C/svg%3E");
}

.icon-fb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='24' fill='%231877F2'/%3E%3Cpath fill='%23FFFFFF' d='M29.5 24h-4v14h-6V24h-3v-5h3v-3.3c0-4 2.4-6.2 6-6.2 1.7 0 3.5.3 3.5.3v3.8h-2c-2 0-2.5 1.2-2.5 2.4V19h4.3l-.8 5z'/%3E%3C/svg%3E");
}

.icon-messenger {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='48' x2='48' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230066FF'/%3E%3Cstop offset='0.5' stop-color='%23A033FF'/%3E%3Cstop offset='1' stop-color='%23FF5280'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='24' cy='24' r='24' fill='url(%23m)'/%3E%3Cpath fill='%23FFFFFF' d='M24 10C16.3 10 10 15.8 10 23c0 4.1 1.9 7.7 4.9 10.1V38l4.6-2.5c1.4.4 3 .6 4.5.6 7.7 0 14-5.8 14-13S31.7 10 24 10zm2.2 17.5l-3.6-3.8-7 3.8 7.7-8.2 3.7 3.8 6.9-3.8-7.7 8.2z'/%3E%3C/svg%3E");
}

.icon-zalo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='24' fill='%230068FF'/%3E%3Cpath fill='%23FFFFFF' d='M14 17h12l-7.5 9H26v3H14l7.5-9H14v-3zm16 3a2 2 0 100 4 2 2 0 000-4zm0 5a2 2 0 100 4 2 2 0 000-4z'/%3E%3C/svg%3E");
}

/* CỘT PHẢI: HỘP ĐỊA CHỈ & BẢN ĐỒ */
.info-box-grid__address-card {
    border: 1px solid #C4A690;
    padding: 24px 30px;
    background-color: transparent;
    text-align: left;
    margin-bottom: 25px;
    box-sizing: border-box;
}

.info-box-grid__address-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.info-box-grid__address-pin {
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238A5038'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    flex-shrink: 0;
    margin-top: 2px;
}

.info-box-grid__address-card p {
    color: var(--text-body, #5C5752);
    margin: 0;
    line-height: 1.5;
}

/* MAPS WRAPPER */
.info-box-grid__map-wrapper {
    background-color: transparent;
    text-align: left;
    box-sizing: border-box;
}

.info-box-grid__map-container {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #C4A690;
}

.info-box-grid__map-container iframe {
    display: block;
    width: 100%;
}