/*
Theme Name: Sakurairo Child
Description: Standard WordPress comments for Sakurairo 3.0.10 and Jetpack Comments.
Version: 1.0.1
Template: Sakurairo
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sakurairo-child
*/

/* Deliberately avoid Sakurairo's commentwrap/comments-main selectors. */
#comments.sakurairo-child-comments {
    box-sizing: border-box;
    width: min(100% - 2rem, 800px);
    margin: 2.5rem auto;
    padding: 1.25rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    overflow-wrap: anywhere;
}

#comments.sakurairo-child-comments .comment-list,
#comments.sakurairo-child-comments .children {
    list-style: none;
    margin: 0;
    padding: 0;
}

#comments.sakurairo-child-comments .children {
    margin-inline-start: min(5vw, 2rem);
}

#comments.sakurairo-child-comments .comment-body {
    margin-block: 1rem;
    padding-block: 0.75rem;
    border-bottom: 1px solid currentColor;
}

#comments.sakurairo-child-comments .avatar {
    float: none;
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-inline-end: 0.5rem;
}

#comments.sakurairo-child-comments .comment-metadata,
#comments.sakurairo-child-comments .reply {
    font-size: 0.875em;
}

#comments.sakurairo-child-comments .comment-reply-link {
    opacity: 1;
    float: none;
    display: inline-block;
    margin: 0;
}

#comments.sakurairo-child-comments .comment-respond {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-block: 1.5rem;
    padding: 1rem;
}

#comments.sakurairo-child-comments .comment-form label {
    display: block;
}

/* Parent percentage widths squeeze Jetpack's flex-wrapped submit button. */
#comments.sakurairo-child-comments .comment-respond input[type="submit"] {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
}

#comments.sakurairo-child-comments .comment-form textarea,
#comments.sakurairo-child-comments .comment-form input:not([type="checkbox"]):not([type="hidden"]):not([type="submit"]) {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

#comments.sakurairo-child-comments .comment-form-cookies-consent input {
    width: auto;
    padding: 0;
}

#comments.sakurairo-child-comments .comment-form-cookies-consent label {
    display: inline;
}

#comments.sakurairo-child-comments .page-numbers {
    display: inline-block;
    padding: 0.25rem 0.5rem;
}