/*
Theme Name: LAYMI V11
Theme URI: https://laymi.online
Author: Assistant
Author URI: https://laymi.online
Description: Мягкий градиентный лендинг и каталог из data/products.json для бренда LAYMI.
Version: 4.1
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.0
Text Domain: laymi
*/

@import url('css/soft-landing.css');
@import url('css/street-hero.css');

/* WordPress: корректные ссылки в контенте (не перебиваем глобальный inherit из soft-landing для .entry-content) */
.entry-content a {
    color: var(--color-primary);
    text-decoration: underline;
}

.entry-content a:hover {
    color: var(--color-primary-dark);
}

.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.wp-block-image img {
    height: auto;
}

/* Кастомный логотип */
.custom-logo-link {
    display: inline-block;
}

.custom-logo {
    max-height: 48px;
    width: auto;
}

body.admin-bar .navbar {
    top: 32px;
}

/* Hard-force centering for all landing sections */
body.laymi-street main#primary.site-main {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
}

body.laymi-street main#primary.site-main > .vybe-wrapper,
body.laymi-street main#primary.site-main > section {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

body.laymi-street .vybe-wrapper,
body.laymi-street .gallery,
body.laymi-street .cta-section,
body.laymi-street .footer-bottom,
body.laymi-street .footer-container {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.laymi-street .gallery-container,
body.laymi-street .cta-section {
    width: min(1400px, calc(100% - 48px));
    margin-left: auto !important;
    margin-right: auto !important;
}

body.laymi-street .footer-container,
body.laymi-street .footer-bottom {
    width: min(1400px, calc(100% - 48px));
    margin-left: auto !important;
    margin-right: auto !important;
}

body.laymi-street .gallery {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .navbar {
        top: 46px;
    }

    body.laymi-street .gallery,
    body.laymi-street .cta-section,
    body.laymi-street .footer-container,
    body.laymi-street .footer-bottom {
        width: calc(100% - 32px);
    }
}

@media screen and (max-width: 768px) {
    body.laymi-street,
    body.laymi-street main#primary.site-main,
    body.laymi-street .hero-wrapper,
    body.laymi-street .hero-wrapper .vybe-container {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body.laymi-street .hero-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-height: auto !important;
    }

    body.laymi-street .about-seo .vybe-wrapper,
    body.laymi-street .wholesale-seo .vybe-wrapper,
    body.laymi-street .gallery .vybe-wrapper,
    body.laymi-street .footer .vybe-wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.laymi-street .about-seo .vybe-container,
    body.laymi-street .wholesale-seo .vybe-container,
    body.laymi-street .footer .vybe-container {
        flex-direction: column !important;
        gap: 24px !important;
        padding: 28px 20px !important;
        border-radius: 28px !important;
    }

    body.laymi-street .about-seo .seo-text,
    body.laymi-street .about-seo .seo-polaroids,
    body.laymi-street .wholesale-seo .wholesale-text,
    body.laymi-street .wholesale-seo .wholesale-cta,
    body.laymi-street .footer .footer-brand,
    body.laymi-street .footer .footer-links,
    body.laymi-street .footer .footer-social {
        min-width: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.laymi-street .about-seo h2,
    body.laymi-street .wholesale-seo h2 {
        font-size: clamp(2.2rem, 12vw, 3.4rem) !important;
        line-height: 0.95 !important;
        margin-bottom: 18px !important;
    }

    body.laymi-street .about-seo .seo-text p,
    body.laymi-street .wholesale-seo .wholesale-text p {
        font-size: 1rem !important;
        line-height: 1.55 !important;
    }

    body.laymi-street .about-seo .seo-polaroids {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        align-items: start !important;
        min-height: auto !important;
        gap: 22px !important;
        margin-top: 8px !important;
    }

    body.laymi-street .about-seo .seo-polaroids > div {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: min(100%, 280px) !important;
        margin: 0 auto !important;
    }

    body.laymi-street .wholesale-seo .wholesale-cta {
        align-items: stretch !important;
    }

    body.laymi-street .wholesale-seo .wholesale-cta > a {
        width: 100% !important;
        justify-content: center !important;
        padding: 14px 18px !important;
        text-align: center !important;
    }

    body.laymi-street .gallery .vybe-typography {
        padding: 0 !important;
        margin-bottom: 14px !important;
        gap: 12px !important;
        min-height: auto !important;
    }

    body.laymi-street .gallery .vybe-typo-left,
    body.laymi-street .gallery .vybe-typo-right {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        width: 100% !important;
        text-align: center !important;
    }

    body.laymi-street .gallery .vybe-typo-right {
        margin-top: 0 !important;
    }

    body.laymi-street .gallery .vybe-typo-large {
        font-size: clamp(2.2rem, 12vw, 3.6rem) !important;
        line-height: 0.9 !important;
    }

    body.laymi-street .gallery .vybe-typo-small {
        font-size: clamp(1rem, 4.8vw, 1.25rem) !important;
        margin: 0 !important;
    }

    body.laymi-street .gallery .vybe-container > p {
        margin-top: 0 !important;
        font-size: 1rem !important;
        padding: 0 4px !important;
    }

    body.laymi-street .gallery-container {
        width: calc(100% - 32px) !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    body.laymi-street .gallery-item {
        padding: 14px !important;
        border-radius: 28px !important;
    }

    body.laymi-street .gallery-img-wrapper {
        height: 360px !important;
    }

    body.laymi-street .product-title {
        font-size: 1.2rem !important;
    }

    body.laymi-street .btn-buy,
    body.laymi-street .product-price {
        width: 100% !important;
    }

    body.laymi-street .vybe-nav {
        padding: 16px 16px 0 !important;
    }

    body.laymi-street .vybe-cart-btn {
        padding: 10px 12px !important;
        font-size: 0.75rem !important;
    }

    body.laymi-street .hero-wrapper .vybe-typography {
        order: 1 !important;
    }

    body.laymi-street .hero-wrapper .vybe-model {
        order: 2 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        height: 360px !important;
        width: 100% !important;
        max-width: 330px !important;
        margin: -18px auto -125px !important;
        z-index: 1 !important;
    }

    body.laymi-street .hero-wrapper .vybe-panel {
        order: 3 !important;
        position: relative !important;
        z-index: 4 !important;
    }

    body.laymi-street .vybe-model {
        height: 420px !important;
        margin: -30px auto -40px !important;
    }

    body.laymi-street .vybe-panel {
        margin: 0 0 8px !important;
        padding: 40px 18px 24px !important;
        gap: 28px !important;
    }

    body.laymi-street .vybe-h1 {
        font-size: clamp(2.1rem, 11vw, 3rem) !important;
        line-height: 0.95 !important;
    }

    body.laymi-street .vybe-p {
        font-size: 0.95rem !important;
    }

    body.laymi-street .vybe-features-row {
        gap: 12px !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    body.laymi-street .vybe-feature-item {
        min-width: calc(50% - 8px) !important;
        width: calc(50% - 8px) !important;
        justify-content: center !important;
        text-align: center !important;
    }

    body.laymi-street .footer {
        padding: 0 0 16px 0 !important;
    }

    body.laymi-street .footer .footer-container {
        width: 100% !important;
        gap: 28px !important;
        margin-bottom: 28px !important;
    }

    body.laymi-street .footer .footer-brand,
    body.laymi-street .footer .footer-links,
    body.laymi-street .footer .footer-social {
        text-align: left !important;
    }

    body.laymi-street .footer .logo {
        font-size: 2.3rem !important;
    }

    body.laymi-street .footer .wb-link {
        width: 100% !important;
        justify-content: center !important;
    }

    body.laymi-street .footer .footer-bottom {
        width: 100% !important;
        margin-top: 24px !important;
        padding-top: 18px !important;
        font-size: 0.82rem !important;
    }

    body.laymi-street .wb-reviews-section .wb-reviews-inner {
        padding: 40px 18px !important;
    }

    body.laymi-street .wb-reviews-section .wb-reviews-grid {
        grid-template-columns: 1fr !important;
    }
}