/* ===================================
   PARTNERS PAGE — ДЕКОР
   css/partners-decor.css
   Тема: партнёрство, сотрудничество, взаимопомощь, сообщество.
   Мотивы: рукопожатие, пазл, сердце-забота, подчёркивание.
   Стиль: stroke-only, три фирменных цвета, анимация парения.
   =================================== */

:root {
    /* 1. Рукопожатие (Handshake) — Бирюза #25A9B8 */
    --doodle-handshake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M11 20L6 25C4.5 26.5 4.5 29 6 30.5L10 34.5C11.5 36 14 36 15.5 34.5L20 30' fill='none' stroke='%2325A9B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33 20L38 25C39.5 26.5 39.5 29 38 30.5L34 34.5C32.5 36 30 36 28.5 34.5L24 30' fill='none' stroke='%2325A9B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 15L22 21L28 15' fill='none' stroke='%2325A9B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 18L13 24L17 28L22 23L27 28L31 24L25 18' fill='none' stroke='%2325A9B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    /* 2. Сердце с ладонью (помощь/фонды) — Терракота #EE7A5D */
    --doodle-partner-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 33S6 24 6 13.5C6 9 9.5 6 13.5 6C16.5 6 18.8 7.5 20 9.8C21.2 7.5 23.5 6 26.5 6C30.5 6 34 9 34 13.5C34 24 20 33 20 33Z' fill='none' stroke='%23EE7A5D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 16C15 13 17 12 19 12' fill='none' stroke='%23EE7A5D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");

    /* 3. Соединение пазла (надёжное партнёрство) — Мята #52CC9A */
    --doodle-puzzle-partner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cpath d='M5 5H15C15 2 19 2 19 5H29C31.2 5 33 6.8 33 9V19C36 19 36 23 33 23V29C33 31.2 31.2 33 29 33H23C23 36 19 36 19 33H9C6.8 33 5 31.2 5 29V23C2 23 2 19 5 19V9C5 6.8 6.8 5 9 5Z' fill='none' stroke='%2352CC9A' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");

    /* 4. Рукописное волнистое подчёркивание для заголовка */
    --doodle-underline-partners: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='14' viewBox='0 0 100 14'%3E%3Cpath d='M2 9C14 2 22 12 34 6C46 0 54 12 66 6C78 0 86 12 98 6' fill='none' stroke='%2352CC9A' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ── Анимации парения дудлов ── */
@keyframes partnerDoodleFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50%      { transform: translateY(-7px) rotate(-3deg); }
}

@keyframes partnerDoodleFloatReverse {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50%      { transform: translateY(6px) rotate(4deg); }
}

/* ===================================
   1. HERO — подчёркивание + дудл рукопожатия
   =================================== */
body[data-page="partners"] .page-hero__title {
    position: relative;
    display: inline-block;
}

body[data-page="partners"] .page-hero__title::after {
    content: '';
    display: block;
    width: 110px;
    height: 14px;
    margin-top: 6px;
    background: var(--doodle-underline-partners) no-repeat left center / contain;
    opacity: 0.85;
}

body[data-page="partners"] .page-hero::after {
    content: '';
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 15%;
    right: 7%;
    width: 48px;
    height: 48px;
    background: var(--doodle-handshake) no-repeat center / contain;
    opacity: 0.5;
    animation: partnerDoodleFloat 8s ease-in-out infinite;
}

@media (max-width: 768px) {
    body[data-page="partners"] .page-hero::after {
        display: none;
    }
}

/* ===================================
   2. СЕКЦИЯ КАРТОЧЕК ПАРТНЁРОВ — точечная сетка + дудлы по углам
   =================================== */
.partners-page {
    position: relative;
    overflow: hidden;
}

/* Легкая точечная вуаль на фоне */
.partners-page::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(37, 169, 184, 0.12) 1.5px, transparent 1.6px);
    background-size: 28px 28px;
    -webkit-mask-image: radial-gradient(ellipse 65% 50% at 50% 12%, black 0%, transparent 80%);
    mask-image: radial-gradient(ellipse 65% 50% at 50% 12%, black 0%, transparent 80%);
    opacity: 0.55;
}

/* Дудлы пазла и сердца по углам секции */
.partners-page::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: var(--doodle-puzzle-partner), var(--doodle-partner-heart);
    background-repeat: no-repeat;
    background-position: 2% 8%, 97% 88%;
    background-size: 36px 36px, 34px 34px;
    opacity: 0.35;
}

.partners-page > .container {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .partners-page::after {
        opacity: 0.2;
        background-position: 1% 4%, 98% 95%;
    }
}

@media (max-width: 480px) {
    .partners-page::after {
        display: none;
    }
}

/* ===================================
   3. CTA — дудлы в блоке предложения о партнёрстве
   =================================== */
body[data-page="partners"] .doctors-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: var(--doodle-handshake), var(--doodle-puzzle-partner);
    background-repeat: no-repeat;
    background-position: 6% 70%, 92% 20%;
    background-size: 40px 40px, 32px 32px;
    opacity: 0.25;
}

body[data-page="partners"] .doctors-cta::after {
    content: '';
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 14%;
    right: 12%;
    width: 36px;
    height: 36px;
    background: var(--doodle-partner-heart) no-repeat center / contain;
    opacity: 0.45;
    animation: partnerDoodleFloatReverse 9s ease-in-out infinite;
}

@media (max-width: 768px) {
    body[data-page="partners"] .doctors-cta::before,
    body[data-page="partners"] .doctors-cta::after {
        opacity: 0.18;
    }
}

/* ===================================
   ACCESSIBILITY / PRINT
   =================================== */
@media (prefers-reduced-motion: reduce) {
    body[data-page="partners"] .page-hero::after,
    body[data-page="partners"] .doctors-cta::after {
        animation: none;
    }
}

@media print {
    body[data-page="partners"] .page-hero::after,
    body[data-page="partners"] .page-hero__title::after,
    .partners-page::before,
    .partners-page::after,
    body[data-page="partners"] .doctors-cta::before,
    body[data-page="partners"] .doctors-cta::after {
        display: none !important;
    }
}

/* ===================================
   PARTNERS HOME — декор секции на главной
   =================================== */
.partners-home {
    background:
            radial-gradient(ellipse 45% 55% at 0% 100%, rgba(82, 204, 154, 0.14), transparent 70%),
            radial-gradient(ellipse 40% 50% at 100% 0%, rgba(238, 122, 93, 0.10), transparent 70%),
            var(--color-bg-blue, #eef7f8);
}

/* Точечная сетка по верху секции */
.partners-home::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(37, 169, 184, 0.16) 1.5px, transparent 1.6px);
    background-size: 28px 28px;
    -webkit-mask-image: radial-gradient(ellipse 70% 45% at 50% 0%, black 0%, transparent 80%);
    mask-image: radial-gradient(ellipse 70% 45% at 50% 0%, black 0%, transparent 80%);
}

/* Дудлы: рукопожатие, пазл, сердце */
.partners-home::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
            var(--doodle-handshake),
            var(--doodle-puzzle-partner),
            var(--doodle-partner-heart);
    background-repeat: no-repeat;
    background-position: 4% 14%, 95% 38%, 8% 86%;
    background-size: 48px 48px, 38px 38px, 36px 36px;
    opacity: 0.4;
    animation: partnerDoodleFloat 9s ease-in-out infinite;
}

.partners-home > .container { position: relative; z-index: 1; }

/* Большие декоративные кольца за каруселью */
.partners-home__header::before,
.partners-home__footer::before {
    content: '';
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
}
.partners-home__header { position: relative; }
.partners-home__header::before {
    top: -70px; right: 4%;
    width: 180px; height: 180px;
    border: 2px dashed rgba(238, 122, 93, 0.35);
    animation: partnerRingSpin 40s linear infinite;
}
.partners-home__footer { position: relative; }
.partners-home__footer::before {
    left: 6%; bottom: -60px;
    width: 120px; height: 120px;
    background: rgba(37, 169, 184, 0.10);
}

/* Лёгкая «волна» между карточками и навигацией */
.partners-carousel__navigation { position: relative; }
.partners-carousel__navigation::before {
    content: '';
    position: absolute;
    left: 50%; top: -22px;
    width: 110px; height: 14px;
    transform: translateX(-50%);
    background: var(--doodle-underline-partners) no-repeat center / contain;
    opacity: 0.6;
}

/* Подчёркивание заголовка секции */
.partners-home .section-title { position: relative; }

@keyframes partnerRingSpin { to { transform: rotate(360deg); } }

@media (max-width: 768px) {
    .partners-home::after { opacity: 0.2; background-position: 2% 6%, 97% 30%, 4% 94%; }
    .partners-home__header::before { display: none; }
}
@media (max-width: 480px) {
    .partners-home::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .partners-home::after,
    .partners-home__header::before { animation: none; }
}
@media print {
    .partners-home::before, .partners-home::after,
    .partners-home__header::before, .partners-home__footer::before,
    .partners-carousel__navigation::before { display: none !important; }
}