/* ================================
   Fix: kyart-ui.css @imports server-side kyicon which sets
   i { font-family: 'kyicon' !important } — override for Font Awesome
   ================================ */
.fa,
.fas,
.far,
.fal,
.fat,
.fad,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-duotone,
.fa-brands {
    font-family: "Font Awesome 6 Free" !important;
}

.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
}

/* ================================
   order_pro_div - 會員知識包
   ================================ */

.thistory-list {
    position: relative;
    min-height: 286.98px;
}

.thistory-item {
    border-bottom: 1px solid rgb(169, 169, 169);
}

.thistory-item .th-header {
    display: flex;
    border-bottom: 1px solid rgb(221, 221, 221);
    justify-content: space-between;
    padding: 15px;
    font-weight: 550;
    background: rgb(216, 215, 229);
}

.th-body {
    /* structural container — no specific styles */
}

.form-checkout .form-col {
    word-break: break-all;
}

.title-07 {
    font-size: 1.5rem;
}

.txt-600 {
    font-weight: 600;
}

.tag-new {
    background: rgb(212, 26, 26);
    font-size: 12px;
    color: white;
    font-weight: 500;
    padding: 1px 7px 3px 7px;
    border-radius: 15px;
    position: relative;
    top: -4px;
    letter-spacing: 1px;
    margin-left: 10px;
}

.btn-ripple {
    position: relative;
    overflow: hidden;
}

.btn-download {
    padding: 10px 15px;
}

.btn-download i {
    font-size: 1.3rem;
    padding: 4px 0 0 5px;
}

.btn-ripple::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    height: 100%;
    width: 60px;
    transform: skewX(30deg);
    left: -120%;
    top: 0;
    transition: 0.3s ease-in-out;
}

.btn-ripple:hover::before {
    left: 120%;
}