/* WeWordle: small additions on top of the wordleplay.com stylesheets. */
.ww-rules-h { text-align: left !important; font-weight: 600; font-size: 26px; }
.wordle_step .spcb_text { margin-left: 26px; margin-block: auto; }
#ezoic-pub-ad-placeholder-100, #ezoic-pub-ad-placeholder-101 { text-align: center; }
.wp-footer__col h4 { font-size: 13px !important; }
.ww-apps { padding: 0 12px; }
.ww-apps > .row { margin-left: 0; margin-right: 0; }
@media (max-width: 600px) { .ww-apps .frames_block { gap: 0; margin-left: 0; margin-right: 0; } }

/* Legal and contact pages */
.ww-doc { max-width: 820px; margin: 34px auto 50px; padding: 0 16px; }
.ww-doc__card { background: #fff; border: 1px solid rgba(15, 23, 42, .08); border-radius: 22px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 18px rgba(15, 23, 42, .06); padding: 30px 32px; }
.ww-doc h1 { font-size: 30px; font-weight: 900; margin: 0 0 18px; }
.ww-doc h2, .ww-doc h3 { font-size: 20px; font-weight: 800; margin: 24px 0 10px; }
.ww-doc p, .ww-doc li { font-size: 16px; line-height: 1.65; color: #3b4452; }
.ww-doc a { color: #00ac4a; font-weight: 700; }
.ww-form { display: flex; flex-direction: column; gap: 12px; margin-top: 10px; }
.ww-form label { font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: .4px; color: #55606f; margin-bottom: -6px; }
.ww-form input, .ww-form textarea { width: 100%; border: 2px solid #d6dbe3; border-radius: 12px; padding: 11px 14px; font: inherit; font-size: 16px; outline: none; background: #fff; }
.ww-form input:focus, .ww-form textarea:focus { border-color: #00ac4a; }
.ww-form textarea { min-height: 150px; resize: vertical; }
.ww-form button { align-self: flex-start; border: 0; border-radius: 999px; padding: 12px 26px; background: #00ac4a; color: #fff; font-weight: 800; font-size: 16px; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 172, 74, .32); }
.ww-form button:disabled { opacity: .6; cursor: default; }
.ww-note { padding: 12px 14px; border-radius: 12px; font-weight: 700; }
.ww-note--ok { background: #dcfce7; color: #166534; }
.ww-note--err { background: #fee2e2; color: #991b1b; }
.ww-404 { text-align: center; }
.ww-404 .ww-doc__big { font-size: 84px; font-weight: 900; line-height: 1; color: #00ac4a; margin-bottom: 8px; }
.ww-404 .ww-btn { display: inline-block; margin-top: 14px; border-radius: 999px; padding: 12px 26px; background: #00ac4a; color: #fff !important; font-weight: 800; text-decoration: none; }
@media (max-width: 520px) {
    .ww-doc { margin-top: 20px; }
    .ww-doc__card { padding: 22px 18px; border-radius: 18px; }
    .ww-doc h1 { font-size: 25px; }
}
