/* Remove body.line-disabled to restore the original LINE layout.
   Before restoring, replace the placeholder link in #lineModal with the store LINE URL.
   Keep the original list items so nth-child-based icons stay correct. */
body.line-disabled .line-entry,
body.line-disabled .openModal_line,
body.line-disabled #lineModal {
    display: none !important;
}

/* Replace the half-width artwork with a full-width mail button while LINE is off. */
body.line-disabled .li_flex:has(> .openModal_line) {
    justify-content: center;
}

body.line-disabled .li_flex:has(> .openModal_line) > a[href="contact/"] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 72px;
    padding: 12px 8px;
    box-sizing: border-box;
    border: 2px solid #1b0066;
    border-radius: 7px;
    background: #fff;
    color: #1b0066;
    box-shadow: 0 4px 0 #e0e0e0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

body.line-disabled .li_flex:has(> .openModal_line) > a[href="contact/"] > img {
    display: none;
}

body.line-disabled .li_flex:has(> .openModal_line) > a[href="contact/"]::before {
    content: "";
    width: 28px;
    height: 32px;
    flex-shrink: 0;
    background: url("../images/icon/ico_contact.svg") center / contain no-repeat;
}

body.line-disabled .li_flex:has(> .openModal_line) > a[href="contact/"]::after {
    content: "フォームで買取を相談";
}

body.line-disabled .hd_link li:nth-child(2) {
    margin-right: 0;
}
