/* Integration-only rules: the supplied case template stays otherwise untouched. */
body.bs-v2 .besocial-case {
    padding-top: 78px;
}

/* The homepage uses a generic .hero selector. PlayStation's supplied
   case template also uses .hero, so reset only the inherited homepage rules. */
body.bs-v2 .besocial-case .hero {
    min-height: 0;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
}

body.bs-v2 .besocial-case .hero::before {
    content: none;
}

body.bs-v2 .besocial-case .case-back-button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 11px 18px;
    border-color: var(--ink);
    background: transparent;
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

body.bs-v2 .besocial-case .case-back-button:hover {
    background: var(--ink);
    color: var(--paper);
    transform: translateY(-2px);
}

body.bs-v2 .besocial-case .case-back {
    display: flex;
    padding-bottom: 64px;
}

@media (max-width: 600px) {
    body.bs-v2 .besocial-case {
        padding-top: 64px;
    }

    body.bs-v2 .besocial-case .case-back {
        padding-bottom: 44px;
    }
}