/*
Theme Name: Lovewings Child
Theme URI: http: https://themily.com/lovewings/
Template: lovewings
Author: Yetiteam
Description: lovewings - Models Agency WordPress Theme
Tags: custom-header, left-sidebar, right-sidebar, post-formats, full-width-template
*/

/*
** WordPress Required
*/

.alignnone {
    margin: 5px 20px 20px 0;
    clear: both;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.gallery-caption,
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    clip: auto !important;
    display: block;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.sticky,
.bypostauthor {
    position: relative;
}

/*gutenberg*/
p[class*="-font-size"],
p[style*="font-size"] {
    line-height: 1.3em;
}

.wp-block-quote cite,
.wp-block-pullquote cite {
    margin-top: .5em;
}

.wp-block-quote cite:before,
.wp-block-pullquote cite:before {
    margin-top: 0;
}

.wp-block-archives.wp-block-archives-dropdown {
    margin-bottom: 20px;
}

ul.wp-block-gallery.alignwide {
    width: 100%;
}

a.logo .logo-text {
    font-size: 24px;
}
.page_footer{
    margin-top: 30px;
}


.models-filter>div .select-styled>.dropdown-menu ul li a.dropdown-item,
.models-filter>div .select-styled button.dropdown-toggle .filter-option-inner-inner,
.card-body, .meta-includes a,.model-phone-top a {
    color: #fff!important;
}

.models-filter {
    justify-content: flex-end;
}
    .parameter{
        display: grid;
        grid-template-columns: auto 1fr;
    }   
    .parameter-value{
        justify-self: end;
    }

@media (min-width: 992px) {
    .models-filter>div {
        width: 20%;
        margin-right: 20px;
    }
    body.home h1 {
    font-size: 70px;
}
}
@media  (max-width: 459px) {
    .model-parameters ul, .model-services .list-service {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 10px;
    }

}

.comment-respond {
    position: relative;
}

.comment-error {
    position: absolute;
    right: 0;
    margin-bottom: 15px;
    padding: 10px 15px;
    background: #ffe5e5;
    color: #b30000;
    border-left: 4px solid #b30000;
}

.field-error {
    border-color: #b30000 !important;
}

.wrap-rating.field-error .fa-star {
    color: #b30000;
}

.quote-image {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}

.quote-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.quote-image img {
    max-width: unset;
    border-radius: unset;
}
.ds a:not(.btn) {
    color: #e64e7a;
}

@media (max-width: 767px) {
    .model-header {
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: -10px;
        flex-direction: column;
        margin-bottom: 35px;
        gap: 15px;
    }
        body.home h1 {
    font-size: 2.4rem;
}
    .model-meta .model-info li {
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
}
.model-meta .model-info li span,
.model-meta .model-info li h6{text-align: center;}
}

/* Ограничиваем контент внутри секции */
#text_on_main .col-12 {
	max-height: 160px;
	overflow: hidden;
	position: relative;
	transition: max-height 0.4s ease;
}

/* Раскрытое состояние */
#text_on_main.is-open .col-12 {
	max-height: 2000px;
}

#text_on_main.is-open .col-12::after {
	opacity: 0;
}

#text_on_main .small_button{
    display: block;
    margin: 30px auto;
    width: 150px;
}
#text_on_main h2


/* ─── Grid-контейнер ─────────────────────────────────────── */
.blog-cards{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    width: 100%;
}

/* ─── Картка ─────────────────────────────────────────────── */
.blog-cards__item {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    transition: box-shadow .25s ease, transform .25s ease;
}

.blog-cards__item:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, .14);
    transform: translateY(-3px);
}

/* ─── Зображення ─────────────────────────────────────────── */
.blog-cards__img-wrap {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f0f0f0;
}

.blog-cards__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}

.blog-cards__item:hover .blog-cards__img {
    transform: scale(1.04);
}

.blog-cards__img-placeholder {
    width: 100%;
    height: 100%;
    background: #e0e0e0;
}

/* ─── Тіло картки ────────────────────────────────────────── */
.blog-cards__body {
    padding: 1.25rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex: 1;
}

.blog-cards__title {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.4;
}

.blog-cards__title a {
    color: inherit;
    text-decoration: none;
}

.blog-cards__title a:hover {
    text-decoration: underline;
}

.blog-cards__excerpt {
    margin: 0;
    font-size: .9rem;
    line-height: 1.6;
    color: #555;
}

/* ─── Планшет: 2 колонки ─────────────────────────────────── */
@media (max-width: 1024px) {
    .blog-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ─── Мобілка: 1 колонка, повна ширина ───────────────────── */
@media (max-width: 600px) {
    .blog-cards {
        grid-template-columns: 1fr; 
        gap: 1.25rem;
    }

    .blog-cards__item {
        border-radius: 0;         /* edge-to-edge на вузьких екранах */
        box-shadow: none;
        border-bottom: 1px solid #eee;
    }
}

/* GRID */
body.category-blogs #content {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 1024px) {
    body.category-blogs #content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    body.category-blogs #content {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
/* ── GRID: обгортка постів ──────────────────────────────────
   Перевір клас обгортки у DevTools і заміни .posts-container
   на реальний (може бути .posts-list, #main .row, тощо)
   ─────────────────────────────────────────────────────────── */
body.blog    .posts-container,
body.archive .posts-container,
body.home    .posts-container {
    display: grid !important;
    grid-template-columns: repeat( 3, 1fr );
    gap: 2rem;
    /* скидаємо flexbox/masonry теми */
    flex-wrap: unset;
}

/* ── КАРТКА: скидаємо стилі теми ───────────────────────────── */
body.blog    article.bc-card,
body.archive article.bc-card,
body.home    article.bc-card {
    display: flex !important;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    transition: box-shadow .25s ease, transform .25s ease;
    /* скидаємо відступи теми */
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
}

body.blog    article.bc-card:hover,
body.archive article.bc-card:hover,
body.home    article.bc-card:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,.14);
    transform: translateY( -3px );
}

/* ── ЗОБРАЖЕННЯ ─────────────────────────────────────────────── */
body.blog    article.bc-card .bc-card__img-link,
body.archive article.bc-card .bc-card__img-link,
body.home    article.bc-card .bc-card__img-link {
    display: block;
    text-decoration: none;
}

body.blog    article.bc-card .bc-card__img-wrap,
body.archive article.bc-card .bc-card__img-wrap,
body.home    article.bc-card .bc-card__img-wrap {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f0f0f0;
}

body.blog    article.bc-card .bc-card__img,
body.archive article.bc-card .bc-card__img,
body.home    article.bc-card .bc-card__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
    /* скидаємо розміри які тема ставить на thumbnail */
    max-width: unset !important;
}

body.blog    article.bc-card:hover .bc-card__img,
body.archive article.bc-card:hover .bc-card__img,
body.home    article.bc-card:hover .bc-card__img {
    transform: scale( 1.04 );
}

.bc-card__img-placeholder {
    width: 100%;
    height: 100%;
    background: #e0e0e0;
}

/* ── ТІЛО ───────────────────────────────────────────────────── */
body.blog    article.bc-card .bc-card__body,
body.archive article.bc-card .bc-card__body,
body.home    article.bc-card .bc-card__body {
    padding: 1.25rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex: 1;
}

body.blog    article.bc-card .bc-card__title,
body.archive article.bc-card .bc-card__title,
body.home    article.bc-card .bc-card__title {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.4;
}

body.blog    article.bc-card .bc-card__title a,
body.archive article.bc-card .bc-card__title a,
body.home    article.bc-card .bc-card__title a {
    color: #000;
    text-decoration: none;
}

body.blog    article.bc-card .bc-card__title a:hover,
body.archive article.bc-card .bc-card__title a:hover,
body.home    article.bc-card .bc-card__title a:hover {
    text-decoration: underline;
}

body.blog    article.bc-card .bc-card__excerpt,
body.archive article.bc-card .bc-card__excerpt,
body.home    article.bc-card .bc-card__excerpt {
    margin: 0;
    font-size: .9rem;
    line-height: 1.6;
    color: #555;
}

/* ── ПЛАНШЕТ ────────────────────────────────────────────────── */
@media ( max-width: 1024px ) {
    body.blog    .posts-container,
    body.archive .posts-container,
    body.home    .posts-container {
        grid-template-columns: repeat( 2, 1fr );
    }
}

/* ── МОБІЛКА ────────────────────────────────────────────────── */
@media ( max-width: 600px ) {
    body.blog    .posts-container,
    body.archive .posts-container,
    body.home    .posts-container {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    body.blog    article.bc-card,
    body.archive article.bc-card,
    body.home    article.bc-card {
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid #eee;
    }
}