.cd-fd-box {
border: 1px solid #dcdcde;
border-left-width: 4px;
background: #fff;
padding: 12px;
margin: 12px 0;
}
.cd-fd-info {
border-left-color: #2271b1;
}
.cd-fd-warning {
border-left-color: #d63638;
}
.cd-fd-success {
border-left-color: #00a32a;
}
.cd-fd-panel h3 {
margin-top: 0;
}
.cd-fd-list {
margin: 0;
padding-left: 18px;
}
.cd-fd-intro {
margin-top: 0;
}
.cd-fd-form {
margin-top: 10px;
}
.cd-fd-fieldset {
border: 1px solid #dcdcde;
margin: 0 0 12px;
padding: 10px 12px;
}
.cd-fd-fieldset legend {
font-weight: 600;
padding: 0 4px;
}
.cd-fd-field {
margin: 0 0 10px;
}
.cd-fd-field label {
display: block;
font-weight: 600;
margin-bottom: 4px;
}
.cd-fd-field input[type="text"],
.cd-fd-field input[type="date"],
.cd-fd-field input[type="number"],
.cd-fd-field select,
.cd-fd-field textarea {
width: 100%;
max-width: 640px;
}
.cd-fd-field small {
display: block;
color: #646970;
margin-top: 4px;
}
.cd-fd-summary {
margin: 0 0 12px 18px;
}
.cd-fd-readonly {
border: 1px dashed #c3c4c7;
padding: 10px 12px;
background: #fcfcfc;
}
.cd-fd-readonly h4 {
margin-top: 0;
}
.cd-fd-readonly ul {
margin: 0;
padding-left: 18px;
} .cd-fd-profile-list-panel > h3 {
margin: 0 0 18px;
padding-bottom: 2px;
border-bottom: 1px solid #f0f0f1;
font-size: 1.35em;
line-height: 1.3;
}
.cd-fd-filters {
display: flex;
flex-direction: column;
gap: 18px;
margin: 0 0 24px;
padding: 0;
}
.cd-fd-filters-primary {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
gap: 12px 14px;
align-items: end;
}
.cd-fd-filters-footer {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 14px 18px;
padding-top: 14px;
border-top: 1px solid #e8e8e8;
}
.cd-fd-filters-secondary {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 12px 14px;
flex: 1 1 300px;
align-items: end;
min-width: 0;
}
.cd-fd-filter-distance-group {
background: linear-gradient(180deg, #e8f0f8 0%, #f0f4f8 100%);
border: 1px solid #c3d9e8;
border-left: 4px solid #2271b1;
border-radius: 4px;
padding: 12px 14px 14px;
margin: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.cd-fd-filter-distance-group .cd-fd-filter-field--near {
margin: 0;
}
.cd-fd-filter-distance-group .cd-fd-filter-field-label {
margin-bottom: 8px;
color: #1d2327;
font-size: 14px;
}
.cd-fd-filter-distance-group .cd-fd-filter-help {
display: block;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #d8dee4;
color: #3c434a;
font-size: 13px;
line-height: 1.55;
max-width: 40rem;
}
.cd-fd-filter-field {
margin: 0;
}
.cd-fd-filter-field label {
display: block;
margin-bottom: 6px;
font-weight: 600;
font-size: 14px;
color: #1d2327;
}
.cd-fd-filter-field-label {
display: block;
margin-bottom: 4px;
font-weight: 600;
}
.cd-fd-checkbox-label {
display: flex;
align-items: flex-start;
gap: 10px;
font-weight: 400;
font-size: 14px;
line-height: 1.45;
color: #2c3338;
cursor: pointer;
}
.cd-fd-checkbox-label input[type="checkbox"] {
margin: 2px 0 0;
flex-shrink: 0;
}
.cd-fd-filter-field input[type="text"],
.cd-fd-filter-field select {
width: 100%;
min-height: 38px;
border-radius: 3px;
box-sizing: border-box;
}
.cd-fd-results-summary.cd-fd-distance-active {
margin-top: 4px;
font-size: 13px;
color: #50575e;
}
.cd-fd-filter-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
align-self: flex-end;
gap: 10px 12px;
flex: 0 0 auto;
margin: 0;
}
.cd-fd-filter-actions .button {
margin: 0;
min-height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}
.cd-fd-filter-actions .button:hover:not(:disabled) {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.cd-fd-filter-actions .button:active:not(:disabled) {
transform: translateY(1px);
}
@media (max-width: 782px) {
.cd-fd-filters-footer {
flex-direction: column;
align-items: stretch;
}
.cd-fd-filter-actions {
align-self: stretch;
justify-content: flex-start;
}
}
@media (max-width: 480px) {
.cd-fd-filters-primary {
grid-template-columns: 1fr;
}
.cd-fd-filters-secondary {
grid-template-columns: 1fr;
}
.cd-fd-filter-actions {
flex-direction: column;
align-items: stretch;
}
.cd-fd-filter-actions .button,
.cd-fd-filter-actions .cd-fd-filter-reset {
width: 100%;
text-align: center;
justify-content: center;
}
}
.cd-fd-filter-submit.is-loading {
pointer-events: none;
opacity: 0.72;
transform: scale(0.98);
transition: opacity 0.15s ease, transform 0.15s ease;
}
.cd-fd-filter-submit.is-loading:disabled {
cursor: wait;
}
@keyframes cd-fd-spin {
to {
transform: rotate(360deg);
}
} .cd-fd-matching-block {
margin: 0 0 18px;
padding: 14px 16px;
background: #f6f7f7;
border: 1px solid #e0e0e0;
border-radius: 4px;
}
.cd-fd-matching-block__title {
margin: 0 0 12px;
font-size: 15px;
font-weight: 600;
color: #1d2327;
line-height: 1.35;
}
.cd-fd-matching-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 10px 12px;
}
.cd-fd-matching-card {
border: 1px solid #dcdcde;
border-radius: 4px;
padding: 10px 12px;
background: #fff;
scroll-margin-top: 100px;
}
.cd-fd-matching-card__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
margin-bottom: 6px;
}
.cd-fd-matching-card__name {
font-weight: 600;
font-size: 14px;
line-height: 1.3;
color: #2271b1;
text-decoration: none;
}
.cd-fd-matching-card__name:hover,
.cd-fd-matching-card__name:focus {
text-decoration: underline;
}
.cd-fd-matching-badge {
flex-shrink: 0;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 6px 8px;
max-width: 100%;
padding: 5px 10px;
border-radius: 6px;
border: 1px solid #c3c4c7;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
font-size: 12px;
font-weight: 600;
line-height: 1.25;
white-space: normal;
text-align: right;
}
.cd-fd-matching-badge__label {
color: #1d2327;
}
.cd-fd-matching-badge__pct {
font-size: 11px;
font-weight: 700;
color: #50575e;
letter-spacing: 0.02em;
}
.cd-fd-matching-badge--ideal {
border-color: #00ba37;
background: linear-gradient(180deg, #ecfdf5 0%, #d3f5e0 100%);
box-shadow: 0 1px 3px rgba(0, 163, 42, 0.12);
}
.cd-fd-matching-badge--ideal .cd-fd-matching-badge__pct {
color: #005c1f;
}
.cd-fd-matching-badge--high {
border-color: #68de7c;
background: linear-gradient(180deg, #f0fdf4 0%, #e7f5e9 100%);
}
.cd-fd-matching-badge--high .cd-fd-matching-badge__pct {
color: #1e4620;
}
.cd-fd-matching-badge--mid {
border-color: #72aee6;
background: linear-gradient(180deg, #f0f6fc 0%, #e5f2ff 100%);
}
.cd-fd-matching-badge--mid .cd-fd-matching-badge__pct {
color: #135e96;
}
.cd-fd-matching-badge--low {
border-color: #dcdcde;
background: #fafafa;
}
.cd-fd-matching-badge--low .cd-fd-matching-badge__pct {
color: #646970;
}
.cd-fd-matching-badge--muted {
border-style: dashed;
opacity: 0.92;
}
.cd-fd-matching-trust-hint {
margin: 4px 0 0;
font-size: 13px;
color: #646970;
line-height: 1.35;
}
.cd-fd-match-human-hint {
font-size: 13px;
color: #646970;
margin: 4px 0 6px;
line-height: 1.35;
}
.cd-fd-contact-subhint {
font-size: 12px;
color: #8c8f94;
margin-top: 6px;
margin-bottom: 0;
line-height: 1.35;
}
.cd-fd-contact-hint {
font-size: 13px;
color: #646970;
margin-bottom: 6px;
}
.cd-fd-contact-message-label {
display: block;
font-size: 13px;
color: #646970;
margin: 8px 0 4px;
line-height: 1.35;
}
.cd-fd-contact-message-textarea {
width: 100%;
max-width: 100%;
box-sizing: border-box;
min-height: 90px;
margin-bottom: 8px;
padding: 8px 10px;
font-size: 14px;
line-height: 1.45;
resize: vertical;
}
.cd-fd-contact-natural-tip {
font-size: 13px;
color: #646970;
margin: 8px 0 0;
line-height: 1.4;
}
.cd-fd-received-quick-cell {
padding-top: 8px;
padding-bottom: 12px;
background: #fafafa;
border-bottom: 1px solid #e8e8e8;
}
.cd-fd-quick-replies .button {
margin: 4px 6px 0 0;
}
.cd-fd-quick-replies__label {
font-size: 13px;
color: #646970;
margin-right: 4px;
}
.cd-fd-quick-replies__saved {
font-size: 13px;
color: #1d2327;
}
.cd-fd-my-requests-nudge-cell {
padding-top: 10px;
padding-bottom: 12px;
background: #fcfcfc;
border-bottom: 1px solid #e8e8e8;
}
.cd-fd-gentle-nudge-intro {
margin: 0 0 8px;
font-size: 13px;
line-height: 1.35;
}
.cd-fd-gentle-nudge-textarea {
width: 100%;
max-width: 100%;
box-sizing: border-box;
min-height: 84px;
margin-bottom: 8px;
padding: 8px 10px;
font-size: 14px;
line-height: 1.45;
}
.cd-fd-gentle-nudge-label {
display: block;
font-size: 12px;
margin-bottom: 4px;
color: #646970;
}
.cd-fd-reply-behavior-hint {
font-size: 12px;
color: #646970;
margin: 6px 0 0;
line-height: 1.35;
}
.cd-fd-social-proof {
font-size: 12px;
color: #646970;
margin-top: 4px;
margin-bottom: 0;
line-height: 1.35;
}
.cd-fd-matching-trust-hint .cd-fd-trust-badge {
color: inherit;
} .cd-fd-trust-badge-line {
margin: 6px 0 0;
line-height: 1.35;
}
.cd-fd-card-header .cd-fd-trust-badge-line {
margin-top: 8px;
}
.cd-fd-trust-badge {
display: inline-block;
padding: 2px 8px;
border-radius: 3px;
font-size: 12px;
font-weight: 500;
color: #1d2327;
background: #f0f0f1;
border: 1px solid #dcdcde;
}
.cd-fd-trust-badge--retours {
background: #fafafa;
color: #757575;
border-color: #e0e0e0;
}
.cd-fd-trust-badge--fiable {
background: #edfaef;
border-color: #68b684;
color: #1d4620;
}
.cd-fd-trust-badge--tres_fiable {
background: #e8f4fd;
border-color: #72aee6;
color: #0c4a6e;
}
.cd-my-matching .cd-fd-trust-badge--featured {
font-size: 13px;
padding: 5px 11px;
border-radius: 4px;
font-weight: 600;
}
.cd-my-matching__trust-wrap {
margin: 8px 0 0;
}
.cd-my-matching__trust-wrap .cd-fd-trust-block {
margin-top: 0;
} .cd-fd-trust-block {
margin: 16px 0;
padding: 14px 16px;
border: 1px solid #dcdcde;
border-radius: 6px;
background: #fafafa;
font-size: 14px;
line-height: 1.45;
color: #1d2327;
}
.cd-fd-trust-block--compact {
margin: 0;
padding: 10px 12px;
font-size: 13px;
}
.cd-fd-trust-block__title {
margin: 0 0 8px;
font-size: 1.05em;
font-weight: 600;
letter-spacing: 0.01em;
color: #1d2327;
}
.cd-fd-trust-score {
margin: 0;
font-size: 1.35em;
font-weight: 700;
color: #1d2327;
}
.cd-fd-trust-block--compact .cd-fd-trust-score {
font-size: 1.15em;
margin: 0 0 6px;
}
.cd-fd-trust-sub {
margin: 4px 0 0;
font-size: 13px;
color: #8c8f94;
}
.cd-fd-trust-label {
margin: 8px 0 0;
}
.cd-fd-trust-block--compact .cd-fd-trust-label {
margin: 0;
}
.cd-fd-trust-qualities {
margin: 10px 0 0;
padding-left: 1.1em;
font-size: 13px;
color: #50575e;
}
.cd-fd-trust-qualities li {
margin: 2px 0;
}
@media (max-width: 600px) {
.cd-fd-trust-block {
padding: 12px 14px;
}
}
.cd-fd-trusted-filter-banner {
margin: 0 0 12px;
padding: 8px 12px;
border-radius: 4px;
background: #f0f6fc;
border: 1px solid #c5d9ed;
color: #50575e;
font-size: 13px;
line-height: 1.45;
}
.cd-fd-matching-card__meta {
margin: 0;
font-size: 12px;
line-height: 1.45;
color: #646970;
}
.cd-fd-matching-card__reason {
margin: 0 0 6px;
font-size: 13px;
line-height: 1.45;
color: #1d2327;
}
.cd-fd-match-chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 8px;
padding: 0;
list-style: none;
}
.cd-fd-match-chip {
margin: 0;
max-width: 100%;
}
.cd-fd-match-chip__text {
display: inline-block;
max-width: 100%;
padding: 3px 8px;
border: 1px solid #c3c4c7;
border-radius: 999px;
background: #f6f7f7;
color: #1d2327;
font-size: 12px;
line-height: 1.35;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cd-fd-event-matching .cd-fd-match-chips {
margin-top: 6px;
}
@media (max-width: 782px) {
.cd-fd-match-chip__text {
white-space: normal;
}
}
.cd-fd-matching-card__sep {
opacity: 0.65;
}
.cd-fd-matching-block__actions {
margin: 12px 0 0;
}
.cd-fd-matching-more.button {
font-weight: 600;
}
.cd-fd-compat-tip {
margin: 0 0 14px;
padding: 10px 12px;
border-radius: 4px;
border-left: 4px solid #2271b1;
background: #f0f6fc;
color: #1d2327;
font-size: 14px;
line-height: 1.45;
}
.cd-fd-compat-tip__inner {
margin: 0;
}
.cd-fd-compat-tip__cta {
font-weight: 600;
color: #135e96;
text-decoration: none;
}
.cd-fd-compat-tip__cta:hover,
.cd-fd-compat-tip__cta:focus {
text-decoration: underline;
}
.cd-fd-match-mode-notice {
margin: 0 0 12px;
padding: 8px 12px;
border-radius: 4px;
background: #fcf9e8;
border: 1px solid #dba617;
color: #50575e;
font-size: 13px;
font-weight: 600;
}
.cd-fd-new-matches-banner {
margin: 0 0 14px;
padding: 12px 14px;
border-radius: 4px;
background: linear-gradient(135deg, #fff8f5 0%, #ffeee8 100%);
border: 1px solid #e8a598;
color: #1d2327;
}
.cd-fd-new-matches-banner__text {
margin: 0 0 8px;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
}
.cd-fd-new-matches-banner__cta {
margin: 0;
}
.cd-fd-new-matches-banner__btn {
font-weight: 600;
} .cd-my-matching__header {
margin: 0 0 14px;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
color: #1d2327;
}
.cd-my-matching__title {
margin-top: 0;
}
.cd-my-matching__banner {
margin: 0 0 16px;
padding: 10px 14px;
border-radius: 4px;
background: #edfaef;
border: 1px solid #68de7c;
color: #1d2327;
}
.cd-my-matching__banner-text {
margin: 0;
font-size: 14px;
font-weight: 600;
}
.cd-my-matching__limit-note,
.cd-my-matching__premium-hint {
font-size: 13px;
color: #50575e;
margin: 0 0 12px;
line-height: 1.45;
}
.cd-my-matching__premium-hint {
padding: 8px 10px;
background: #f6f7f7;
border-left: 3px solid #646970;
}
.cd-my-matching__section {
margin: 0 0 22px;
}
.cd-my-matching__section-title {
margin: 0 0 4px;
font-size: 16px;
}
.cd-my-matching__section-desc {
margin: 0 0 10px;
font-size: 13px;
color: #646970;
}
.cd-my-matching__list {
list-style: none;
margin: 0;
padding: 0;
}
.cd-my-matching__item {
border: 1px solid #dcdcde;
border-radius: 4px;
padding: 12px 14px;
margin: 0 0 10px;
background: #fff;
}
.cd-my-matching__item-head {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
margin-bottom: 6px;
}
.cd-my-matching__name {
font-weight: 600;
font-size: 15px;
color: #1d2327;
text-decoration: none;
}
a.cd-my-matching__name:hover,
a.cd-my-matching__name:focus {
color: #2271b1;
text-decoration: underline;
}
span.cd-my-matching__name {
color: #1d2327;
}
.cd-my-matching__badge.cd-fd-matching-badge {
flex-shrink: 0;
}
.cd-my-matching__meta {
margin: 0;
font-size: 13px;
color: #646970;
}
.cd-my-matching__details {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #f0f0f1;
}
.cd-my-matching__details-title {
margin: 0 0 6px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #50575e;
}
.cd-my-matching__details-list {
margin: 0 0 10px 16px;
padding: 0;
font-size: 13px;
line-height: 1.45;
}
.cd-my-matching__details-list--ok {
color: #1e4620;
}
.cd-my-matching__details-list--ko {
color: #50575e;
}
.cd-my-matching__points {
font-weight: 700;
color: #1e4620;
}
.cd-my-matching__empty {
margin: 0;
color: #50575e;
}
.cd-my-matching__cta {
margin-top: 12px;
}
.cd-my-matching__cta .cd-fd-contact-form {
margin: 0;
}
.cd-my-matching__cta .button {
font-weight: 600;
}
@keyframes cd-fd-contact-pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
.cd-fd-contact-btn--pulse {
animation: cd-fd-contact-pulse 0.35s ease 2;
}
.cd-fd-contact-btn--success {
background: #00a32a !important;
border-color: #00a32a !important;
color: #fff !important;
}
.cd-fd-contact-sent-inline {
margin: 6px 0 0;
font-size: 14px;
font-weight: 600;
color: #1e4620;
} .cd-quick-matching__title {
margin-top: 0;
}
.cd-quick-matching__intro {
margin: 0 0 12px;
font-size: 14px;
color: #50575e;
line-height: 1.45;
}
.cd-quick-matching__actions {
margin: 16px 0 0;
}
input.cd-quick-matching__readonly,
select.cd-quick-matching__readonly {
background: #f6f7f7;
color: #50575e;
}
.cd-fd-list-main {
position: relative;
min-height: 48px;
}
.cd-fd-list-loading-overlay {
position: absolute;
inset: 0;
z-index: 8;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.72);
backdrop-filter: blur(1px);
}
.cd-fd-list-loading-overlay[hidden] {
display: none !important;
}
.cd-fd-list-loading-inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 16px;
color: #50575e;
font-size: 14px;
}
.cd-fd-list-spinner {
display: inline-block;
width: 32px;
height: 32px;
border: 3px solid #dcdcde;
border-top-color: #2271b1;
border-radius: 50%;
animation: cd-fd-spin 0.75s linear infinite;
}
.cd-fd-results-count {
font-weight: 600;
}
.cd-fd-results-summary {
margin: 0 0 16px;
font-size: 14px;
color: #50575e;
line-height: 1.5;
}
.cd-fd-profile-list-panel .cd-fd-results-summary.cd-fd-distance-active {
margin-top: -8px;
margin-bottom: 16px;
}
.cd-fd-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px;
align-items: stretch;
}
.cd-fd-card {
border: 1px solid #dcdcde;
padding: 14px 16px;
background: #fff;
border-radius: 4px;
scroll-margin-top: 100px;
transition: box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}
@media (hover: hover) and (pointer: fine) {
.cd-fd-profile-list-panel .cd-fd-card:hover {
border-color: #c3c4c7;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
transform: translateY(-2px);
}
.cd-fd-profile-list-panel .cd-fd-card:hover .cd-fd-badge {
transition: background-color 0.2s ease, border-color 0.2s ease;
border-color: #d0d5dd;
}
.cd-fd-profile-list-panel .cd-fd-card:hover .cd-fd-profile-status-badge {
transition: box-shadow 0.2s ease;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
}
.cd-fd-profile-list-panel .cd-fd-card {
display: flex;
flex-direction: column;
min-height: 0;
}
.cd-fd-profile-list-panel .cd-fd-card-header {
flex-shrink: 0;
}
.cd-fd-profile-list-panel .cd-fd-card .cd-fd-contact-form,
.cd-fd-profile-list-panel .cd-fd-card .cd-fd-contact-note {
margin-top: auto;
margin-bottom: 0;
padding-top: 12px;
}
.cd-fd-profile-list-panel .cd-fd-contact-form .button {
width: 100%;
box-sizing: border-box;
min-height: 42px;
font-weight: 600;
font-size: 14px;
line-height: 1.3;
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, filter 0.15s ease;
}
@media (hover: hover) and (pointer: fine) {
.cd-fd-profile-list-panel .cd-fd-contact-form .button:hover:not(:disabled) {
box-shadow: 0 2px 8px rgba(34, 113, 177, 0.22);
filter: brightness(1.03);
}
}
.cd-fd-profile-list-panel .cd-fd-contact-form--session-hint .button {
width: 100%;
min-height: 42px;
font-weight: 600;
}
@keyframes cd-fd-card-map-focus {
0% {
box-shadow: 0 0 0 0 rgba(34, 113, 177, 0.35);
}
35% {
box-shadow: 0 0 0 5px rgba(34, 113, 177, 0.15);
}
100% {
box-shadow: 0 0 0 0 rgba(34, 113, 177, 0);
}
}
.cd-fd-card.cd-fd-card--map-focus {
outline: 2px solid #2271b1;
outline-offset: 3px;
animation: cd-fd-card-map-focus 2s ease-out;
}
.cd-fd-card-header {
border-bottom: 1px solid #f0f0f1;
margin-bottom: 10px;
padding-bottom: 10px;
}
.cd-fd-profile-list-panel .cd-fd-card-header {
min-height: 3.5em;
}
.cd-fd-card h4 {
margin: 0;
font-size: 17px;
line-height: 1.35;
color: #1d2327;
}
.cd-fd-card-summary {
margin: 8px 0 0;
color: #6c7781;
font-size: 13px;
line-height: 1.5;
}
.cd-fd-profile-list-panel .cd-fd-card-summary {
min-height: 2.8em;
}
.cd-fd-match-badges {
display: flex;
flex-wrap: wrap;
gap: 4px 6px;
margin: 0 0 10px;
}
.cd-fd-badge {
display: inline-block;
padding: 2px 6px;
font-size: 10px;
line-height: 1.4;
font-weight: 500;
color: #787c82;
background: #f0f0f1;
border: 1px solid #e8e8e8;
border-radius: 3px;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.cd-fd-card-excerpt {
margin: 0 0 10px;
color: #3c434a;
line-height: 1.5;
}
.cd-fd-card-secondary {
margin: 0 0 10px;
color: #50575e;
font-size: 13px;
line-height: 1.45;
}
.cd-fd-card-status {
margin: 0 0 10px;
}
.cd-fd-profile-status-badge {
display: inline-block;
background: #f0f0f1;
border: 1px solid #dcdcde;
border-radius: 3px;
padding: 2px 8px;
font-size: 12px;
line-height: 1.4;
color: #2c3338;
}
.cd-fd-profile-status--active {
background: #edfaef;
border-color: #00a32a;
color: #007017;
}
.cd-fd-profile-status--pause {
background: #f6f7f7;
border-color: #dcdcde;
color: #50575e;
}
.cd-fd-profile-status--found {
background: #fcf0f1;
border-color: #d63638;
color: #8a2424;
}
.cd-fd-contact-form {
margin-top: 12px;
}
.cd-fd-contact-note {
margin: 12px 0 0;
font-size: 13px;
color: #646970;
}
.cd-fd-contact-note--muted {
color: #8c8f94;
font-style: italic;
}
.cd-fd-profile-list-panel .cd-fd-pagination {
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid #f0f0f1;
}
.cd-fd-pagination {
margin-top: 14px;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.cd-fd-requests-table-wrap {
overflow-x: auto;
}
.cd-fd-requests-table {
width: 100%;
border-collapse: collapse;
margin-top: 8px;
min-width: 880px;
}
.cd-fd-requests-table th,
.cd-fd-requests-table td {
border: 1px solid #dcdcde;
padding: 10px 12px;
text-align: left;
vertical-align: top;
}
.cd-fd-requests-table th {
background: #f6f7f7;
font-weight: 600;
}
.cd-fd-requests-table tbody tr:nth-child(even) {
background: #fcfcfd;
}
.cd-fd-requests-table tbody tr:hover {
background: #f6f7f7;
}
.cd-fd-status-badge {
display: inline-block;
background: #f0f0f1;
border: 1px solid #dcdcde;
border-radius: 3px;
padding: 2px 8px;
font-size: 12px;
line-height: 1.4;
}
.cd-fd-status--pending {
background: #f0f0f1;
border-color: #dcdcde;
color: #2c3338;
}
.cd-fd-status--accepted {
background: #edfaef;
border-color: #00a32a;
color: #007017;
}
.cd-fd-status--ignored {
background: #fcf0f1;
border-color: #d63638;
color: #8a2424;
}
.cd-fd-status--cancelled {
background: #f6f7f7;
border-color: #8c8f94;
color: #50575e;
}
@keyframes cd-fd-badge-flash-in {
from {
opacity: 0.35;
transform: scale(0.96);
}
to {
opacity: 1;
transform: scale(1);
}
}
.cd-fd-status-badge--flash-in {
animation: cd-fd-badge-flash-in 0.45s ease-out;
}
.cd-fd-request-row--just-cancelled {
background-color: #f0f6fc !important;
transition: background-color 0.35s ease;
}
.cd-fd-request-row--cancelled-session {
box-shadow: inset 3px 0 0 0 #8c8f94;
}
.cd-fd-contact-form--session-hint {
margin-top: 0;
}
.cd-fd-cancel-feedback {
display: inline-block;
font-size: 13px;
font-weight: 600;
color: #50575e;
}
.cd-fd-cancel-error-msg {
display: block;
font-size: 12px;
color: #8a2424;
margin-bottom: 6px;
line-height: 1.35;
}
.cd-fd-requests-action-placeholder {
color: #8c8f94;
}
.cd-fd-feedback-cta-hint {
color: #646970;
font-size: 13px;
}
.cd-fd-inline-actions {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.cd-fd-status-filters {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 8px 0 12px;
} .pac-container {
z-index: 100000 !important;
position: relative;
box-sizing: border-box;
font-family: Roboto, Arial, sans-serif;
font-size: 14px;
line-height: 1.4;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
margin-top: 2px;
text-align: left;
direction: ltr;
overflow: visible;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
-webkit-font-smoothing: antialiased;
}
.pac-container * {
box-sizing: border-box;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.pac-item {
padding: 8px 10px;
margin: 0;
border: 0;
border-top: 1px solid #e6e6e6;
cursor: pointer;
font-size: 14px;
line-height: 1.4;
color: #000;
text-align: left;
overflow: hidden;
white-space: nowrap;
list-style: none;
background-color: #fff;
}
.pac-item:first-child {
border-top: 0;
}
.pac-item:hover {
background-color: #ebf2fe;
}
.pac-item-selected {
background-color: #ebf2fe;
}
.pac-icon {
width: 15px !important;
min-width: 15px;
max-width: none !important;
height: 20px !important;
margin: 0 !important;
padding: 0 !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
vertical-align: middle;
flex-shrink: 0;
}
.pac-icon img {
max-width: none !important;
width: auto !important;
height: auto !important;
display: block;
object-fit: contain;
}
.pac-logo img {
max-width: none !important;
width: auto !important;
height: auto !important;
display: block;
object-fit: contain;
}
.pac-item-query {
font-size: 14px;
font-weight: 400;
color: #000;
}
.pac-matched {
font-weight: 600;
}
.pac-item span {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
.pac-item-query span {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
} .cd-fd-list-map-section {
margin: 28px 0 24px;
}
.cd-fd-list-map {
width: 100%;
height: 320px;
min-height: 220px;
border: 1px solid #dcdcde;
border-radius: 4px;
background: #eef0f1;
overflow: hidden;
}
.cd-fd-list-map.cd-fd-list-map--hidden,
.cd-fd-list-map[hidden] {
display: none;
}
.cd-fd-list-map-msg--empty {
margin: 0;
padding: 18px 16px;
color: #50575e;
font-size: 14px;
line-height: 1.5;
border: 1px solid #dcdcde;
border-radius: 4px;
background: #f6f7f7;
}
.cd-fd-list-map .leaflet-popup-content-wrapper {
border-radius: 6px;
border: 1px solid #dcdcde;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.cd-fd-list-map .leaflet-popup-content {
font-size: 13px;
line-height: 1.55;
margin: 14px 16px;
color: #2c3338;
}
.cd-fd-list-map .leaflet-popup-content strong {
font-size: 14px;
font-weight: 600;
color: #1d2327;
}
.cd-fd-list-map .leaflet-popup-content a.cd-fd-map-popup-link {
display: inline-block;
margin-top: 4px;
font-weight: 600;
font-size: 13px;
text-decoration: none;
color: #2271b1;
}
.cd-fd-list-map .leaflet-popup-content a.cd-fd-map-popup-link:hover,
.cd-fd-list-map .leaflet-popup-content a.cd-fd-map-popup-link:focus {
text-decoration: underline;
color: #135e96;
}
.cd-fd-list-main > .cd-fd-results-summary.cd-fd-results-count {
margin-top: 0;
padding-top: 2px;
}
@media (max-width: 600px) {
.cd-fd-profile-list-panel .cd-fd-list-map-section {
margin: 20px 0;
}
.cd-fd-list-map-section {
margin: 22px 0 18px;
}
.cd-fd-list-map {
height: 240px;
min-height: 200px;
}
.cd-fd-profile-list-panel > h3 {
margin-bottom: 14px;
font-size: 1.25em;
}
.cd-fd-filters {
margin-bottom: 20px;
}
} .cd-fd-feedback-form .cd-fd-muted {
color: #50575e;
font-size: 13px;
}
.cd-fd-feedback-eligible {
margin: 8px 0 0;
padding-left: 18px;
}
.cd-fd-req {
color: #d63638;
}
.cd-fd-event-live-matching {
margin: 24px 0;
padding: 16px;
background: #fff;
border-radius: 6px;
border: 1px solid #f0f0f1;
}
.cd-fd-event-live-matching__title {
margin: 0 0 6px;
font-size: 1.15em;
}
.cd-fd-event-live-matching__subtitle {
margin: 0 0 14px;
font-size: 14px;
color: #646970;
}
.cd-fd-event-live-matching__list {
list-style: none;
margin: 0;
padding: 0;
}
.cd-fd-event-live-matching__item {
padding: 10px 0;
border-bottom: 1px solid #f0f0f1;
}
.cd-fd-event-live-matching__item:last-of-type {
border-bottom: none;
}
.cd-fd-event-live-matching__row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px 14px;
font-size: 14px;
}
.cd-fd-event-live-matching__first {
font-weight: 600;
color: #1d2327;
}
.cd-fd-event-live-matching__score {
margin-left: auto;
font-weight: 600;
color: #b32d2e;
}
.cd-fd-event-live-matching__trust {
margin: 6px 0 0;
}
.cd-fd-event-live-matching__trust-badge {
display: inline-block;
font-size: 12px;
color: #50575e;
}
.cd-fd-event-live-matching__presence {
margin: 6px 0 0;
}
.cd-fd-event-live-matching__presence-badge {
font-size: 13px;
font-weight: 600;
color: #1d7a3c;
}
.cd-fd-event-matching {
margin: 24px 0;
padding: 16px;
background: #fff;
border-radius: 6px;
}
.cd-fd-event-live-matching + .cd-fd-event-matching {
margin-top: 8px;
}
.cd-fd-event-matching__title {
margin: 0 0 6px;
font-size: 1.15em;
}
.cd-fd-event-matching__subtitle {
margin: 0 0 14px;
font-size: 14px;
color: #646970;
}
.cd-fd-event-matching__list {
list-style: none;
margin: 0;
padding: 0;
}
.cd-fd-event-matching__item {
padding: 10px 0;
border-bottom: 1px solid #f0f0f1;
}
.cd-fd-event-matching__item:last-of-type {
border-bottom: none;
}
.cd-fd-event-matching__row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px 14px;
font-size: 14px;
}
.cd-fd-event-matching__first {
font-weight: 600;
color: #1d2327;
}
.cd-fd-event-matching__city {
color: #50575e;
}
.cd-fd-event-matching__score {
margin-left: auto;
font-weight: 600;
color: #2271b1;
}
.cd-fd-event-matching__trust {
margin: 6px 0 0;
}
.cd-fd-event-matching__trust-badge {
display: inline-block;
font-size: 12px;
color: #50575e;
}
.cd-fd-event-matching__cta-wrap {
margin: 14px 0 0;
}
.cd-fd-event-matching__cta-more {
text-decoration: none;
}
.cd-fd-event-match-hint {
font-size: 13px;
color: #646970;
margin-top: 8px;
}
.cd-fd-live-radar {
margin: 12px 0;
padding: 12px;
background: #fff;
border: 1px solid #f0f0f1;
border-radius: 6px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.cd-fd-live-radar__title {
margin: 0 0 4px;
font-size: 1.2em;
}
.cd-fd-live-radar__subtitle {
margin: 0 0 12px;
color: #646970;
font-size: 14px;
}
.cd-fd-live-section {
margin-top: 14px;
}
.cd-fd-live-section__title {
margin: 0 0 8px;
font-size: 1em;
}
.cd-fd-live-radar__list {
list-style: none;
margin: 0;
padding: 0;
}
.cd-fd-live-radar__item {
padding: 10px 0;
border-bottom: 1px solid #f0f0f1;
}
.cd-fd-live-radar__item:last-of-type {
border-bottom: none;
}
.cd-fd-live-radar__row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px 12px;
font-size: 14px;
}
.cd-fd-live-radar__first {
font-weight: 600;
color: #1d2327;
}
.cd-fd-live-radar__city {
color: #50575e;
}
.cd-fd-live-radar__score {
margin-left: auto;
color: #2271b1;
font-weight: 600;
}
.cd-fd-live-radar__trust {
margin: 6px 0 0;
font-size: 12px;
color: #50575e;
}
.cd-fd-live-badge {
margin: 6px 0 0;
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #1d7a3c;
}
.cd-fd-live-empty {
margin: 0;
color: #646970;
font-size: 13px;
}
.cd-fd-opportunity-banner {
margin: 10px 0;
padding: 10px 12px;
border: 1px solid #dcdcde;
border-left: 4px solid #2271b1;
border-radius: 6px;
background: #f6fbff;
}
.cd-fd-opportunity-title {
margin: 0;
font-weight: 600;
color: #1d2327;
}
.cd-fd-opportunity-message {
margin: 4px 0 0;
color: #50575e;
font-size: 13px;
}
.cd-fd-opportunity-cta-wrap {
margin: 6px 0 0;
}
.cd-fd-opportunity-cta {
color: #2271b1;
font-weight: 600;
text-decoration: none;
}
.cd-fd-opportunity-cta:hover,
.cd-fd-opportunity-cta:focus {
text-decoration: underline;
}