/**
 * This file contains styles for the editor and frontend
 *
 * @package Variations
 *
 */

/*
 * Common rules.
 */

.wp-site-blocks>*+* {
    margin-block-start: 0 !important;
}

/*
 * Form elements customization
 */
textarea,
input[type=text],
input[type=email],
input[type=url],
input[type=tel],
select {
    padding: 10px;
    border-radius: 4px;    
    border: 1px solid #aaaaaa;
    height: 56px;
}

/* .has-background padding:unset */
body .has-background {
    padding: unset;
}

.entry-content {
    padding-top: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--50);
}

/*
 * Page templates customization.
 */

/* Prepare the page for cover block */
body header.wp-block-template-part:has(+ div .wp-block-cover:first-child) .is-position-sticky,
body header.wp-block-template-part:has(+ .wp-block-cover) .is-position-sticky {
    position: absolute;
    width: 100%;
    z-index: 10;
}

body header.wp-block-template-part:has(+ div .wp-block-cover:first-child)+.entry-content,
body header.wp-block-template-part:has(+ .wp-block-cover)+.entry-content {
    padding-top: unset;
    padding-bottom: unset;
}

@media (max-width: 600.5px) {

    body.admin-bar header.wp-block-template-part:has(+ div .wp-block-cover:first-child) .is-position-sticky,
    body.admin-bar header.wp-block-template-part:has(+ .wp-block-cover) .is-position-sticky {
        top: var(--wp--preset--spacing--50);
    }
}

/* Page (Regular) template. Remove spacing below title */
body main:has(.wp-block-post-title) .entry-content {
    padding-top: unset;
    padding-bottom: unset;
}

/*
 * Post templates customization.
 */
.variations-posts-grid li>div {
    height: 100%;
}

/*
 * Site Title underline bug fix.
 */
div[style*="text-decoration:none"] a,
div[style*="text-decoration: none"] a,
p[style*="text-decoration:none"] a,
p[style*="text-decoration: none"] a,
ul[style*="text-decoration:none"] a,
ul[style*="text-decoration: none"] a,
li[style*="text-decoration:none"] a,
li[style*="text-decoration: none"] a,
.wp-block-heading[style*="text-decoration:none"] a,
.wp-block-heading[style*="text-decoration: none"] a {
    text-decoration: none !important;
}

/*
 * core/search input customization
 */
.is-style-high-search input {
    padding: 15px;
}

/*
 * core/categories customization
 */
.wp-block-categories {
    list-style-type: none;
}

.is-style-modern-list a {
    color: #959E95;
}

.is-style-modern-list li {
    border-bottom: 2px solid #D2DDD2;
    padding: 20px 0px 10px;
}

/*
 * core/query-pagination-numbers customization
 */
.is-style-rounded-numbers {
    display: flex;
    gap: 15px;
}

.is-style-rounded-numbers a,
.is-style-rounded-numbers span {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.is-style-rounded-numbers a.page-numbers {
    border: 1px solid;
}

.is-style-rounded-numbers a.page-numbers:hover {
    text-decoration: none;
    border: 1px solid #333333;
}

.is-style-rounded-numbers .page-numbers.current {
    border: 1px solid #333333;
}

/*
 * core/post-terms customization
 */
.taxonomy-post_tag.is-style-rounded-terms a {
    border: 1px solid #D2DDD2;
    padding: 5px 12px;
    border-radius: 20px;
}

/*
 * core/post-author customization
 */
.wp-block-post-author.is-style-blog-style img {
    border-radius: 50%;
}

.wp-block-post-author.is-style-blog-style .wp-block-post-author__name {
    font-weight: 500;
}

.wp-block-post-author.is-style-blog-style .wp-block-post-author__bio {
    margin-top: 4px;
}

/*
 * core/post-navigation-link customization
 */
.wp-block-post-navigation-link.is-style-blog-style:has(a) {
    border: 1px solid #959E95;
    border-radius: 8px;
    padding: 20px;
}

.wp-block-post-navigation-link.is-style-blog-style .post-navigation-link__label {
    text-transform: uppercase;
    color: #959E95;
    font-family: 'Inter';
    font-size: 0.9rem;
    margin-bottom: 6px;
    display: block;
}

/*
 * core/comments customization
 */
#review_form #respond textarea,
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url] {
    padding: 10px;
    border-radius: 4px;
}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
    position: relative;
    margin-top: 30px;
}

p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label {
    position: absolute;
    top: -25px;
}

.wp-block-comments.is-style-blog-style .comment-reply-title {
    font-family: "Hedvig Letters Serif";
    font-size: 20px;
}

.wp-block-comments.is-style-blog-style textarea,
.wp-block-comments.is-style-blog-style input[type="text"],
.wp-block-comments.is-style-blog-style input[type="email"],
.wp-block-comments.is-style-blog-style input[type="url"] {
    border-radius: 8px;
}


/*
 * wpforms.
 */
.block-pack-subscription-form form {
    display: flex;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 20px;
}

.block-pack-subscription-form form .wpforms-field-container {
    width: 100%;
}

.portfolio-pack-contact-form input[type="text"],
.portfolio-pack-contact-form input[type="email"],
.portfolio-pack-contact-form textarea {    
    color: #959e95 !important;
    border-radius: 8px !important;
    border: 1px solid #d2ddd2 !important;    
    font-family: inherit !important;
    font-size: 18px !important;
    padding: 0px 20px !important;
}

.portfolio-pack-contact-form input[type="text"],
.portfolio-pack-contact-form input[type="email"] {
    height: 60px !important;
}

.portfolio-pack-contact-form textarea {
    height: 136px !important;
}

.portfolio-pack-contact-form .wpforms-submit {
    background-color: var(--wp--preset--color--vibrant) !important;
    font-family: inherit !important;
    font-size: 20px !important;
    color: var(--wp--preset--color--main) !important;
    border-radius: 64px !important;
    padding: 12px 20px !important;
    height: 54px !important;
    width: 100%;
    margin-top: 26px;
    font-weight: 600 !important;
}
.portfolio-pack-contact-form .wpforms-submit:hover {
    color: var(--wp--preset--color--white) !important;
}

.portfolio-pack-contact-form textarea {
    border-radius: 8px !important;
    padding-top: 15px !important;
}

.portfolio-pack-contact-form div.wpforms-container-full button[type=submit]:hover,
.portfolio-pack-contact-form div.wpforms-container-full button[type=submit]:active {
    background: var(--wp--preset--color--vibrant) !important;
}

.portfolio-pack-contact-form div.wpforms-container-full input[type=text]:focus,
.portfolio-pack-contact-form div.wpforms-container-full input[type=email]:focus:invalid,
.portfolio-pack-contact-form div.wpforms-container-full textarea:focus {
    box-shadow: none !important;
    border: 1px solid var(--wp--preset--color--black) !important;
}

.portfolio-pack-contact-form div.wpforms-container-full button[type=submit]:focus:after {
    border: none !important;
}
.portfolio-pack-contact-form .wpforms-container .wpforms-field {
    padding: 12px 0;
}

*[class*='block-pack-post-title-lines-'] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.block-pack-post-title-lines-4 {
    -webkit-line-clamp: 3;
}
.block-pack-post-title-lines-3 {
    -webkit-line-clamp: 3;
}
.block-pack-post-title-lines-2 {
    -webkit-line-clamp: 2;
}
.block-pack-post-title-lines-1 {
    -webkit-line-clamp: 1;
}