/* ============================================================
   NIDEO CUSTOM PAGE OVERRIDES
   Align custom public pages with the core Pifoxen visual system.
   ============================================================ */

:root {
    --nideo-page-surface: var(--pifoxen-white);
    --nideo-page-surface-soft: var(--pifoxen-extra-two);
    --nideo-page-surface-muted: rgba(var(--pifoxen-base-rgb), 0.08);
    --nideo-page-border: rgba(var(--pifoxen-black-rgb), 0.08);
    --nideo-page-border-strong: rgba(var(--pifoxen-black-rgb), 0.12);
    --nideo-page-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    --nideo-page-shadow-hover: 0px 14px 64px 0px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] {
    --nideo-page-surface: #252525;
    --nideo-page-surface-soft: #252525;
    --nideo-page-surface-muted: rgba(var(--pifoxen-base-rgb), 0.12);
    --nideo-page-border: rgba(var(--pifoxen-black-rgb), 0.12);
    --nideo-page-border-strong: rgba(var(--pifoxen-black-rgb), 0.18);
    --nideo-page-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.3);
    --nideo-page-shadow-hover: 0px 12px 66px 0px rgba(0, 0, 0, 0.36);
}

/* Section backdrops */
.search-results-page,
.testimonial-page-hero,
.testimonial-page-list,
.testimonial-submission-section,
.careers-hero,
.careers-section,
.careers-cta,
.share-story-intro,
.share-story-page,
.share-story-improve,
.gallery-one,
.brand-partners {
    background: transparent !important;
}

.careers-section--soft {
    background: rgba(var(--pifoxen-base-rgb), 0.04) !important;
}

/* Shared card surfaces */
.search-results-page__hero-panel,
.search-results-page__hero-summary,
.search-results-page__empty,
.search-results-page__empty-inline,
.search-results-page__intro-card,
.search-result-card,
.share-story-hero,
.share-story-highlight,
.share-story-info-card,
.share-story-note,
.share-story-form-card,
.share-story-improve__shell,
.testimonial-page-hero__copy,
.testimonial-page-hero__highlight,
.testimonial-story-card,
.testimonial-empty-state,
.contact-page__right,
.careers-hero__content,
.careers-hero__panel,
.careers-role-card,
.careers-info-card,
.careers-empty-state,
.careers-cta__inner,
.brand-partners__card,
.gallery-one__img-box,
.comment-card,
.comment-thread__reply-inner,
.comment-feedback--empty {
    background: var(--nideo-page-surface) !important;
    border: 1px solid var(--nideo-page-border) !important;
    border-radius: var(--pifoxen-bdr-radius) !important;
    box-shadow: var(--nideo-page-shadow) !important;
}

.search-results-page__summary-item,
.search-results-page__form input,
.search-results-page__jump a,
.search-results-page__quick-list a,
.testimonial-page-hero__metric,
.testimonial-sort-control select,
.comment-toolbar__sort select,
.careers-hero__stat,
.careers-role-card__meta span,
.careers-pathway,
.careers-ghost-btn,
.share-story-hero__eyebrow,
.share-story-form-card__eyebrow {
    background: var(--nideo-page-surface-soft) !important;
    border-color: var(--nideo-page-border) !important;
    border-radius: var(--pifoxen-bdr-radius) !important;
    box-shadow: none !important;
}

.brand-partners__card:hover,
.search-result-card:hover,
.testimonial-story-card:hover,
.careers-role-card:hover,
.share-story-highlight:hover,
.share-story-info-card:hover {
    box-shadow: var(--nideo-page-shadow-hover) !important;
    border-color: rgba(var(--pifoxen-base-rgb), 0.18) !important;
}

/* Typography */
.search-results-page__title,
.search-results-page__summary-total,
.search-results-page__intro-card h3,
.search-results-page__section-head h3,
.search-result-card h4,
.search-results-page__empty h3,
.search-results-page__empty-inline h4,
.share-story-hero h2,
.share-story-highlight h3,
.share-story-info-card h3,
.share-story-note h3,
.share-story-form-card h3,
.testimonial-spotlight-card__person h3,
.testimonial-story-card__top h3,
.careers-hero__content h2,
.careers-info-card h3,
.careers-cta__inner h3,
.careers-role-card h3,
.careers-empty-state h3,
.careers-pathway h4,
.comment-thread__meta h3 {
    color: var(--pifoxen-black) !important;
    font-family: var(--pifoxen-font-two) !important;
}

.search-results-page__text,
.search-results-page__summary-label,
.search-results-page__summary-item span,
.search-results-page__section-head p,
.search-result-card p,
.search-results-page__empty p,
.search-results-page__empty-inline p,
.share-story-hero p,
.share-story-form-card__header p,
.share-story-highlight p,
.share-story-info-card p,
.share-story-note p,
.share-story-improve__point span,
.share-story-alert,
.testimonial-page-hero__text,
.testimonial-spotlight-card__text,
.testimonial-story-card__text,
.testimonial-spotlight-card__person p,
.testimonial-story-card__top p,
.testimonial-story-card__time,
.testimonial-submission-section__points li,
.testimonial-consent label,
.careers-hero__content p,
.careers-role-card p,
.careers-info-card p,
.careers-role-card__details,
.careers-process li,
.careers-pathway p,
.careers-hero__stat span,
.careers-empty-state p,
.comment-toolbar__text,
.comment-thread__meta span,
.comment-thread__stats span {
    color: var(--pifoxen-gray) !important;
}

.search-results-page__eyebrow,
.search-result-card__type,
.search-results-page__jump-count,
.share-story-hero__eyebrow,
.share-story-form-card__eyebrow,
.testimonial-page-hero__metric strong,
.careers-hero__eyebrow,
.careers-role-card__meta span,
.comment-thread__action:hover,
.comment-thread__cancel:hover,
.comment-thread__action.is-active {
    color: var(--pifoxen-base) !important;
}

.search-results-page__summary-item strong,
.careers-hero__stat strong {
    color: var(--pifoxen-black) !important;
    font-family: var(--pifoxen-font-two) !important;
}

/* Inputs and pills */
.search-results-page__form input,
.testimonial-sort-control select,
.comment-toolbar__sort select,
.comment-form__input-box input,
.comment-form__input-box select,
.comment-form__input-box textarea,
.share-story-form .comment-form__input-box input[type="text"],
.share-story-form .comment-form__input-box input[type="email"],
.share-story-form .comment-form__input-box select,
.share-story-form .comment-form__input-box textarea {
    border: none !important;
    background-color: var(--nideo-page-surface-soft) !important;
    color: var(--pifoxen-black) !important;
    border-radius: var(--pifoxen-bdr-radius) !important;
    box-shadow: none !important;
}

.search-results-page__form input,
.testimonial-sort-control select,
.comment-toolbar__sort select,
.comment-form__input-box input,
.comment-form__input-box select,
.share-story-form .comment-form__input-box input[type="text"],
.share-story-form .comment-form__input-box input[type="email"],
.share-story-form .comment-form__input-box select {
    min-height: 64px !important;
    height: 64px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-size: 14px !important;
}

.comment-form__input-box textarea,
.share-story-form .comment-form__input-box textarea {
    min-height: 120px !important;
    padding: 18px 30px 30px !important;
    font-size: 14px !important;
}

.search-results-page__form input::placeholder,
.comment-form__input-box input::placeholder,
.comment-form__input-box textarea::placeholder,
.share-story-form .comment-form__input-box input[type="text"]::placeholder,
.share-story-form .comment-form__input-box input[type="email"]::placeholder,
.share-story-form .comment-form__input-box textarea::placeholder {
    color: var(--pifoxen-gray) !important;
}

.search-results-page__form input:focus,
.testimonial-sort-control select:focus,
.comment-toolbar__sort select:focus,
.comment-form__input-box input:focus,
.comment-form__input-box select:focus,
.comment-form__input-box textarea:focus,
.share-story-form .comment-form__input-box input[type="text"]:focus,
.share-story-form .comment-form__input-box input[type="email"]:focus,
.share-story-form .comment-form__input-box select:focus,
.share-story-form .comment-form__input-box textarea:focus {
    border-color: transparent !important;
    box-shadow: 0 0 0 4px rgba(var(--pifoxen-base-rgb), 0.12) !important;
}

.search-results-page__quick-list a,
.search-results-page__jump a,
.share-story-hero__eyebrow,
.share-story-form-card__eyebrow,
.careers-role-card__meta span {
    color: var(--pifoxen-black) !important;
}

.search-results-page__quick-list a:hover,
.search-results-page__jump a:hover,
.careers-ghost-btn:hover {
    color: var(--pifoxen-base) !important;
    border-color: rgba(var(--pifoxen-base-rgb), 0.22) !important;
    background: var(--nideo-page-surface-muted) !important;
}

/* Gallery and partners */
.gallery-one__img-box {
    background: var(--nideo-page-surface-soft) !important;
}

.brand-partners__image {
    filter: none;
}

/* Search-specific cleanup */
.search-results-page__hero-panel,
.search-results-page__hero-summary {
    background-image: none !important;
}

.search-results-page__summary-grid {
    gap: 14px;
}

.search-results-page__summary-item {
    border-radius: var(--pifoxen-bdr-radius);
}

/* Comment feedback surfaces */
.comment-feedback--success {
    background: rgba(var(--pifoxen-base-rgb), 0.12) !important;
    color: var(--pifoxen-base) !important;
    border: 1px solid rgba(var(--pifoxen-base-rgb), 0.18) !important;
}

.comment-feedback--error {
    background: rgba(214, 76, 76, 0.12) !important;
    color: #b24040 !important;
    border: 1px solid rgba(214, 76, 76, 0.2) !important;
}

[data-theme="dark"] .comment-feedback--success {
    color: #9be4b7 !important;
}

[data-theme="dark"] .comment-feedback--error {
    color: #ffc1c1 !important;
}

[data-theme="dark"] .search-results-page__form input,
[data-theme="dark"] .testimonial-sort-control select,
[data-theme="dark"] .comment-toolbar__sort select,
[data-theme="dark"] .comment-form__input-box input,
[data-theme="dark"] .comment-form__input-box select,
[data-theme="dark"] .comment-form__input-box textarea,
[data-theme="dark"] .share-story-form .comment-form__input-box input[type="text"],
[data-theme="dark"] .share-story-form .comment-form__input-box input[type="email"],
[data-theme="dark"] .share-story-form .comment-form__input-box select,
[data-theme="dark"] .share-story-form .comment-form__input-box textarea {
    background-color: #252525 !important;
}

/* Responsive consistency */
@media (max-width: 767px) {
    .search-results-page__hero-panel,
    .search-results-page__hero-summary,
    .search-results-page__intro-card,
    .search-result-card,
    .search-results-page__empty,
    .search-results-page__empty-inline,
    .share-story-hero,
    .share-story-form-card,
    .testimonial-page-hero__copy,
    .testimonial-page-hero__highlight,
    .testimonial-story-card,
    .contact-page__right,
    .careers-hero__content,
    .careers-hero__panel,
    .careers-role-card,
    .careers-info-card,
    .careers-empty-state,
    .careers-cta__inner {
        border-radius: var(--pifoxen-bdr-radius) !important;
        box-shadow: var(--nideo-page-shadow) !important;
    }
}