/*
Theme Name: houseforwedding.ru
Theme URI: https://houseforwedding.ru/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wedding-custom-theme
*/

/* Дальше пишите ваши обычные CSS стили */
:root {
    /* --color-accent: #ecc5e2; */
    /* --color-accent-hover: #EB55C6; */
    --color-accent-light: #ecc5e2;
    --color-accent-border: #f9b66e;
    --color-bg: #f1e8ef;

    --color-pink: #D125A7;
    --color-pink-hover: #F552CD;
}

.catalog__gradient {
    background: linear-gradient(to top, var(--color-bg) 1%, transparent 100%);
}

.showcase__sidebar {
    background: var(--color-accent-light);
}

.wedding-banner-two {
    background: var(--color-accent-light);
}

.banner-venues__panel {
    background: var(--color-accent-light);
}

.wedding-banner {
    background: var(--color-accent-light);
}

.platforms-picker__card {
    background: var(--color-accent-light);
}

.faq__item {
    background: var(--color-accent-light);
}

.platforms__card-wrapper,
.workflow__stripe {
    background: var(--color-accent-light);
}

.services-card--featured,
.workflow__polaroid,
.catalog__card,
.weddings-about__card {
    background: var(--color-accent-border);
	border-radius: 10px;
}

.showcase__nav-icon {
    background: var(--color-accent);
    box-shadow: 0 4px 10px rgba(209, 37, 167, 0.3);
}

.faq__icon {
    background: var(--color-accent);
}



.weddings-cta,
.catalog,
.workflow,
.faq,
.onboarding,
.showcase {
    background: transparent;
}

.weddings-cta__stripe {
    background: var(--color-accent-light);
}

.weddings-about__cardText {
    color: #343434;
}

.catalog__title-blue {
    color: var(--color-accent);
}

.onboarding__step-num {
    color: var(--color-accent);
}
/*
.btn::before,
.btn::after {
	content: "";
	position: absolute;
	display: flex;
	display: none !important;
	width: 120px;
	height: 120px;
	background: url('data:image/svg+xml,<svg width="157" height="174" viewBox="0 0 157 174" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M68.9903 0.344604L77.7944 73.5072L79.9285 3.1499e-06L79.4369 73.5819L90.8366 1.33875L81.0589 73.9078L101.502 4.33478L82.6288 74.4785L111.718 8.9298L84.1161 75.283L121.285 15.0343L85.4919 76.3054L130.017 22.5296L86.7294 77.5261L137.744 31.2697L87.8044 78.9211L144.316 41.0846L88.6961 80.4633L149.604 51.7831L89.387 82.1228L153.507 63.157L89.8639 83.8672L155.947 74.985L90.1173 85.6626L156.877 87.0369L90.1423 87.474L156.28 99.0781L89.9385 89.2661L154.166 110.874L89.5098 91.0042L150.577 122.195L88.8645 92.6543L145.584 132.822L88.0153 94.1843L139.282 142.546L86.9786 95.5645L131.795 151.18L85.7747 96.768L123.269 158.554L84.4269 97.7713L113.869 164.525L82.9615 98.555L103.778 168.977L81.4071 99.1038L93.1927 171.824L79.7938 99.407L82.3194 173.01L78.153 99.4587L71.3696 172.512L76.5168 99.2579L60.5563 170.339L74.9169 98.8085L50.09 166.534L73.3846 98.1192L40.1744 161.171L71.9495 97.2035L31.0026 154.355L70.6397 96.0792L22.7529 146.217L69.4807 94.7682L15.5861 136.917L68.4949 93.296L9.6416 126.636L67.7016 91.6912L5.0351 115.572L67.1163 89.9851L1.85625 103.943L66.7503 88.2109L0.166948 91.974L66.6108 86.4031L5.85106e-05 79.8981L66.7004 84.597L1.35883 67.9504L67.0174 82.8276L4.21683 56.3634L67.5557 81.1294L8.51842 45.3628L68.3047 79.5354L14.1799 35.1626L69.25 78.0767L21.091 25.9613L70.373 76.7817L29.1173 17.9381L71.652 75.6756L38.1025 11.249L73.062 74.7799L47.8718 6.02439L74.5756 74.1121L58.2349 2.36585L76.1634 73.685L68.9903 0.344604Z" fill="%23FF8C00"/></svg>');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
*/
.btn::before {
	top: -60px;
	left: -60px;
}

.btn::after {
	bottom: -60px;
	right: -60px;
}

.hero__cta.btn {
	padding: 0 30px;
}

.btn-primary,
.btn {
    background: var(--color-pink);
    border-color: var(--color-pink);
}

.btn-primary:hover,
.btn:hover {
    background: var(--color-pink-hover);
    border-color: var(--color-pink-hover);
}

.btn {
	overflow: hidden;
	position: relative;
}



.services-card__media:hover {
	transform: scale(1.5);
}

/* === Анимации появляения === */

/* Общие стили для анимируемых элементов */
.svg-decor,
.block-scroll-fade-in {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
  transition-delay: var(--scroll-reveal-delay, 0ms);
}

/* SVG: направления вылета */
.svg-decor--from-left   { transform: translateX(-60px); }
.svg-decor--from-right  { transform: translateX(60px); }
.svg-decor--from-top    { transform: translateY(-60px); }
.svg-decor--from-bottom { transform: translateY(60px); }

/* Блоки: выплывают снизу на 20px */
.block-scroll-fade-in {
  transform: translateY(20px);
}

/* Состояние видимости (определено ПОСЛЕ базовых, чтобы перебить через каскад) */
.svg-decor.is-revealed,
.block-scroll-fade-in.is-revealed {
  opacity: 1;
  transform: translate(0, 0);
}

/* Специфика: декор не должен блокировать клики */
.svg-decor {
  pointer-events: none;
}

/* Доступность: отключаем анимацию для prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .svg-decor,
  .block-scroll-fade-in {
    transition: none;
    opacity: 1;
    transform: none;
  }
}

strong {
	font-weight: bold;
}