/**
 * Block-editor legal pages with optional footer patterns.
 */

.page-template-page-trademark .rum-trademark-page,
.page-template-page-privacy-policy .rum-privacy-policy-page,
.rum-user-agreement-page {
    overflow-x: hidden;
}

.page-template-page-trademark .rum-trademark-page .homepage-entry,
.page-template-page-privacy-policy .rum-privacy-policy-page .homepage-entry,
.rum-user-agreement-page .homepage-entry {
    margin: 0;
}

.page-template-page-trademark .rum-trademark-page .homepage-entry > .alignfull,
.page-template-page-trademark .rum-trademark-page .homepage-entry > [class*="rum-pattern--footer"],
.page-template-page-privacy-policy .rum-privacy-policy-page .homepage-entry > .alignfull,
.page-template-page-privacy-policy .rum-privacy-policy-page .homepage-entry > [class*="rum-pattern--footer"],
.rum-user-agreement-page .homepage-entry > .alignfull,
.rum-user-agreement-page .homepage-entry > [class*="rum-pattern--footer"] {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
}

.rum-page-intro-shell {
    margin: 0 auto;
    max-width: min(100%, 960px);
    padding: clamp(48px, 8vw, 96px) clamp(20px, 4vw, 52px) clamp(40px, 6vw, 72px);
}

.page-template-page-trademark .rum-page-intro-shell {
    text-align: center;
}

.page-template-page-privacy-policy .rum-page-intro-shell,
.rum-user-agreement-page .rum-page-intro-shell {
    text-align: left;
}

.rum-user-agreement-page .rum-page-intro-shell #bapi-terms-of-use,
.rum-user-agreement-page .rum-page-intro-shell .b-user_agreement,
.rum-privacy-policy-page .rum-page-intro-shell #bapi-privacy-policy,
.rum-privacy-policy-page .rum-page-intro-shell .b-privacy_policy {
    text-align: left;
}

.rum-user-agreement-page .rum-page-intro-shell > .wp-block-heading:first-child,
.rum-user-agreement-page .rum-page-intro-shell > h1:first-child,
.rum-user-agreement-page .rum-page-intro-shell > h2:first-child,
.rum-privacy-policy-page .rum-page-intro-shell > .wp-block-heading:first-child,
.rum-privacy-policy-page .rum-page-intro-shell > h1:first-child,
.rum-privacy-policy-page .rum-page-intro-shell > h2:first-child {
    margin-bottom: clamp(28px, 4vw, 40px);
    text-align: center;
}

.rum-user-agreement-page .rum-page-intro-shell #bapi-terms-of-use p,
.rum-user-agreement-page .rum-page-intro-shell .b-user_agreement p,
.rum-user-agreement-page .rum-page-intro-shell #bapi-terms-of-use li,
.rum-user-agreement-page .rum-page-intro-shell .b-user_agreement li,
.rum-privacy-policy-page .rum-page-intro-shell #bapi-privacy-policy p,
.rum-privacy-policy-page .rum-page-intro-shell .b-privacy_policy p,
.rum-privacy-policy-page .rum-page-intro-shell #bapi-privacy-policy li,
.rum-privacy-policy-page .rum-page-intro-shell .b-privacy_policy li {
    font-size: clamp(1rem, 1.4vw, 1.125rem);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.rum-user-agreement-page .rum-page-intro-shell #bapi-terms-of-use h1,
.rum-user-agreement-page .rum-page-intro-shell #bapi-terms-of-use h2,
.rum-user-agreement-page .rum-page-intro-shell .b-user_agreement h1,
.rum-user-agreement-page .rum-page-intro-shell .b-user_agreement h2,
.rum-privacy-policy-page .rum-page-intro-shell #bapi-privacy-policy h1,
.rum-privacy-policy-page .rum-page-intro-shell #bapi-privacy-policy h2,
.rum-privacy-policy-page .rum-page-intro-shell .b-privacy_policy h1,
.rum-privacy-policy-page .rum-page-intro-shell .b-privacy_policy h2 {
    margin-bottom: clamp(20px, 3vw, 32px);
}

.rum-page-intro-shell .wp-block-heading {
    margin-bottom: clamp(20px, 3vw, 32px);
}

.rum-page-intro-shell .wp-block-heading + .wp-block-heading {
    margin-top: clamp(28px, 4vw, 40px);
}

.rum-page-intro-shell .wp-block-paragraph {
    font-size: clamp(1rem, 1.4vw, 1.125rem);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.page-template-page-trademark .rum-page-intro-shell .wp-block-paragraph {
    margin-left: auto;
    margin-right: auto;
    max-width: 52ch;
}

.rum-page-intro-shell .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.page-template-page-trademark .rum-trademark-page .rum-pattern--footer-locations,
.page-template-page-trademark .rum-trademark-page .rum-pattern--footer-instagram,
.page-template-page-privacy-policy .rum-privacy-policy-page .rum-pattern--footer-locations,
.page-template-page-privacy-policy .rum-privacy-policy-page .rum-pattern--footer-instagram,
.rum-user-agreement-page .rum-pattern--footer-locations,
.rum-user-agreement-page .rum-pattern--footer-instagram {
    margin-top: 0;
}

body.trademark-modal .user-content,
body.privacy-modal .user-content,
body.terms-modal .user-content {
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
}

body.trademark-modal .user-content h1,
body.trademark-modal .user-content h2,
body.trademark-modal .user-content h3,
body.privacy-modal .user-content h1,
body.privacy-modal .user-content h2,
body.privacy-modal .user-content h3,
body.terms-modal .user-content h1,
body.terms-modal .user-content h2,
body.terms-modal .user-content h3 {
    color: #722f79;
    margin-bottom: 30px;
}

body.trademark-modal .user-content h1,
body.trademark-modal .user-content h2,
body.trademark-modal .user-content h3 {
    text-align: center;
}