/* Bao chi viet ve chung toi - shortcode [thepress]. Doc lap, khong dung chung
   class/id voi bat ky slider/module nao khac trong he thong (prefix "thp-"). */

.thp-wrap {
    max-width: 1280px;
    margin: 0 auto;
}

.thp-viewport {
    overflow: hidden;
    position: relative;
}
.thp-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, .9);
    color: #1a2033;
    font-size: 1rem;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}
.thp-nav--prev { left: 8px; }
.thp-nav--next { right: 8px; }
.thp-nav.is-hidden { display: none; }

.thp-track {
    display: flex;
    transition: transform .4s cubic-bezier(.25, .46, .45, .94);
    will-change: transform;
}

.thp-slide {
    flex: 0 0 100%;
    display: flex;
    gap: 16px;
    box-sizing: border-box;
}

.thp-card {
    position: relative;
    flex: 1 1 0;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 76px 16px 16px;
    background: #fff;
    border: 1px solid #D8E2E6;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16, 24, 40, .03);
    text-decoration: none;
    min-height: 118px;
    box-sizing: border-box;
    transition: box-shadow .2s, transform .2s;
}
.thp-card:hover {
    box-shadow: 0 10px 24px rgba(16, 24, 40, .1);
    transform: translateY(-2px);
    text-decoration: none;
}

.thp-card__logo {
    flex: 0 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #eef4fb;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.thp-card__logo img {
    max-width: 68%;
    max-height: 68%;
    object-fit: contain;
    display: block;
}

.thp-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.thp-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 6px;
}
.thp-card__desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.875rem;
    color: #4a4f63;
}

.thp-card__arrow {
    position: absolute;
    right: 18px;
    bottom: 18px;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #eef3fd;
    color: var(--ivd-brand, #1d52d7);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: background .2s, color .2s, transform .2s;
}
.thp-card:hover .thp-card__arrow {
    background: var(--ivd-brand, #1d52d7);
    color: #fff;
    transform: translateX(3px);
}

@media (max-width: 991px) {
    .thp-slide { gap: 0; }
    .thp-card {
        flex-direction: column;
        text-align: center;
        padding: 26px 20px 60px;
        min-height: 0;
    }
    .thp-card__logo { align-self: center; }
    .thp-card__arrow { left: 50%; right: auto; transform: translateX(-50%); }
    .thp-card:hover .thp-card__arrow { transform: translate(-50%, -3px); }
}
@media (max-width: 767px) {
    .thp-card { padding: 22px 16px 52px; }
    .thp-card__logo { width: 100px; height: 100px; }
    .thp-card__title { font-size: 0.9375rem; }
    .thp-card__desc { font-size: 0.8125rem; -webkit-line-clamp: 2; line-clamp: 2; }
    .thp-card__arrow { width: 32px; height: 32px; bottom: 14px; }
}