/**
 * Vendor flow: registration docs notice, referral banner, footer contact bar.
 *
 * @package Gaia_Goods_Child
 */

/* Registration docs notice ------------------------------------------------ */

.gaia-vendor-docs-notice {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin: 0 0 24px;
    padding: 18px 20px;
    background: var(--gaia-surface-soft, #f8faf6);
    border: 1px solid var(--gaia-border-strong, #bccfba);
    border-left: 5px solid var(--gaia-brand-green, #194108);
    border-radius: 14px;
}

.gaia-vendor-docs-icon { font-size: 22px; line-height: 1.3; }

.gaia-vendor-docs-body strong {
    display: block;
    font-size: 16px;
    color: var(--gaia-brand-green, #194108);
    margin-bottom: 4px;
}

.gaia-vendor-docs-body p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.6; color: var(--gaia-text, #243d2d); }
.gaia-vendor-docs-body p:last-child { margin-bottom: 0; }
.gaia-vendor-docs-meta { font-size: 13px !important; color: var(--gaia-text-muted, #617461) !important; }
.gaia-vendor-docs-body a { color: var(--gaia-brand-green, #194108); font-weight: 700; }

/* Referral banner --------------------------------------------------------- */

.gaia-vendor-referral-banner {
    display: flex;
    gap: 14px;
    align-items: center;
    margin: 26px 0 0;
    padding: 18px 22px;
    background: linear-gradient(120deg, var(--gaia-brand-green, #194108), var(--gaia-brand-green-deep, #214842));
    border-radius: 16px;
    color: #fff;
}

.gaia-vendor-referral-icon { font-size: 24px; }
.gaia-vendor-referral-body strong { display: block; font-size: 16px; margin-bottom: 3px; color: #fff; }
.gaia-vendor-referral-body p { margin: 0; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, .9); }

/* Footer contact bar ------------------------------------------------------ */

.gaia-footer-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 26px;
    padding: 16px 20px;
    background: var(--gaia-brand-green-deep, #214842);
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.gaia-footer-contact-label { font-weight: 600; color: rgba(255, 255, 255, .85); }

.gaia-footer-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.gaia-footer-contact-link:hover { color: var(--gaia-brand-yellow, #fce522) !important; }

@media (max-width: 600px) {
    .gaia-footer-contact { flex-direction: column; gap: 8px; }
}