/*
 * Planieta Date modern UI layer.
 * This file intentionally stays in the customization plugin so Rencontre can
 * keep acting as the dating engine while the visual system evolves here.
 */

:root {
    --cc-renc-bg: #101417;
    --cc-renc-surface: #f7f8f8;
    --cc-renc-surface-soft: #eef2f3;
    --cc-renc-text: #1f2428;
    --cc-renc-muted: #697179;
    --cc-renc-line: rgba(31, 36, 40, .11);
    --cc-renc-primary: #d94f70;
    --cc-renc-primary-dark: #b83858;
    --cc-renc-accent: #0f8f8a;
    --cc-renc-warn: #f4b740;
    --cc-renc-shadow: 0 18px 48px rgba(12, 16, 20, .18);
    --cc-renc-radius: 8px;
}

/* Product polish pass: forms, cards, onboarding, premium lock */
#widgRenc input[type="text"],
#widgRenc input[type="password"],
#widgRenc input[type="email"],
#widgRenc input[type="date"],
#widgRenc input[type="search"],
#widgRenc textarea,
#widgRenc select,
#widgRenc .cc-renc-country-button {
    min-height: 46px;
    border: 1px solid rgba(31, 41, 55, .12) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, .88) !important;
    color: var(--cc-renc-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

#widgRenc input:focus,
#widgRenc textarea:focus,
#widgRenc select:focus,
#widgRenc .cc-renc-country-button:focus {
    outline: 0;
    border-color: rgba(217, 79, 112, .5) !important;
    box-shadow: 0 0 0 3px rgba(217, 79, 112, .13) !important;
}

#widgRenc label {
    display: inline-block;
    margin: 12px 0 6px;
    color: var(--cc-renc-text) !important;
    font-size: .94rem;
    font-weight: 820;
}

#widgRenc .rencSearch .w3-card,
#widgRenc .rencReg1 .w3-card,
#widgRenc .rencReg2 .w3-card,
#widgRenc .rencReg3 .w3-card,
#widgRenc .rencSide,
#widgRenc .rencSearchResult .w3-card {
    border: 1px solid rgba(255, 255, 255, .62) !important;
    border-radius: 8px !important;
    background: rgba(247, 248, 248, .94) !important;
    box-shadow: 0 18px 48px rgba(8, 16, 26, .16) !important;
    backdrop-filter: blur(12px);
}

#widgRenc .rencMiniPortrait .w3-card {
    position: relative;
}

#widgRenc .cc-card-status {
    position: absolute;
    z-index: 4;
    top: 10px;
    right: 10px;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(15, 143, 138, .92);
    color: #fff;
    font-size: .72rem;
    font-weight: 820;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(8, 16, 26, .18);
}

#widgRenc .rencMiniPortrait .cc-card-teaser {
    display: -webkit-box !important;
    min-height: 62px;
    height: auto !important;
    padding: 12px 14px 10px !important;
    border-top: 1px solid rgba(31, 41, 55, .08) !important;
    color: #5f6872 !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#widgRenc .rencMiniPortrait .cc-card-teaser span,
#widgRenc .cc-result-empty span,
#widgRenc .cc-profile-empty span {
    color: #66717b !important;
}

#widgRenc .rencSearchResult .cc-result-card {
    padding: 18px !important;
}

#widgRenc .rencSearchResult .w3-row {
    border-bottom-color: rgba(31, 41, 55, .08) !important;
}

#widgRenc .rencSearchResult .w3-large {
    color: var(--cc-renc-text) !important;
    font-size: 1.25rem !important;
    font-weight: 840;
    cursor: pointer;
}

#widgRenc .rencSearchResult .looking {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

#widgRenc .rencSearchResult .looking span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(217, 79, 112, .08);
    color: var(--cc-renc-primary-dark) !important;
    font-weight: 760;
}

#widgRenc .cc-profile-empty {
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px dashed rgba(31, 41, 55, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .68);
}

#widgRenc .cc-profile-empty strong {
    color: var(--cc-renc-text);
    font-size: 1rem;
    font-weight: 840;
}

#widgRenc .cc-profile-premium-lock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 18px 0 4px;
    padding: 18px;
    border: 1px solid rgba(217, 79, 112, .24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(217, 79, 112, .12), rgba(15, 143, 138, .11)),
        rgba(255, 255, 255, .88);
}

#widgRenc .cc-profile-premium-lock .cc-lock-kicker {
    display: inline-flex;
    margin-bottom: 5px;
    color: var(--cc-renc-primary-dark);
    font-size: .76rem;
    font-weight: 840;
    text-transform: uppercase;
    letter-spacing: .06em;
}

#widgRenc .cc-profile-premium-lock strong {
    display: block;
    color: var(--cc-renc-text);
    font-size: 1.08rem;
    font-weight: 860;
}

#widgRenc .cc-profile-premium-lock p {
    margin: 5px 0 0;
    color: #5f6872;
    line-height: 1.45;
}

#widgRenc .cc-profile-premium-lock .cc-premium-lock-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 174px;
    min-height: 46px;
    padding: 11px 16px !important;
    text-align: center;
    white-space: nowrap;
}

#widgRenc .cc-gallery-upload {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 12px 0;
}

#widgRenc .cc-gallery-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    opacity: 0;
}

#widgRenc .cc-gallery-file-button {
    margin: 0 !important;
}

#widgRenc .cc-gallery-file-name {
    color: var(--cc-renc-muted);
    font-weight: 720;
}

#widgRenc .cc-gallery-preview-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 10px 0;
}

#widgRenc .cc-gallery-preview-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(221, 74, 115, .16);
    color: var(--cc-renc-muted);
    font-weight: 800;
    font-size: .78rem;
}

#widgRenc .cc-gallery-preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#widgRenc .cc-gallery-preview-note,
#widgRenc .cc-gallery-preview-warning {
    display: inline-block;
    margin-top: 4px;
    color: var(--cc-renc-muted);
    font-weight: 780;
}

#widgRenc .cc-gallery-preview-warning {
    color: #b4355f;
}

#widgRenc #rencGallery {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: flex-start;
}

#widgRenc .cc-gallery-item {
    position: relative;
    width: 92px;
    max-width: 92px;
    padding: 0 !important;
    overflow: visible;
}

#widgRenc .cc-gallery-thumb {
    width: 72px;
    height: 72px;
    object-fit: cover;
    display: block;
    margin: 0 auto 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 8px 20px rgba(20, 30, 45, .08);
}

#widgRenc .cc-gallery-type {
    position: absolute;
    top: -8px;
    left: 8px;
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 7px;
    border-radius: 999px;
    color: #fff;
    font-size: .62rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .03em;
    box-shadow: 0 6px 12px rgba(20, 30, 45, .16);
}

#widgRenc .cc-gallery-type--jpg {
    display: none;
}

#widgRenc .cc-gallery-access {
    display: grid;
    grid-template-columns: repeat(3, 14px);
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 72px;
    min-height: 18px;
    margin: 7px auto 9px;
    white-space: nowrap;
}

#widgRenc .cc-gallery-access-dot {
    appearance: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1.5px solid currentColor !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .98) !important;
    color: currentColor;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: .72;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: 0 4px 9px rgba(20, 30, 45, .08);
}

#widgRenc .cc-gallery-access-dot.is-active {
    border-color: currentColor;
    opacity: 1;
    box-shadow: 0 5px 11px rgba(20, 30, 45, .14);
}

#widgRenc .cc-gallery-access-dot span {
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
}

#widgRenc .cc-gallery-access-dot.is-active span {
    background: currentColor !important;
}

#widgRenc .cc-gallery-delete {
    appearance: none !important;
    position: absolute;
    z-index: 4;
    top: -7px;
    right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(197, 59, 102, .34) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .97) !important;
    color: #c53b66 !important;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(20, 30, 45, .14);
    transition: background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
    opacity: 1 !important;
    line-height: 1 !important;
}

#widgRenc .cc-gallery-delete:hover,
#widgRenc .cc-gallery-delete:focus {
    background: #dc4c76 !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(221, 74, 115, .22);
}

#widgRenc .cc-gallery-delete-x {
    display: block;
    margin-top: -1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: inherit !important;
    opacity: 1 !important;
}

#widgRenc .cc-onboarding-progress-card {
    background: rgba(255, 255, 255, .82) !important;
}

#widgRenc .cc-onboarding-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

#widgRenc .cc-onboarding-step {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 8px 10px;
    border: 1px solid rgba(31, 41, 55, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .66);
    color: #6c747d;
}

#widgRenc .cc-onboarding-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #eef2f3;
    color: #69727c;
    font-weight: 860;
}

#widgRenc .cc-onboarding-step strong {
    min-width: 0;
    color: inherit;
    font-size: .92rem;
    font-weight: 820;
}

#widgRenc .cc-onboarding-step.is-active {
    border-color: rgba(217, 79, 112, .28);
    background: linear-gradient(135deg, rgba(217, 79, 112, .18), rgba(15, 143, 138, .16));
    color: var(--cc-renc-text);
}

#widgRenc .cc-onboarding-step.is-active span,
#widgRenc .cc-onboarding-step.is-done span {
    background: linear-gradient(135deg, var(--cc-renc-primary), var(--cc-renc-accent));
    color: #fff;
}

#widgRenc .cc-onboarding-copy {
    max-width: 72ch;
    color: #5c6670;
    line-height: 1.58;
}

#widgRenc .cc-registration-alert {
    margin: 16px 0 0;
    padding: 12px 14px;
    border: 1px solid rgba(217, 79, 112, .28);
    border-left: 4px solid var(--cc-renc-primary);
    border-radius: 8px;
    background: rgba(255, 244, 247, .92);
    color: var(--cc-renc-text);
}

#widgRenc .cc-registration-alert strong {
    display: block;
    margin-bottom: 6px;
}

#widgRenc .cc-registration-alert ul {
    margin: 0;
    padding-left: 18px;
}

#widgRenc .cc-secondary-button {
    margin-right: 8px;
    border: 1px solid rgba(31, 41, 55, .14) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .86) !important;
    color: #4f5963 !important;
    font-weight: 820 !important;
}

#widgRenc .rencReg1 .w3-row,
#widgRenc .rencReg2 .w3-row,
#widgRenc .rencReg3 .w3-row,
#widgRenc .rencSearch .w3-row {
    display: flex;
    gap: 8px;
}

#widgRenc .rencReg1 .w3-third,
#widgRenc .rencReg1 .w3-half,
#widgRenc .rencReg2 .w3-third,
#widgRenc .rencReg2 .w3-half,
#widgRenc .rencReg3 .w3-third,
#widgRenc .rencReg3 .w3-half,
#widgRenc .rencSearch .w3-half {
    flex: 1 1 0;
    width: auto !important;
}

@media (max-width: 960px) {
    #widgRenc {
        display: flex;
        flex-direction: column;
    }

    #widgRenc > .w3-twothird {
        order: 3;
    }

    #widgRenc > .w3-third {
        order: 4;
    }

    #widgRenc > .rencAds {
        order: 2;
    }

    #widgRenc:has(.rencSearch) > .w3-twothird,
    #widgRenc:has(.rencSearch) > .w3-third,
    #widgRenc:has(.rencSearchResult) > .w3-twothird,
    #widgRenc:has(.rencSearchResult) > .w3-third,
    #widgRenc:has(.rencMsgInbox) > .w3-twothird,
    #widgRenc:has(.rencMsgInbox) > .w3-third,
    #widgRenc:has(.rencMsgConversation) > .w3-twothird,
    #widgRenc:has(.rencMsgConversation) > .w3-third,
    #widgRenc:has(.rencMsgWrite) > .w3-twothird,
    #widgRenc:has(.rencMsgWrite) > .w3-third {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    #widgRenc > .w3-third {
        margin-top: 14px;
    }

    #widgRenc .rencSide {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #widgRenc .rencSearch .w3-card > .w3-container,
    #widgRenc .rencReg1 .w3-card > .w3-container,
    #widgRenc .rencReg2 .w3-card > .w3-container,
    #widgRenc .rencReg3 .w3-card > .w3-container {
        padding: 16px !important;
    }

    #widgRenc .cc-profile-premium-lock {
        align-items: stretch;
        flex-direction: column;
    }

    #widgRenc .cc-profile-premium-lock .w3-button {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 560px) {
    #widgRenc .cc-onboarding-steps {
        grid-template-columns: 1fr;
    }

    #widgRenc .rencReg1 .w3-row,
    #widgRenc .rencReg2 .w3-row,
    #widgRenc .rencReg3 .w3-row,
    #widgRenc .rencSearch .w3-row {
        flex-direction: column;
    }

    #widgRenc .rencSearchResult .w3-cell-row {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    #widgRenc .rencSearchResult img {
        width: 54px !important;
        height: 54px !important;
    }
}

.inner-wrap {
    max-width: 1360px !important;
}

body.custom-background {
    --cc-sky-x: 0px;
    --cc-sky-y: 0px;
    background-color: #08131c !important;
    background-image:
        linear-gradient(180deg, rgba(5, 11, 18, .22), rgba(8, 19, 28, .08) 42%, rgba(5, 11, 18, .28)),
        url("../images/pasty-night-sky-bg.webp") !important;
    background-position:
        calc(50% + var(--cc-sky-x)) calc(0px + var(--cc-sky-y)),
        calc(50% + var(--cc-sky-x)) calc(0px + var(--cc-sky-y)) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

#heroLogin {
    min-height: min(820px, calc(100vh - 24px));
}

#heroLogin .wp-block-cover__inner-container {
    width: min(100%, 1480px);
    margin: 0 auto;
}

#heroLogin .wp-block-columns.alignwide {
    align-items: center !important;
    gap: clamp(34px, 5vw, 92px) !important;
    min-height: 540px;
}

#heroLogin .wp-block-column:first-child {
    flex-basis: clamp(320px, 29vw, 430px) !important;
}

#heroLogin .wp-block-column:nth-child(2) {
    flex: 1 1 auto;
}

#heroLogin #imgreg-block {
    display: block !important;
    width: 100%;
}

#heroLogin .tml.tml-login {
    position: relative;
    overflow: hidden;
    width: min(100%, 390px);
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .06)),
        rgba(8, 16, 26, .72);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .36);
    backdrop-filter: blur(18px);
}

#heroLogin .tml.tml-login::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";
    background: linear-gradient(90deg, var(--cc-renc-primary), var(--cc-renc-accent));
}

#heroLogin .tml.tml-login::after {
    content: none;
}

#heroLogin .tml-alerts:empty {
    display: none;
}

#heroLogin .tml-login form::before {
    content: none;
}

#heroLogin .tml-log-wrap::before {
    content: none;
}

#heroLogin .tml-field-wrap {
    margin: 0 0 14px;
}

#heroLogin .tml-label {
    display: block;
    margin: 0 0 7px;
    color: rgba(255, 255, 255, .82) !important;
    font-size: .88rem;
    font-weight: 800;
}

#heroLogin .tml-field {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, .92) !important;
    color: #20262d !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .8),
        0 12px 26px rgba(0, 0, 0, .12);
}

#heroLogin .tml-field:focus {
    border-color: rgba(217, 79, 112, .74) !important;
    box-shadow:
        0 0 0 4px rgba(217, 79, 112, .2),
        0 12px 26px rgba(0, 0, 0, .12) !important;
    outline: none;
}

#heroLogin .tml-rememberme-wrap {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 4px;
}

#heroLogin .tml-checkbox {
    width: 18px;
    height: 18px;
    accent-color: var(--cc-renc-primary);
}

#heroLogin .tml-rememberme-wrap .tml-label {
    margin: 0;
    color: rgba(255, 255, 255, .74) !important;
    font-weight: 750;
}

#heroLogin .tml-submit-wrap {
    margin-top: 18px;
}

#heroLogin .tml-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    padding: 12px 18px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--cc-renc-primary), var(--cc-renc-accent));
    color: #fff !important;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 18px 44px rgba(15, 143, 138, .22);
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

#heroLogin .tml-button:hover {
    transform: translateY(-1px);
    filter: saturate(1.08);
    box-shadow: 0 22px 54px rgba(217, 79, 112, .24);
}

#heroLogin .tml-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

#heroLogin .tml-links li {
    margin: 0;
    padding: 0;
}

#heroLogin .tml-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 8px;
    color: rgba(255, 255, 255, .88) !important;
    font-weight: 850;
    text-decoration: none;
}

#heroLogin .tml-register-link a {
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .1);
}

#heroLogin .tml-lostpassword-link a {
    min-height: 30px;
    padding: 4px 8px;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .9rem;
}

#heroLogin .tml-links a:hover {
    background: rgba(255, 255, 255, .16);
    color: #fff !important;
}

.cc-date-auth,
.cc-date-auth * {
    box-sizing: border-box;
}

.cc-date-auth {
    position: relative;
    overflow: hidden;
    width: min(100%, 430px);
    margin: 32px auto;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .06)),
        rgba(8, 16, 26, .74);
    color: #fff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .36);
    backdrop-filter: blur(18px);
}

.cc-date-auth::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";
    background: linear-gradient(90deg, var(--cc-renc-primary), var(--cc-renc-accent));
}

.cc-date-auth-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 18px;
}

.cc-date-auth-tabs a,
.cc-date-auth-secondary,
.cc-date-auth-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 8px;
    color: rgba(255, 255, 255, .86) !important;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
}

.cc-date-auth-tabs a {
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .07);
}

.cc-date-auth-tabs a.is-active {
    border-color: rgba(255, 255, 255, .32);
    background: rgba(255, 255, 255, .16);
    color: #fff !important;
}

.cc-date-auth-form {
    display: grid;
    gap: 14px;
    margin: 0;
}

.cc-date-auth-panel {
    transition: opacity .16s ease;
}

.cc-date-auth.is-loading .cc-date-auth-panel {
    opacity: .52;
    pointer-events: none;
}

.cc-date-auth h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.65rem, 2vw, 2.2rem);
    font-weight: 900;
    line-height: 1.08;
}

.cc-date-auth p {
    margin: -6px 0 4px;
    color: rgba(255, 255, 255, .72);
    font-size: .96rem;
    font-weight: 650;
    line-height: 1.45;
}

.cc-date-auth label span {
    display: block;
    margin-bottom: 7px;
    color: rgba(255, 255, 255, .82);
    font-size: .88rem;
    font-weight: 800;
}

.cc-date-auth input[type="text"],
.cc-date-auth input[type="email"],
.cc-date-auth input[type="password"] {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, .92) !important;
    color: #20262d !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .8),
        0 12px 26px rgba(0, 0, 0, .12);
}

.cc-date-auth input:focus {
    border-color: rgba(217, 79, 112, .74) !important;
    box-shadow:
        0 0 0 4px rgba(217, 79, 112, .2),
        0 12px 26px rgba(0, 0, 0, .12) !important;
    outline: none;
}

.cc-date-auth-check {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cc-date-auth-check input {
    width: 18px;
    height: 18px;
    accent-color: var(--cc-renc-primary);
}

.cc-date-auth-check span {
    margin: 0;
    color: rgba(255, 255, 255, .74);
    font-weight: 750;
}

.cc-date-auth button,
.cc-date-auth-button {
    width: 100%;
    min-height: 50px;
    padding: 12px 18px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--cc-renc-primary), var(--cc-renc-accent));
    color: #fff !important;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 900;
    box-shadow: 0 18px 44px rgba(15, 143, 138, .22);
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.cc-date-auth button:hover,
.cc-date-auth-button:hover {
    transform: translateY(-1px);
    filter: saturate(1.08);
    box-shadow: 0 22px 54px rgba(217, 79, 112, .24);
}

.cc-date-auth-secondary {
    min-height: 32px;
    padding: 4px 8px;
    color: rgba(255, 255, 255, .64) !important;
    font-size: .9rem;
}

.cc-date-auth-secondary:hover {
    color: #fff !important;
}

.cc-date-auth-notice {
    margin: 0 0 16px;
    padding: 11px 12px;
    border-radius: 8px;
    color: #fff;
    font-size: .9rem;
    font-weight: 750;
    line-height: 1.35;
}

.cc-date-auth-notice-error {
    border: 1px solid rgba(217, 79, 112, .45);
    background: rgba(217, 79, 112, .2);
}

.cc-date-auth-notice-success {
    border: 1px solid rgba(44, 204, 192, .45);
    background: rgba(44, 204, 192, .18);
}

@media (max-width: 960px) {
    #heroLogin {
        min-height: auto;
    }

    #heroLogin .wp-block-columns.alignwide {
        gap: 28px !important;
        min-height: 0;
    }

    #heroLogin .wp-block-column:first-child {
        flex-basis: 100% !important;
    }

    #heroLogin .tml.tml-login {
        width: min(100%, 460px);
        margin: 0 auto;
    }
}

@media (max-width: 560px) {
    #heroLogin {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    #heroLogin .tml.tml-login {
        padding: 22px;
    }

    .cc-date-auth {
        width: min(100%, 460px);
        margin: 24px auto;
        padding: 22px;
    }
}

#widgRenc,
#widgRenc * {
    box-sizing: border-box;
}

#widgRenc {
    color: var(--cc-renc-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.45;
    max-width: 1360px;
    margin: 0 auto;
    padding: 8px 10px 28px;
}

#widgRenc a {
    color: inherit;
}

#widgRenc img,
#widgRenc picture {
    display: block;
}

#widgRenc .w3-renc-blbg,
#widgRenc .w3-white,
#widgRenc .w3-card,
#widgRenc .w3-card-4 {
    background: var(--cc-renc-surface) !important;
    color: var(--cc-renc-text) !important;
}

#widgRenc .w3-card,
#widgRenc .w3-card-4 {
    border: 1px solid var(--cc-renc-line);
    border-radius: var(--cc-renc-radius);
    box-shadow: 0 8px 28px rgba(16, 20, 23, .08);
    overflow: hidden;
    padding: 0;
}

#widgRenc .w3-container {
    padding-left: 14px;
    padding-right: 14px;
}

#widgRenc .w3-renc-titc,
#widgRenc .w3-xlarge,
#widgRenc .w3-large {
    color: var(--cc-renc-text) !important;
    font-weight: 760;
    letter-spacing: 0;
}

#widgRenc .w3-xlarge {
    font-size: 1.28rem !important;
}

#widgRenc .w3-large {
    font-size: 1.06rem !important;
}

#widgRenc .w3-renc-txtc,
#widgRenc .w3-renc-lblc,
#widgRenc .looking,
#widgRenc .rencDate,
#widgRenc label {
    color: var(--cc-renc-text) !important;
}

#widgRenc .w3-opacity {
    color: var(--cc-renc-muted) !important;
    opacity: 1;
}

#widgRenc .w3-border,
#widgRenc .w3-border-top,
#widgRenc .w3-border-bottom,
#widgRenc .w3-renc-line {
    border-color: var(--cc-renc-line) !important;
}

#widgRenc .rencMenu {
    position: sticky;
    top: 8px;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(48px, 1fr));
    gap: 8px;
    width: 100%;
    margin: 0 0 14px !important;
    padding: 8px;
    background:
        linear-gradient(135deg, rgba(217, 79, 112, .16), rgba(15, 143, 138, .14)),
        rgba(255, 255, 255, .9) !important;
    border: 1px solid rgba(217, 79, 112, .18);
    border-radius: var(--cc-renc-radius);
    box-shadow: 0 12px 34px rgba(16, 20, 23, .14);
    backdrop-filter: blur(14px);
}

#widgRenc .rencMenu::before,
#widgRenc .rencMenu::after {
    display: none !important;
    content: none !important;
}

#widgRenc .rencMenu .w3-bar-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    min-height: 44px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px;
    color: var(--cc-renc-muted) !important;
    background: transparent !important;
}

#widgRenc .rencMenu .cc-menu-label {
    display: block;
    color: inherit;
    font-size: .68rem;
    font-weight: 740;
    line-height: 1;
    letter-spacing: 0;
}

#widgRenc .rencMenu .w3-bar-item:hover,
#widgRenc .rencMenu .w3-renc-mebt {
    color: #fff !important;
    background: linear-gradient(135deg, var(--cc-renc-primary), var(--cc-renc-accent)) !important;
    box-shadow: 0 8px 20px rgba(217, 79, 112, .24) !important;
}

#widgRenc .rencMenu .w3-renc-mebw:not(.w3-renc-mebt) {
    color: var(--cc-renc-primary) !important;
    background: rgba(217, 79, 112, .12) !important;
    box-shadow: inset 0 0 0 1px rgba(217, 79, 112, .25) !important;
}

#widgRenc .rencMenu .rencMenuLogout:hover {
    background: linear-gradient(135deg, #394452, #111827) !important;
    box-shadow: 0 8px 20px rgba(17, 24, 39, .22) !important;
}

#widgRenc .rencMenu .w3-badge {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--cc-renc-accent) !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 18px;
}

#widgRenc #rencMenuMsg .w3-badge:empty,
#widgRenc #rencMenuMsg .w3-badge:not(:has(.inbox)) {
    display: none !important;
}

.cc-global-logout {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 999;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    background: rgba(8, 16, 26, .68);
    color: #fff !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .88rem;
    font-weight: 850;
    text-decoration: none !important;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .22);
    backdrop-filter: blur(14px);
    transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}

.cc-global-logout:hover {
    transform: translateY(-1px);
    background: rgba(17, 24, 39, .82);
    color: #fff !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .3);
}

body:has(#rencMenu) .cc-global-logout {
    display: none;
}

#widgRenc .rencMyHome {
    display: grid;
    gap: 18px;
    margin: 0 !important;
}

#widgRenc .rencMyHome > .w3-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 0 !important;
}

#widgRenc .rencMyHome > .w3-section::before,
#widgRenc .rencMyHome > .w3-section::after,
#widgRenc .rencPortrait > .w3-row::before,
#widgRenc .rencPortrait > .w3-row::after,
#widgRenc .rencPortraitEdit > form > .w3-row::before,
#widgRenc .rencPortraitEdit > form > .w3-row::after,
#widgRenc .rencSearchResult .w3-row::before,
#widgRenc .rencSearchResult .w3-row::after,
#widgRenc .rencSearchResult .w3-cell-row::before,
#widgRenc .rencSearchResult .w3-cell-row::after,
#widgRenc #portraitBox .w3-row::before,
#widgRenc #portraitBox .w3-row::after {
    display: none !important;
    content: none !important;
}

#widgRenc .rencMyHome > .w3-section > .w3-renc-titc {
    display: flex !important;
    align-items: center;
    min-height: 32px;
    padding: 0 2px !important;
    color: #fff !important;
    font-size: 1rem !important;
    text-transform: none !important;
}

#widgRenc .rencMiniPortrait {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
}

#widgRenc .rencMiniPortrait .w3-card {
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: 100%;
    background: rgba(247, 248, 248, .96) !important;
}

#widgRenc .rencMiniPortrait .w3-renc-container-lm {
    padding: 0 !important;
}

#widgRenc .rencMiniPortrait .w3-row:first-child {
    display: block;
    width: 100% !important;
    padding: 0;
    background: #101820;
}

#widgRenc .rencMiniPortrait .w3-col,
#widgRenc .rencMiniPortrait .w3-display-container {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#widgRenc .rencMiniPortrait img,
#widgRenc .rencSearchResult img,
#widgRenc .rencMsgInbox img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

#widgRenc .rencMiniPortrait img {
    width: 100% !important;
    max-width: none !important;
    height: clamp(220px, 27vw, 310px) !important;
    border-radius: 0 !important;
}

#widgRenc .rencMiniPortrait picture,
#widgRenc .rencMiniPortrait a {
    display: block;
}

#widgRenc .rencMiniPortrait .w3-rest {
    padding: 14px 16px 6px !important;
    min-width: 0;
    white-space: normal !important;
}

#widgRenc .rencMiniPortrait .w3-medium.w3-renc-txtc {
    display: -webkit-box;
    min-height: 0;
    max-height: none;
    margin: 6px 16px 14px;
    padding-top: 12px;
    overflow: hidden;
    color: var(--cc-renc-muted) !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#widgRenc .rencMiniPortrait .w3-button.w3-block {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 46px;
    margin: 0 !important;
    padding: 0 14px !important;
    border-top: 1px solid rgba(217, 79, 112, .16);
    border-radius: 0;
    color: var(--cc-renc-primary-dark) !important;
    background: rgba(217, 79, 112, .08) !important;
    font-weight: 820;
    line-height: 1.1;
    text-align: center;
}

#widgRenc .rencMiniPortrait .w3-button.w3-block:hover {
    color: #fff !important;
    background: var(--cc-renc-primary) !important;
}

#widgRenc .rencSearchResult .w3-card {
    margin-bottom: 14px;
}

#widgRenc .rencSearchResult .w3-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
    padding-bottom: 14px;
}

#widgRenc .rencSearchResult .w3-half {
    width: 100%;
}

#widgRenc .rencSearchResult .w3-cell-row {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

#widgRenc .rencSearchResult .w3-cell {
    display: block;
}

#widgRenc .rencSearchResult img {
    width: 64px !important;
    height: 64px !important;
    border-radius: var(--cc-renc-radius) !important;
}

#widgRenc .rencSearchResult .w3-cell-middle.w3-padding-small {
    min-width: 0;
    white-space: normal !important;
    word-break: normal;
}

#widgRenc .rencSearchResult .w3-cell-middle.w3-padding-small > div {
    overflow-wrap: anywhere;
}

#widgRenc .rencSearchResult .looking,
#widgRenc .rencSearchResult .rencDate,
#widgRenc .rencSearchResult .rencInline,
#widgRenc .rencSearchResult .rencOutline {
    text-align: left !important;
}

#widgRenc .rencSearchResult .w3-row > .w3-half:first-child {
    display: block;
}

#widgRenc .rencSearchResult .w3-row > .w3-half:nth-child(2) {
    display: grid;
    gap: 8px;
    align-content: start;
}

#widgRenc .rencSearchResult .annonce {
    margin: 0 0 14px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--cc-renc-line);
}

#widgRenc .rencSearchResult .w3-container > div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#widgRenc .annonce {
    color: var(--cc-renc-muted) !important;
}

#widgRenc .rencPortrait > .w3-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

#widgRenc .rencPortrait > .w3-row > .w3-col:first-child,
#widgRenc .rencPortrait > .w3-row > .w3-mobile:first-child {
    width: 100% !important;
    max-width: 420px;
    float: none !important;
}

#widgRenc #portraitGrande {
    width: 100%;
    max-height: 72vh;
    object-fit: cover;
    border-radius: 0 !important;
}

#widgRenc .rencBlocimg {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(54px, 1fr));
    gap: 8px;
    padding: 8px;
}

#widgRenc .rencBlocimg img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 6px !important;
}

#widgRenc #portraitBox .w3-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    overflow: visible;
    padding: 8px 0 12px;
    background: transparent !important;
}

#widgRenc #portraitBox .w3-bar-item {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: max-content;
    min-height: 44px;
    padding: 10px 14px !important;
    border-radius: 999px;
    white-space: nowrap;
    text-align: center;
    line-height: 1.15;
}

#widgRenc #portraitBox .w3-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3px;
    align-items: center;
    padding: 10px 0 !important;
}

#widgRenc #portraitBox .w3-third,
#widgRenc #portraitBox .w3-twothird,
#widgRenc #portraitBox .w3-quarter,
#widgRenc #portraitBox .w3-threequarter {
    float: none !important;
    width: 100%;
}

#widgRenc #portraitBox .w3-third,
#widgRenc #portraitBox .w3-quarter {
    color: var(--cc-renc-muted);
    font-size: .86rem;
    text-align: left;
}

#widgRenc .rencPortraitEdit #portraitBox .w3-row {
    grid-template-columns: minmax(180px, 28%) minmax(0, 1fr);
    gap: 16px;
}

#widgRenc .rencPortraitEdit #portraitBox .w3-threequarter {
    min-width: 0;
}

#widgRenc .rencPortraitEdit > form > .w3-row {
    display: grid;
    grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

#widgRenc .rencPortraitEdit > form > .w3-row > .w3-col:first-child,
#widgRenc .rencPortraitEdit > form > .w3-row > .w3-mobile:first-child {
    width: 100% !important;
    float: none !important;
}

#widgRenc .rencPortraitEdit > form > .w3-row > .w3-col:nth-child(2) {
    display: none;
}

#widgRenc .rencPortraitEdit > form > .w3-row > .w3-rest {
    width: 100% !important;
    min-width: 0;
}

#widgRenc .rencPortraitEdit #portraitGrande {
    width: 100%;
    height: auto;
    max-height: 420px;
    object-fit: contain;
    background: #050505;
}

#widgRenc .rencPortraitEdit .rencBlocimg {
    grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
}

#widgRenc .rencPortraitEdit .portraitMini,
#widgRenc .rencPortraitEdit .rencBlocimg img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

#widgRenc .rencPortraitEdit #portraitBox {
    margin-top: 14px;
}

#widgRenc .rencAccount .w3-card,
#widgRenc .rencSearch .w3-card,
#widgRenc .rencMsgInbox .w3-card,
#widgRenc .rencMsgWrite .w3-card,
#widgRenc .rencPortraitEdit .w3-card {
    margin-bottom: 14px;
}

#widgRenc:has(.rencMsgInbox) > .w3-twothird,
#widgRenc:has(.rencMsgConversation) > .w3-twothird,
#widgRenc:has(.rencMsgWrite) > .w3-twothird {
    display: block !important;
    float: left !important;
    width: calc(100% - 450px) !important;
    max-width: 860px;
    min-width: 520px;
}

#widgRenc:has(.rencMsgInbox) > .w3-third,
#widgRenc:has(.rencMsgConversation) > .w3-third,
#widgRenc:has(.rencMsgWrite) > .w3-third {
    float: right !important;
    width: 420px !important;
    max-width: 420px;
}

#widgRenc:has(.rencMsgInbox) .rencMsgInbox,
#widgRenc:has(.rencMsgInbox) #rencMsg,
#widgRenc:has(.rencMsgConversation) .rencMsgConversation,
#widgRenc:has(.rencMsgWrite) .rencMsgWrite {
    width: 100%;
}

#widgRenc:has(.rencSearch) > .w3-twothird {
    display: block !important;
    float: left !important;
    width: calc(100% - 450px) !important;
    max-width: 820px;
    min-width: 560px;
}

#widgRenc:has(.rencSearch) > .w3-third {
    float: right !important;
    width: 420px !important;
    max-width: 420px;
}

#widgRenc:has(.rencSearch) .rencSearch,
#widgRenc:has(.rencSearch) .rencSearch .w3-card {
    width: 100% !important;
    max-width: none !important;
}

#widgRenc:has(.rencSearchResult) > .w3-twothird {
    display: block !important;
    float: left !important;
    width: calc(100% - 450px) !important;
    max-width: 820px;
    min-width: 560px;
}

#widgRenc:has(.rencSearchResult) > .w3-third {
    float: right !important;
    width: 420px !important;
    max-width: 420px;
}

#widgRenc:has(.rencSearchResult) > .w3-twothird > h3 {
    display: block;
    width: 100%;
    margin: 0 0 16px !important;
    padding: 0;
    color: #fff !important;
    font-size: 1.42rem !important;
    font-weight: 780;
    line-height: 1.2;
    text-align: left !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}

#widgRenc:has(.rencSearchResult) .rencSearchResult {
    width: 100%;
}

#widgRenc .cc-renc-country-picker {
    position: relative;
    width: 100%;
}

#widgRenc .cc-renc-country-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid rgba(31, 41, 55, .12);
    border-radius: 7px;
    background: rgba(255, 255, 255, .82);
    color: #22272f !important;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

#widgRenc .cc-renc-country-summary {
    color: #22272f !important;
}

#widgRenc .cc-renc-country-button:hover,
#widgRenc .cc-renc-country-picker.is-open .cc-renc-country-button {
    border-color: rgba(217, 76, 113, .42);
    box-shadow: 0 0 0 3px rgba(217, 76, 113, .12);
}

#widgRenc .cc-renc-country-panel {
    position: absolute;
    z-index: 80;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    display: none;
    max-height: 310px;
    overflow: auto;
    padding: 10px;
    border: 1px solid rgba(31, 41, 55, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(16, 20, 23, .2);
}

#widgRenc .cc-renc-country-picker.is-open .cc-renc-country-panel {
    display: block;
}

#widgRenc .cc-renc-country-search {
    width: 100%;
    min-height: 40px;
    margin-bottom: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(31, 41, 55, .12);
    border-radius: 7px;
    background: #f7f8f8;
}

#widgRenc .cc-renc-country-option {
    display: grid;
    grid-template-columns: 20px 1fr auto;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 8px 9px;
    border-radius: 7px;
    cursor: pointer;
}

#widgRenc .cc-renc-country-option:hover {
    background: rgba(217, 76, 113, .08);
}

#widgRenc .cc-renc-country-option input {
    margin: 0;
}

#widgRenc .cc-renc-country-option span {
    min-width: 0;
    color: #22272f;
    font-weight: 700;
}

#widgRenc .cc-renc-country-option small {
    color: #6c747d;
    font-weight: 800;
}

#widgRenc:has(.rencMyHome) > .w3-third {
    margin-top: 52px;
}

#widgRenc form > div,
#widgRenc .w3-container.w3-renc-lblc > .w3-section > div {
    margin-bottom: 12px;
}

#widgRenc label {
    display: inline-block;
    margin: 0 0 6px;
    font-size: .9rem;
    font-weight: 720;
}

#widgRenc input[type="text"],
#widgRenc input[type="email"],
#widgRenc input[type="password"],
#widgRenc input[type="date"],
#widgRenc input[type="number"],
#widgRenc textarea,
#widgRenc select,
#widgRenc .w3-input,
#widgRenc .w3-select {
    width: 100% !important;
    max-width: none !important;
    min-height: 46px;
    margin: 0;
    padding: 10px 12px !important;
    color: var(--cc-renc-text) !important;
    background: #fff !important;
    border: 1px solid var(--cc-renc-line) !important;
    border-radius: var(--cc-renc-radius) !important;
    box-shadow: none !important;
    font: inherit;
}

#widgRenc textarea {
    min-height: 118px;
}

#widgRenc input:focus,
#widgRenc textarea:focus,
#widgRenc select:focus {
    outline: 3px solid rgba(217, 79, 112, .2);
    border-color: var(--cc-renc-primary) !important;
}

#widgRenc .w3-button,
#widgRenc .w3-btn,
#widgRenc button,
#widgRenc input[type="submit"] {
    min-height: 44px;
    margin: 3px 3px 6px 0;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: var(--cc-renc-radius);
    box-shadow: none !important;
    font-weight: 760;
    line-height: 1.15;
    text-align: center;
}

#widgRenc .w3-renc-mebt,
#widgRenc .w3-renc-mebo,
#widgRenc .w3-button.w3-renc-sebg {
    background: var(--cc-renc-primary) !important;
    color: #fff !important;
}

#widgRenc .w3-renc-mebt:hover,
#widgRenc .w3-renc-mebo:hover,
#widgRenc .w3-button.w3-renc-sebg:hover {
    background: var(--cc-renc-primary-dark) !important;
    color: #fff !important;
}

#widgRenc .w3-disabled,
#widgRenc .w3-disable {
    background: #d8dde1 !important;
    color: #7b858e !important;
}

#widgRenc input.labelauty + label {
    min-height: 42px;
    padding: 10px 12px !important;
    border: 1px solid var(--cc-renc-line);
    border-radius: var(--cc-renc-radius);
    background: #fff;
    color: var(--cc-renc-text) !important;
}

#widgRenc input.labelauty:checked + label {
    border-color: var(--cc-renc-accent);
    background: rgba(15, 143, 138, .11);
    color: var(--cc-renc-text) !important;
}

#widgRenc .dotInline,
#widgRenc .dotOutline,
#widgRenc .w3-renc-inlb {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 6px;
    border-radius: 999px;
    background: var(--cc-renc-accent) !important;
    vertical-align: middle;
}

#widgRenc .dotOutline {
    background: #b7c0c8 !important;
}

#widgRenc .rencInline,
#widgRenc .w3-renc-inlc {
    color: var(--cc-renc-accent) !important;
    font-weight: 720;
}

#widgRenc .w3-panel,
#widgRenc .w3-renc-wabg {
    color: var(--cc-renc-text) !important;
    background: #fff7e5 !important;
    border-left: 4px solid var(--cc-renc-warn);
    border-radius: var(--cc-renc-radius);
}

#widgRenc .rencSidebar > .w3-panel.w3-hide-large.w3-hide-medium {
    display: none !important;
}

#widgRenc .rencSidebar {
    border: 1px solid rgba(255, 255, 255, .52);
    background: rgba(247, 248, 248, .94) !important;
    box-shadow: 0 14px 38px rgba(5, 11, 18, .18);
}

#widgRenc .rencSidebar > .w3-container {
    padding: 12px !important;
}

#widgRenc .rencSidebar .w3-cell-row:first-child {
    display: grid;
    grid-template-columns: 60px minmax(120px, 1fr);
    gap: 12px;
    align-items: center;
    margin: 0 0 12px;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(31, 36, 40, .1) !important;
}

#widgRenc .rencSidebar .w3-cell-row:first-child .w3-cell {
    display: block;
    width: auto !important;
    padding: 0 !important;
}

#widgRenc .rencSidebar > .w3-container > .w3-cell-row:first-child > .w3-cell:first-child {
    grid-column: 1;
    width: 60px !important;
}

#widgRenc .rencSidebar > .w3-container > .w3-cell-row:first-child > .w3-cell:nth-child(2) {
    grid-column: 2;
    width: auto !important;
    min-width: 0;
}

#widgRenc .rencSidebar .w3-cell-row:first-child img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 8px !important;
    object-fit: cover;
}

#widgRenc .rencSidebar .w3-cell-row:first-child .w3-large {
    max-width: 100%;
    overflow: hidden;
    color: var(--cc-renc-text) !important;
    font-size: 1.14rem !important;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#widgRenc .rencSidebar .w3-cell-row:first-child .w3-cell-middle.w3-padding-small {
    word-break: normal !important;
    overflow-wrap: normal;
    line-height: 1.35;
    text-transform: none !important;
}

#widgRenc .rencSidebar .myAction {
    display: grid;
    gap: 8px;
    margin: 0 !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(31, 36, 40, .1) !important;
}

#widgRenc .rencSidebar .myAction + .myAction {
    padding-top: 12px !important;
}

#widgRenc .rencSidebar .myAction .firstMaj {
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(217, 79, 112, .07);
    color: var(--cc-renc-text);
    line-height: 1.35;
}

#widgRenc .rencSidebar .myAction .firstMaj:empty {
    display: none;
}

#widgRenc .rencSidebar .myAction > div:not(.firstMaj) {
    min-height: 28px;
    color: var(--cc-renc-muted);
    line-height: 1.25;
}

#widgRenc .rencSidebar .myAction a {
    display: block;
    align-items: center;
    min-height: 34px;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--cc-renc-text);
    text-decoration: none;
    background: rgba(255, 255, 255, .62);
    box-shadow: inset 0 0 0 1px rgba(31, 36, 40, .08);
    line-height: 1.25;
}

#widgRenc .rencSidebar .myAction a:hover {
    color: var(--cc-renc-primary-dark);
    background: #fff;
}

#widgRenc .rencMsgInbox .w3-bar {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) max-content;
    gap: 12px;
    align-items: center;
    padding: 10px 14px;
    border-top: 1px solid var(--cc-renc-line);
}

#widgRenc .rencMsgInbox .w3-bar::before,
#widgRenc .rencMsgInbox .w3-bar::after {
    display: none !important;
    content: none !important;
}

#widgRenc .rencMsgInbox .w3-bar-item {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    min-width: 0;
}

#widgRenc .rencMsgInbox img {
    width: 48px !important;
    height: 48px !important;
    border-radius: var(--cc-renc-radius) !important;
}

#widgRenc .rencSupp {
    color: var(--cc-renc-primary) !important;
}

#widgRenc .rencMsgInbox .w3-bar-item:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 8px;
}

#widgRenc .rencMsgInbox .w3-bar-item:nth-child(2) a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#widgRenc .rencMsgInbox .w3-bar-item.w3-right {
    justify-self: end;
    display: grid;
    grid-auto-flow: column;
    gap: 10px;
    align-items: center;
    text-align: right;
    white-space: nowrap;
}

#widgRenc .cc-message-write {
    padding: 0;
}

#widgRenc .cc-message-card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .74);
    border-radius: var(--cc-renc-radius);
    background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(241, 246, 247, .91));
    box-shadow: 0 24px 60px rgba(4, 17, 28, .22);
}

#widgRenc .cc-message-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--cc-renc-line);
}

#widgRenc .cc-message-recipient {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

#widgRenc .cc-message-avatar {
    display: block;
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    overflow: hidden;
    border-radius: 14px;
    background: #eef3f4;
    box-shadow: 0 10px 26px rgba(17, 24, 39, .16);
}

#widgRenc .cc-message-avatar picture,
#widgRenc .cc-message-avatar img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: inherit !important;
}

#widgRenc .cc-message-recipient-text {
    display: grid;
    gap: 3px;
    min-width: 0;
}

#widgRenc .cc-message-recipient-text span {
    color: #6c7480;
    font-size: .9rem;
    font-weight: 800;
}

#widgRenc .cc-message-recipient-text a,
#widgRenc .cc-message-recipient-text strong {
    overflow: hidden;
    color: #20262d;
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 900;
    line-height: 1.08;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

#widgRenc .cc-message-inbox {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 10px 16px !important;
    border-radius: 8px !important;
}

#widgRenc .cc-message-compose {
    display: grid;
    gap: 10px;
    padding: 22px 24px 12px;
}

#widgRenc .cc-message-compose label {
    color: #20262d;
    font-size: 1rem;
    font-weight: 900;
}

#widgRenc .cc-message-compose textarea {
    width: 100%;
    min-height: 230px;
    padding: 14px 16px !important;
    border: 1px solid #dce4e6 !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .9) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
    color: #20262d;
    line-height: 1.55;
    resize: vertical;
}

#widgRenc .cc-message-compose textarea:focus {
    border-color: rgba(216, 75, 114, .56) !important;
    box-shadow: 0 0 0 4px rgba(216, 75, 114, .13);
    outline: none;
}

#widgRenc .cc-message-actions {
    display: flex;
    justify-content: flex-end;
    padding: 0 24px 22px;
}

#widgRenc .cc-message-actions .w3-button {
    min-height: 46px;
    padding: 11px 18px !important;
    border-radius: 8px !important;
}

#widgRenc .cc-message-history {
    padding: 18px 24px 22px;
    border-top: 1px solid var(--cc-renc-line);
}

#widgRenc .cc-message-history:empty {
    display: none;
}

#widgRenc .rencMsgConversation {
    padding: 0;
}

#widgRenc .rencMsgConversation > .w3-section {
    margin: 0 !important;
}

#widgRenc .rencMsgConversation .w3-cell-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: start;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--cc-renc-line);
}

#widgRenc .rencMsgConversation .w3-cell-row::before,
#widgRenc .rencMsgConversation .w3-cell-row::after,
#widgRenc .rencMsgConversation .w3-row::before,
#widgRenc .rencMsgConversation .w3-row::after {
    display: none !important;
    content: none !important;
}

#widgRenc .rencMsgConversation .w3-cell {
    display: block;
    width: auto;
    padding: 0 !important;
}

#widgRenc .rencMsgConversation .msgProfil img,
#widgRenc .rencMsgConversation .w3-cell-row img {
    width: 88px !important;
    height: 88px !important;
    border-radius: var(--cc-renc-radius) !important;
    object-fit: cover;
}

#widgRenc .rencMsgConversation textarea {
    min-height: 180px;
}

#widgRenc .rencMsgConversation .w3-row.w3-section {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin: 14px 0 !important;
}

#widgRenc .rencMsgConversation .w3-col {
    float: none !important;
    width: auto !important;
}

#widgRenc .rencMsgConversation .w3-row.w3-section > .w3-card {
    width: 100% !important;
    padding: 12px 16px !important;
    border-radius: var(--cc-renc-radius);
}

#widgRenc .rencMsgConversation .w3-row.w3-section > .w3-col:first-child {
    grid-column: 1;
    text-align: center;
}

#widgRenc .rencMsgConversation .w3-row.w3-section > .w3-card:first-child {
    grid-column: 1 / -1;
}

#autocomplete-results {
    width: min(100%, 420px) !important;
    margin-top: 6px;
    border: 1px solid var(--cc-renc-line) !important;
    border-radius: var(--cc-renc-radius);
    box-shadow: var(--cc-renc-shadow);
    overflow: hidden;
}

#autocomplete-results div {
    color: var(--cc-renc-text);
    padding: 10px 12px !important;
}

#autocomplete-results div:hover {
    background: var(--cc-renc-surface-soft) !important;
}

#imgreg.imgreg,
#content .imgreg {
    width: 100%;
    max-width: 460px !important;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: var(--cc-renc-radius);
    background: rgba(16, 20, 23, .84) !important;
    box-shadow: var(--cc-renc-shadow);
}

/* Theme footer polish */
#colophon {
    margin-top: 18px;
}

#colophon .footer-socket-wrapper {
    width: min(100% - 20px, 1360px);
    margin: 0 auto 12px;
    padding: 0;
    border: 0;
    border-radius: var(--cc-renc-radius);
    background: transparent !important;
    box-shadow: none;
    backdrop-filter: none;
}

#colophon .footer-socket-area {
    width: 100%;
    padding: 0;
}

#colophon .copyright {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 10px;
    min-height: 38px;
    margin: 0;
    padding: 8px 12px;
    border-radius: 7px;
    background: transparent;
    color: rgba(255, 255, 255, .62);
    font-size: .78rem;
    font-weight: 650;
    line-height: 1.4;
    text-align: center;
}

#colophon .copyright a {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 5px;
    border-radius: 7px;
    color: rgba(255, 255, 255, .72);
    font-weight: 750;
    text-decoration: none;
    transition: color .16s ease, background .16s ease, box-shadow .16s ease;
}

#colophon .copyright a:hover {
    color: #fff;
    background: transparent;
    box-shadow: none;
}

@media (max-width: 700px) {
    #widgRenc {
        padding-bottom: 84px;
    }

    #widgRenc .rencMenu {
        position: fixed;
        top: auto;
        right: 10px;
        bottom: 10px;
        left: 10px;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        margin: 0 !important;
    }

    #widgRenc .rencMenu .w3-bar-item {
        min-height: 48px;
    }

    #widgRenc .rencMenu .cc-menu-label {
        font-size: .6rem;
    }

    .cc-global-logout {
        top: 12px;
        right: 12px;
        min-height: 36px;
        padding: 8px 12px;
        font-size: .82rem;
    }

    #colophon {
        margin-bottom: 90px;
    }

    #colophon .footer-socket-wrapper {
        width: calc(100% - 20px);
        margin-bottom: 10px;
    }

    #colophon .copyright {
        display: block;
        padding: 12px;
        font-size: .78rem;
    }

    body.custom-background {
        background-attachment: scroll !important;
    }

    #widgRenc .rencSearchResult .w3-card > .w3-container,
    #widgRenc .rencAccount .w3-card > .w3-container,
    #widgRenc .rencSearch .w3-card > .w3-container {
        padding: 12px;
    }

    #widgRenc .w3-half,
    #widgRenc .w3-third,
    #widgRenc .w3-twothird {
        width: 100% !important;
    }

    #widgRenc .rencPortrait .w3-section button,
    #widgRenc .rencSearchResult button {
        width: 100%;
        margin-right: 0;
    }

    #widgRenc .cc-profile-actions .w3-section {
        display: flex;
        flex-direction: column;
    }

    #widgRenc .cc-profile-actions button {
        width: 100%;
        white-space: normal;
    }

    #widgRenc .rencPortraitEdit > form > .w3-row {
        grid-template-columns: 1fr;
    }

    #widgRenc .rencPortraitEdit #portraitGrande {
        max-height: 72vh;
    }

    #widgRenc:has(.rencMsgInbox) > .w3-twothird,
    #widgRenc:has(.rencMsgInbox) > .w3-third,
    #widgRenc:has(.rencMsgConversation) > .w3-twothird,
    #widgRenc:has(.rencMsgConversation) > .w3-third,
    #widgRenc:has(.rencMsgWrite) > .w3-twothird,
    #widgRenc:has(.rencMsgWrite) > .w3-third,
    #widgRenc:has(.rencSearch) > .w3-twothird,
    #widgRenc:has(.rencSearch) > .w3-third,
    #widgRenc:has(.rencSearchResult) > .w3-twothird,
    #widgRenc:has(.rencSearchResult) > .w3-third {
        float: none !important;
        width: 100% !important;
        max-width: none;
        min-width: 0;
    }

    #widgRenc:has(.rencMyHome) > .w3-third {
        margin-top: 0;
    }

    #widgRenc .rencMsgConversation .w3-cell-row {
        grid-template-columns: 1fr;
    }

    #widgRenc .rencMsgConversation .w3-row.w3-section {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    #widgRenc .cc-message-header {
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
    }

    #widgRenc .cc-message-inbox,
    #widgRenc .cc-message-actions .w3-button {
        width: 100%;
    }

    #widgRenc .cc-message-compose,
    #widgRenc .cc-message-history {
        padding-right: 18px;
        padding-left: 18px;
    }

    #widgRenc .cc-message-actions {
        padding-right: 18px;
        padding-left: 18px;
    }

    #widgRenc:has(.rencSearchResult) > .w3-twothird > h3 {
        font-size: 1.22rem !important;
        text-align: center !important;
    }
}

@media (min-width: 560px) {
    #widgRenc .rencMyHome > .w3-section {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #widgRenc .rencMyHome > .w3-section > .w3-renc-titc {
        grid-column: 1 / -1;
    }
}

@media (min-width: 860px) {
    #widgRenc {
        padding: 16px 18px 36px;
    }

    #widgRenc .rencPortrait > .w3-row {
        grid-template-columns: minmax(280px, 360px) 1fr;
    }

    #widgRenc .rencPortrait > .w3-row > .w3-col:first-child,
    #widgRenc .rencPortrait > .w3-row > .w3-mobile:first-child {
        max-width: 360px;
    }

    #widgRenc .rencPortrait > .w3-row > .w3-col:nth-child(2) {
        display: none;
    }

    #widgRenc .rencPortrait > .w3-row > .w3-rest {
        width: 100% !important;
        min-width: 0;
        grid-column: 2;
    }

    #widgRenc .rencSearchResult .w3-row {
        grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
    }

    #widgRenc #portraitBox .w3-row {
        grid-template-columns: minmax(160px, 34%) 1fr;
    }

    #widgRenc .rencPortraitEdit #portraitBox .w3-row {
        grid-template-columns: minmax(180px, 28%) minmax(0, 1fr);
    }
}

@media (min-width: 1120px) {
    #widgRenc .rencMyHome > .w3-section {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Profile 10/10 pass */
#widgRenc .cc-profile-view,
#widgRenc .cc-profile-edit {
    --cc-profile-gap: 18px;
    width: 100%;
    margin: 0 !important;
}

#widgRenc .cc-profile-layout,
#widgRenc .cc-edit-layout {
    display: grid !important;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: var(--cc-profile-gap);
    align-items: start;
}

#widgRenc .cc-profile-layout::before,
#widgRenc .cc-profile-layout::after,
#widgRenc .cc-edit-layout::before,
#widgRenc .cc-edit-layout::after,
#widgRenc .cc-profile-header::before,
#widgRenc .cc-profile-header::after {
    content: none !important;
    display: none !important;
}

#widgRenc .cc-profile-media,
#widgRenc .cc-edit-media {
    float: none !important;
    width: 100% !important;
    min-width: 0;
    position: sticky;
    top: 86px;
}

#widgRenc .cc-profile-layout > .w3-col:nth-child(2),
#widgRenc .cc-edit-layout > .w3-col:nth-child(2) {
    display: none !important;
}

#widgRenc .cc-profile-card,
#widgRenc .cc-edit-summary-card,
#widgRenc .cc-profile-sections,
#widgRenc .cc-photo-panel,
#widgRenc .cc-photo-tray {
    border: 1px solid rgba(31, 36, 40, .1) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .94)) !important;
    box-shadow: 0 18px 44px rgba(16, 20, 23, .12) !important;
}

#widgRenc .cc-profile-card,
#widgRenc .cc-edit-summary-card,
#widgRenc .cc-profile-sections {
    overflow: hidden;
}

#widgRenc .cc-view-title {
    margin: 0 0 10px !important;
    color: #fff !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .42);
}

#widgRenc .cc-photo-panel {
    overflow: hidden;
    background: #151719 !important;
}

#widgRenc .cc-photo-panel #portraitGrande {
    width: 100% !important;
    height: clamp(360px, 48vw, 560px) !important;
    max-height: none !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}

#widgRenc .cc-photo-panel .cc-no-photo-avatar {
    position: relative;
    display: block !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 26%, rgba(255, 255, 255, .78), transparent 32%),
        linear-gradient(145deg, rgba(217, 79, 112, .18), rgba(15, 143, 138, .2)),
        linear-gradient(180deg, #f5f1ef, #e6eeee) !important;
}

#widgRenc .cc-photo-panel .cc-no-photo-avatar::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: clamp(18px, 4vw, 42px);
    left: 50%;
    width: min(78%, 330px);
    height: 72%;
    transform: translateX(-50%);
    background-image: var(--cc-no-photo-image, none);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    filter: drop-shadow(0 22px 34px rgba(31, 41, 55, .14));
    opacity: .68;
}

#widgRenc .cc-profile-edit .cc-photo-panel #portraitGrande {
    height: clamp(300px, 42vw, 460px) !important;
    object-fit: cover !important;
}

#widgRenc .cc-profile-edit .cc-photo-panel .cc-no-photo-avatar::before {
    top: clamp(16px, 3vw, 34px);
    width: min(72%, 280px);
    height: 66%;
    opacity: .64;
}

#widgRenc .cc-photo-empty-cta {
    z-index: 3;
}

#widgRenc .cc-no-photo-thumb-img {
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    background: #eef3f2;
}

#widgRenc .cc-message-avatar .cc-no-photo-thumb-img {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
}

#widgRenc .cc-photo-tray {
    padding: 10px !important;
    overflow: visible !important;
}

#widgRenc .cc-photo-tray .rencBlocimg {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 0 !important;
    overflow: visible !important;
}

#widgRenc .cc-profile-photo-item {
    position: relative;
    display: block;
    min-width: 0;
    border-radius: 9px;
    overflow: visible;
}

#widgRenc .cc-profile-photo-item > a {
    display: block;
    border-radius: inherit;
}

#widgRenc .cc-profile-photo-item.is-active {
    outline: 2px solid #df4f75;
    outline-offset: 2px;
}

#widgRenc .cc-profile-photo-item--over-limit img {
    opacity: .54;
    filter: saturate(.7);
}

#widgRenc .cc-profile-photo-overlimit-badge {
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: calc(100% - 8px);
    min-height: 18px;
    padding: 2px 5px;
    border-radius: 999px;
    background: rgba(180, 35, 54, .92);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

#widgRenc .cc-photo-overage-inline {
    margin: 10px 0 2px;
    padding: 10px 12px;
    border: 1px solid rgba(223, 79, 117, .16);
    border-radius: 9px;
    background: #fff5f7;
    color: #4f5b65;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
}

#widgRenc .cc-photo-overage-inline a {
    display: inline-block;
    margin-left: 6px;
    color: #c73562;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#widgRenc .cc-photo-tray .rencBlocimg a,
#widgRenc .cc-photo-tray .rencBlocimg picture,
#widgRenc .cc-photo-tray .rencBlocimg img {
    display: block;
    min-width: 0;
}

#widgRenc .cc-photo-tray .rencBlocimg img,
#widgRenc .cc-photo-tray .portraitMini {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 7px !important;
    transition: transform .16s ease, box-shadow .16s ease;
}

#widgRenc .cc-photo-tray .rencBlocimg a:hover img {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(16, 20, 23, .18);
}

#widgRenc .cc-profile-photo-action-holder {
    height: 0;
    margin: 0;
    overflow: visible;
}

#widgRenc .cc-profile-photo-actions {
    position: absolute;
    left: var(--cc-photo-popover-left, 50%);
    bottom: calc(100% + 10px);
    z-index: 40;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 228px;
    min-width: 0;
    max-width: calc(100vw - 24px);
    padding: 8px;
    border: 1px solid rgba(223, 79, 117, .18);
    border-radius: 14px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 14px 30px rgba(16, 20, 23, .22);
    transform: translateX(var(--cc-photo-popover-shift, -50%));
    backdrop-filter: blur(8px);
}

#widgRenc .cc-profile-photo-actions::after {
    content: "";
    position: absolute;
    left: var(--cc-photo-popover-arrow-left, 50%);
    bottom: -7px;
    width: 12px;
    height: 12px;
    border-right: 1px solid rgba(223, 79, 117, .18);
    border-bottom: 1px solid rgba(223, 79, 117, .18);
    background: rgba(255, 255, 255, .98);
    transform: translate(-50%, 0) rotate(45deg);
}

#widgRenc .cc-profile-photo-actions a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    min-width: 0;
    padding: 0 8px;
    border: 1px solid rgba(31, 36, 40, .08);
    border-radius: 9px;
    background: #f8fafb;
    color: #4f5b65;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    white-space: nowrap;
}

#widgRenc .cc-photo-tray .rencBlocimg .cc-profile-photo-actions a.rencMain,
#widgRenc .cc-photo-tray .rencBlocimg .cc-profile-photo-actions a.rencRotL,
#widgRenc .cc-photo-tray .rencBlocimg .cc-profile-photo-actions a.rencRotR,
#widgRenc .cc-photo-tray .rencBlocimg .cc-profile-photo-actions a.rencSupp {
    display: inline-flex;
}

#widgRenc .cc-profile-photo-actions a i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    min-width: 0;
    margin: 0;
    font-size: 13px;
    line-height: 1;
    color: currentColor;
}

#widgRenc .cc-profile-photo-actions .cc-photo-action-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-left: 0;
    line-height: 1;
}

.cc-premium-expired-photo-modal {
    position: fixed;
    inset: 0;
    z-index: 99990;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(5, 11, 19, .58);
    backdrop-filter: blur(5px);
}

.cc-premium-expired-photo-dialog {
    position: relative;
    width: min(520px, 100%);
    padding: 20px 28px 28px;
    border: 1px solid rgba(223, 79, 117, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 24px 70px rgba(5, 11, 19, .32);
    color: #24292f;
}

.cc-premium-expired-photo-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #b42336;
    border-radius: 9px;
    background: #b42336;
    color: #fff;
    appearance: none;
    font-size: 22px;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}

.cc-premium-expired-photo-modal .cc-premium-expired-photo-title {
    margin: 2px 48px 16px 0;
    color: #df4f75 !important;
    font-size: 28px;
    line-height: 1.1;
}

.cc-premium-expired-photo-dialog p {
    margin: 0 0 14px;
    color: #5d6670;
    font-size: 16px;
    line-height: 1.45;
}

.cc-premium-expired-photo-count {
    padding: 12px 14px;
    border: 1px solid rgba(223, 79, 117, .18);
    border-radius: 10px;
    background: #fff5f7;
    color: #24292f !important;
    font-weight: 800;
}

.cc-premium-expired-photo-deadline {
    font-size: 15px !important;
    font-weight: 400;
}

.cc-premium-expired-photo-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
    margin-top: 28px;
}

.cc-premium-expired-photo-actions form {
    margin: 0;
    display: flex;
    width: 100%;
}

.cc-premium-expired-photo-modal .cc-premium-expired-photo-actions a,
.cc-premium-expired-photo-modal .cc-premium-expired-photo-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    width: 100%;
    padding: 0 18px;
    border-radius: 9px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.cc-premium-expired-photo-modal .cc-premium-expired-photo-renew {
    border: 1px solid #df4f75;
    background: #d9436d;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(223, 79, 117, .22);
}

.cc-premium-expired-photo-modal .cc-premium-expired-photo-trim {
    border: 1px solid #b42336;
    background: #b42336 !important;
    color: #fff !important;
    height: 100%;
    box-shadow: 0 8px 18px rgba(180, 35, 54, .18);
}

.cc-premium-expired-photo-modal .cc-premium-expired-photo-renew:hover,
.cc-premium-expired-photo-modal .cc-premium-expired-photo-renew:focus {
    background: #c73562;
    border-color: #c73562;
    color: #fff !important;
}

.cc-premium-expired-photo-modal .cc-premium-expired-photo-trim:hover,
.cc-premium-expired-photo-modal .cc-premium-expired-photo-trim:focus {
    background: #912018 !important;
    border-color: #912018;
    color: #fff !important;
}

@media (max-width: 520px) {
    .cc-premium-expired-photo-actions {
        grid-template-columns: 1fr;
    }
}

.cc-premium-expired-photo-close:hover,
.cc-premium-expired-photo-close:focus {
    background: #912018;
    border-color: #912018;
    color: #fff;
}

.cc-photo-limit-result {
    max-width: 980px;
    margin: 16px auto;
    padding: 12px 16px;
    border-left: 4px solid #df4f75;
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    color: #24292f;
    font-weight: 700;
}

#widgRenc .cc-profile-photo-actions a:hover,
#widgRenc .cc-profile-photo-actions a:focus {
    background: #f3e7eb;
    color: #c73562;
    transform: translateY(-1px);
}

#widgRenc .cc-profile-photo-actions .rencMain {
    border-color: rgba(217, 154, 0, .22);
    background: #fff8df;
    color: #9a6a00;
}

#widgRenc .cc-profile-photo-actions .rencSupp {
    grid-column: 1 / -1;
    border-color: rgba(223, 79, 117, .2);
    background: #fff3f6;
    color: #df4f75;
}

#widgRenc .cc-profile-photo-actions.has-main-action .rencSupp {
    grid-column: auto;
}

#widgRenc .cc-profile-photo-actions .rencSupp:hover,
#widgRenc .cc-profile-photo-actions .rencSupp:focus {
    background: #df4f75;
    border-color: #df4f75;
    color: #fff !important;
}

#widgRenc .cc-profile-photo-actions .rencSupp:hover i,
#widgRenc .cc-profile-photo-actions .rencSupp:focus i,
#widgRenc .cc-profile-photo-actions .rencSupp:hover .cc-photo-action-label,
#widgRenc .cc-profile-photo-actions .rencSupp:focus .cc-photo-action-label {
    color: #fff !important;
}

#widgRenc .cc-profile-photo-modal-content {
    border-radius: 8px;
    overflow: hidden;
}

#widgRenc .cc-profile-photo-upload {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

#widgRenc .cc-profile-photo-upload-note,
#widgRenc .cc-profile-photo-message {
    margin: 10px 0 0;
    color: var(--cc-renc-muted);
    text-align: center;
}

#widgRenc .cc-profile-photo-message {
    color: #c73562;
    font-weight: 700;
}

#widgRenc .cc-profile-photo-preview-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
}

#widgRenc .cc-profile-photo-preview {
    min-height: 72px;
}

#widgRenc .cc-profile-photo-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(58px, 1fr));
    gap: 8px;
    width: 100%;
}

#widgRenc .cc-profile-photo-preview-item {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 8px;
    background: #eef3f2;
}

#widgRenc .cc-profile-photo-preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#widgRenc .cc-gallery-locked-notice {
    margin: 0 0 16px;
    padding: 14px 16px;
    border: 1px solid rgba(223, 79, 117, .18);
    border-radius: 10px;
    background: #fff5f7;
    color: #4f5b65;
}

#widgRenc .cc-gallery-locked-title {
    margin: 0 0 6px;
    color: #df4f75;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

#widgRenc .cc-gallery-locked-notice p {
    margin: 0 0 10px;
    color: #5d6670;
    font-size: 14px;
    line-height: 1.45;
}

#widgRenc .cc-gallery-locked-deadline {
    color: #24292f !important;
    font-size: 15px !important;
    font-weight: 700;
}

#widgRenc .cc-gallery-locked-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 220px));
    gap: 10px;
    align-items: stretch;
    justify-content: center;
    margin-top: 12px;
}

#widgRenc .cc-gallery-locked-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    margin: 0 !important;
    padding: 0 16px;
    border-radius: 9px;
    text-align: center;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
}

#widgRenc .cc-gallery-warning-link {
    border: 1px solid rgba(223, 79, 117, .24);
    background: #fff;
    color: #c73562;
}

#widgRenc .cc-gallery-warning-link:hover,
#widgRenc .cc-gallery-warning-link:focus {
    border-color: #df4f75;
    background: #fff3f6;
    color: #c73562;
}

@media (max-width: 520px) {
    #widgRenc .cc-gallery-locked-actions {
        grid-template-columns: 1fr;
    }
}

#widgRenc #popPhotoSubm.is-loading {
    opacity: .78;
    cursor: progress;
}

#widgRenc .cc-add-profile-photo {
    width: 100%;
    max-width: 220px;
    min-height: 42px;
    margin: 4px auto 0;
}

#widgRenc .cc-profile-card > .w3-container,
#widgRenc .cc-edit-summary-card > .w3-container {
    padding: clamp(18px, 2.2vw, 28px) !important;
}

#widgRenc .cc-profile-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
    margin: 0 0 18px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid var(--cc-renc-line) !important;
}

#widgRenc .cc-profile-header .w3-cell,
#widgRenc .cc-edit-intro .w3-cell {
    display: block !important;
}

#widgRenc .cc-profile-name {
    color: var(--cc-renc-text) !important;
    font-size: clamp(1.45rem, 3vw, 2.45rem) !important;
    font-weight: 820 !important;
    line-height: 1.05;
    letter-spacing: 0;
}

#widgRenc .cc-edit-intro .cc-profile-name {
    font-size: clamp(1.35rem, 2.4vw, 2rem) !important;
}

#widgRenc .cc-profile-meta,
#widgRenc .cc-profile-location,
#widgRenc .cc-profile-intent {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: center;
    margin-top: 9px;
    color: var(--cc-renc-muted) !important;
    font-size: .96rem;
}

#widgRenc .cc-profile-meta span,
#widgRenc .cc-profile-location span,
#widgRenc .cc-profile-location em,
#widgRenc .cc-profile-intent .looking {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid rgba(31, 36, 40, .08);
    border-radius: 999px;
    background: #f7f8f8;
    color: var(--cc-renc-muted) !important;
    font-style: normal;
}

#widgRenc .cc-profile-status {
    min-width: 118px;
    text-align: right;
}

#widgRenc .cc-profile-status .w3-right-align {
    display: flex;
    justify-content: flex-end;
}

#widgRenc .cc-profile-status .w3-display-bottomright {
    position: static !important;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

#widgRenc .cc-profile-status .w3-display-bottomright img {
    width: 30px !important;
    height: 22px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(16, 20, 23, .14);
}

#widgRenc .cc-profile-status .rencInline,
#widgRenc .cc-profile-status .rencOutline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 143, 138, .1);
    color: var(--cc-renc-accent) !important;
    font-size: .88rem;
}

#widgRenc .cc-profile-status .rencOutline {
    background: #f0f2f3;
    color: var(--cc-renc-muted) !important;
}

#widgRenc .cc-profile-copy {
    margin: 0 0 18px;
}

#widgRenc .cc-profile-copy .titre {
    margin: 0 0 10px;
    color: var(--cc-renc-text) !important;
    font-size: clamp(1.25rem, 2.4vw, 1.75rem);
    font-weight: 780;
    line-height: 1.16;
}

#widgRenc .cc-profile-copy .annonce {
    max-width: 72ch;
    margin: 0 !important;
    color: #48515a !important;
    font-size: 1rem;
    line-height: 1.7;
}

#widgRenc .cc-profile-intent {
    margin: 0 0 8px;
}

#widgRenc .cc-profile-sections {
    margin-top: 18px !important;
    padding: 0 !important;
}

#widgRenc .cc-profile-card .cc-profile-sections {
    margin: 22px -14px -14px !important;
    border-width: 1px 0 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#widgRenc .cc-profile-sections > .w3-container,
#widgRenc .cc-profile-card .cc-profile-sections > .w3-section,
#widgRenc .cc-profile-sections > .w3-container > .w3-section {
    margin: 0 !important;
    padding: 0 !important;
}

#widgRenc .cc-tabs {
    display: flex !important;
    gap: 8px;
    padding: 12px !important;
    overflow-x: auto !important;
    background: #f6f7f7 !important;
    border-bottom: 1px solid var(--cc-renc-line);
}

#widgRenc .cc-tab {
    flex: 0 0 auto;
    min-height: 40px !important;
    padding: 9px 13px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--cc-renc-muted) !important;
    font-size: .92rem;
    font-weight: 760;
}

#widgRenc .cc-tab:hover {
    background: #fff !important;
    color: var(--cc-renc-text) !important;
}

#widgRenc .cc-tab.w3-renc-mebt {
    background: var(--cc-renc-primary) !important;
    color: #fff !important;
}

#widgRenc .cc-tab-panel {
    padding: 14px clamp(14px, 2vw, 22px) 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
}

#widgRenc .cc-tab-panel > .w3-section {
    margin: 0 !important;
}

#widgRenc .cc-profile-field-row {
    display: grid !important;
    grid-template-columns: minmax(170px, 30%) minmax(0, 1fr) !important;
    gap: 14px;
    align-items: start;
    min-height: 44px;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(31, 36, 40, .07);
}

#widgRenc .cc-profile-field-row:last-child {
    border-bottom: 0;
}

#widgRenc .cc-profile-field-label {
    width: auto !important;
    color: #77808a !important;
    font-size: .88rem;
    font-weight: 760;
    line-height: 1.35;
}

#widgRenc .cc-profile-field-value,
#widgRenc .cc-profile-field-control {
    width: auto !important;
    min-width: 0;
    color: var(--cc-renc-text) !important;
    font-weight: 620;
    overflow-wrap: anywhere;
}

#widgRenc .cc-edit-summary-card .cc-edit-intro {
    display: block !important;
    margin: 0 !important;
}

#widgRenc .cc-field {
    margin-top: 18px;
}

#widgRenc .cc-field label,
#widgRenc .cc-profile-field-row label,
#widgRenc .cc-profile-field-label {
    letter-spacing: 0;
}

#widgRenc .cc-field input,
#widgRenc .cc-field textarea,
#widgRenc .cc-profile-field-control input,
#widgRenc .cc-profile-field-control textarea,
#widgRenc .cc-profile-field-control select {
    background: #fafbfb !important;
}

#widgRenc .cc-field input:focus,
#widgRenc .cc-field textarea:focus,
#widgRenc .cc-profile-field-control input:focus,
#widgRenc .cc-profile-field-control textarea:focus,
#widgRenc .cc-profile-field-control select:focus {
    background: #fff !important;
}

#widgRenc .cc-field-title input {
    min-height: 54px;
    font-size: 1.08rem;
    font-weight: 720;
}

#widgRenc .cc-field-ad textarea {
    min-height: 190px;
    line-height: 1.65;
}

#widgRenc .cc-save-row {
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin: 22px -28px -28px !important;
    padding: 14px clamp(18px, 2.2vw, 28px) !important;
    border-top: 1px solid var(--cc-renc-line);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(12px);
}

#widgRenc .cc-save-row .w3-button {
    min-width: 150px;
}

#widgRenc .cc-edit-sections .cc-save-row {
    margin: 0 !important;
}

#widgRenc .cc-profile-actions {
    margin-top: 16px !important;
    border: 1px solid rgba(217, 79, 112, .18) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(217, 79, 112, .16), rgba(15, 143, 138, .14)),
        rgba(255, 255, 255, .9) !important;
    box-shadow: 0 12px 34px rgba(16, 20, 23, .14) !important;
    backdrop-filter: blur(14px);
    overflow: hidden;
}

#widgRenc .cc-profile-actions > .w3-container {
    padding: 10px !important;
}

#widgRenc .cc-profile-actions .w3-section {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0 !important;
    padding: 10px;
    border-radius: 7px;
    background: rgba(255, 255, 255, .58);
}

#widgRenc .cc-profile-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(31, 36, 40, .1) !important;
    border-radius: 7px !important;
    color: var(--cc-renc-text) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 8px 18px rgba(16, 20, 23, .08) !important;
    font-size: .95rem;
    font-weight: 820;
    line-height: 1.1;
    white-space: nowrap;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

#widgRenc .cc-profile-actions button:hover {
    transform: translateY(-1px);
    border-color: rgba(217, 79, 112, .32) !important;
    color: var(--cc-renc-primary-dark) !important;
    background: #fff !important;
    box-shadow: 0 12px 24px rgba(16, 20, 23, .12) !important;
}

#widgRenc .cc-profile-actions .w3-disabled {
    color: var(--cc-renc-muted) !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: inset 0 0 0 1px rgba(31, 36, 40, .1) !important;
    cursor: not-allowed;
}

#widgRenc .cc-profile-actions .w3-renc-mebc {
    color: var(--cc-renc-primary-dark) !important;
    border-color: rgba(217, 79, 112, .35) !important;
    background: #fff !important;
}

#widgRenc .cc-profile-actions button i {
    color: var(--cc-renc-primary);
    font-size: 1rem;
    line-height: 1;
}

#widgRenc .rencModal,
#widgRenc .w3-modal-content {
    border-radius: 8px !important;
    overflow: hidden;
}

#widgRenc #lightboxModal.cc-lightbox-modal {
    z-index: 99999;
    padding: 0 !important;
    background: rgba(3, 8, 15, .94) !important;
}

#widgRenc #lightboxModal .cc-lightbox-content {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    max-width: none;
    height: 100vh;
    margin: 0;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible;
}

#widgRenc #lightboxModal .lightboxSlide {
    display: none;
    max-width: min(100vw, 1440px);
    max-height: 94vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .42);
}

#widgRenc #lightboxModal .cc-lightbox-close,
#widgRenc #lightboxModal .cc-lightbox-nav {
    position: fixed;
    z-index: 100000;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 12px;
    background: rgba(10, 16, 24, .72);
    color: #fff !important;
    cursor: pointer;
    font-size: 0 !important;
    font-weight: 900;
    line-height: 1;
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .34);
    appearance: none;
}

#widgRenc #lightboxModal .cc-lightbox-close::before {
    content: "×";
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 31px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-1px);
}

#widgRenc #lightboxModal .cc-lightbox-nav {
    font-size: 1.5rem !important;
}

#widgRenc #lightboxModal .cc-lightbox-close {
    top: max(18px, env(safe-area-inset-top));
    right: max(18px, env(safe-area-inset-right));
}

#widgRenc #lightboxModal .cc-lightbox-prev {
    top: 50%;
    left: max(18px, env(safe-area-inset-left));
    transform: translateY(-50%);
}

#widgRenc #lightboxModal .cc-lightbox-next {
    top: 50%;
    right: max(18px, env(safe-area-inset-right));
    transform: translateY(-50%);
}

#widgRenc #lightboxModal .cc-lightbox-close:hover,
#widgRenc #lightboxModal .cc-lightbox-nav:hover {
    border-color: rgba(255, 255, 255, .5);
    background: rgba(216, 75, 114, .9);
    color: #fff !important;
}

#lightboxModal.cc-lightbox-modal {
    z-index: 99999;
    padding: 0 !important;
    background: rgba(3, 8, 15, .94) !important;
}

#lightboxModal .cc-lightbox-content {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    max-width: none;
    height: 100vh;
    margin: 0;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible;
}

#lightboxModal .lightboxSlide {
    display: none;
    max-width: min(100vw, 1440px);
    max-height: 94vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .42);
}

#lightboxModal .cc-lightbox-close,
#lightboxModal .cc-lightbox-nav {
    position: fixed;
    z-index: 100000;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 12px;
    background: rgba(10, 16, 24, .72);
    color: #fff !important;
    cursor: pointer;
    font-size: 0 !important;
    line-height: 1;
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .38);
    appearance: none;
}

#lightboxModal .cc-lightbox-close::before {
    content: "×";
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 31px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-1px);
}

#lightboxModal .cc-lightbox-nav {
    font-size: 1.5rem;
    font-weight: 900;
}

#lightboxModal .cc-lightbox-close {
    top: max(18px, env(safe-area-inset-top));
    right: max(18px, env(safe-area-inset-right));
}

#lightboxModal .cc-lightbox-prev {
    top: 50%;
    left: max(18px, env(safe-area-inset-left));
    transform: translateY(-50%);
}

#lightboxModal .cc-lightbox-next {
    top: 50%;
    right: max(18px, env(safe-area-inset-right));
    transform: translateY(-50%);
}

#lightboxModal .cc-lightbox-close:hover,
#lightboxModal .cc-lightbox-nav:hover {
    border-color: rgba(255, 255, 255, .5);
    background: rgba(216, 75, 114, .9);
    color: #fff !important;
}

.cc-star-twinkle {
    position: fixed;
    z-index: 6;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.25) rotate(0deg);
    opacity: 0;
    filter: drop-shadow(0 0 11px rgba(255, 255, 255, .76));
    animation: cc-star-twinkle 1.55s ease-out forwards;
}

.cc-star-twinkle::before,
.cc-star-twinkle::after {
    position: absolute;
    inset: 50%;
    content: "";
    transform: translate(-50%, -50%);
}

.cc-star-twinkle::before {
    width: 36%;
    height: 36%;
    border-radius: 999px;
    background: rgba(255, 255, 255, .95);
    box-shadow:
        0 0 12px rgba(255, 255, 255, .82),
        0 0 28px rgba(216, 75, 114, .34);
}

.cc-star-twinkle::after {
    width: 100%;
    height: 100%;
    background:
        linear-gradient(90deg, transparent 0 43%, rgba(255, 255, 255, .9) 48% 52%, transparent 57% 100%),
        linear-gradient(0deg, transparent 0 43%, rgba(255, 255, 255, .9) 48% 52%, transparent 57% 100%);
}

@keyframes cc-star-twinkle {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.25) rotate(0deg);
    }
    34% {
        opacity: .94;
        transform: translate(-50%, -50%) scale(1) rotate(12deg);
    }
    62% {
        opacity: .42;
        transform: translate(-50%, -50%) scale(.72) rotate(20deg);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.28) rotate(28deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cc-star-twinkle {
        display: none;
    }
}

#widgRenc .cc-account-page {
    display: grid;
    gap: 18px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
    box-sizing: border-box;
}

#widgRenc:has(.rencAccount) > .w3-twothird {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

#widgRenc:has(.rencAccount) > .rencSide,
#widgRenc:has(.rencAccount) > .w3-third {
    display: none !important;
}

#widgRenc:has(.rencAccount),
#widgRenc .rencAccount,
#widgRenc .rencCompte {
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
    box-sizing: border-box;
}

#widgRenc .cc-account-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: clamp(18px, 2.6vw, 28px);
    border: 1px solid rgba(255, 255, 255, .68);
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 50px rgba(16, 20, 23, .14);
}

#widgRenc .cc-account-kicker {
    margin-bottom: 4px;
    color: var(--cc-renc-muted);
    font-size: .78rem;
    font-weight: 760;
    text-transform: uppercase;
    letter-spacing: .08em;
}

#widgRenc .cc-account-heading h2,
#widgRenc .cc-account-section-title h3 {
    margin: 0;
    color: var(--cc-renc-text) !important;
    letter-spacing: 0;
}

#widgRenc .cc-account-heading h2 {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 820;
}

#widgRenc .cc-account-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

#widgRenc .cc-account-tab {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid var(--cc-renc-line);
    border-radius: 8px;
    background: #fff !important;
    color: var(--cc-renc-text) !important;
    font-weight: 720;
    text-decoration: none;
    cursor: pointer;
}

#widgRenc .cc-account-tab:hover,
#widgRenc .cc-account-tab.is-active {
    border-color: rgba(218, 72, 112, .42);
    color: var(--cc-renc-accent) !important;
}

#widgRenc .cc-account-tab:hover {
    background: rgba(218, 72, 112, .08) !important;
}

#widgRenc .cc-account-tab.is-active {
    background: #d94f70 !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(218, 72, 112, .18);
}

#widgRenc .cc-account-section {
    display: grid;
    gap: 14px;
    scroll-margin-top: 20px;
}

#widgRenc .cc-account-section:not(.is-active) {
    display: none;
}

#widgRenc .cc-field-help {
    margin-top: 6px;
    color: #697179;
    font-size: .88rem;
    line-height: 1.35;
}

#widgRenc input[name="text61"] + input[type="hidden"] + .cc-field-help,
#widgRenc input[name="text61"] + .cc-field-help {
    padding: 9px 11px;
    border: 1px solid rgba(217, 79, 112, .22);
    border-radius: 8px;
    background: rgba(217, 79, 112, .07);
    color: #4f5961;
}

#widgRenc .cc-account-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 12px 34px rgba(16, 20, 23, .1);
}

#widgRenc .cc-account-section-title h3 {
    font-size: 1.24rem;
    font-weight: 800;
}

#widgRenc .cc-account-section-title p {
    margin: 4px 0 0;
    color: var(--cc-renc-muted);
    line-height: 1.45;
}

#widgRenc .cc-account-section-title .w3-button {
    flex: 0 0 auto;
    white-space: nowrap;
}

#widgRenc .cc-photo-panel {
    position: relative;
}

#widgRenc .cc-photo-empty-cta {
    position: absolute;
    right: 14px;
    bottom: 14px;
    left: 14px;
    padding: 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 16px 38px rgba(16, 20, 23, .18);
    color: var(--cc-renc-text);
    text-align: left;
}

#widgRenc .cc-photo-empty-title {
    font-size: .98rem;
    font-weight: 820;
    line-height: 1.25;
}

#widgRenc .cc-photo-empty-copy {
    margin: 5px 0 10px;
    color: var(--cc-renc-muted);
    font-size: .86rem;
    line-height: 1.35;
}

#widgRenc .cc-photo-empty-cta .w3-button {
    width: 100%;
    min-height: 38px;
}

#widgRenc .cc-profile-insights {
    margin: 18px 0 4px;
    padding: 16px;
    border: 1px solid rgba(217, 79, 112, .2);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(217, 79, 112, .08), rgba(15, 143, 138, .08));
}

#widgRenc .cc-profile-insights-title {
    margin-bottom: 10px;
    color: var(--cc-renc-text);
    font-weight: 820;
}

#widgRenc .cc-profile-insight-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

#widgRenc .cc-profile-insight {
    display: grid;
    gap: 2px;
    padding: 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .82);
}

#widgRenc .cc-profile-insight span {
    color: var(--cc-renc-muted);
    font-size: .78rem;
    font-weight: 720;
}

#widgRenc .cc-profile-insight strong {
    color: var(--cc-renc-text);
    font-size: .95rem;
    font-weight: 820;
    overflow-wrap: anywhere;
}

.cc-save-toast {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 99999;
    transform: translateY(14px);
    min-width: 132px;
    padding: 12px 16px;
    border-radius: 8px;
    background: #1f2428;
    color: #fff;
    font-weight: 800;
    text-align: center;
    box-shadow: 0 18px 44px rgba(16, 20, 23, .26);
    opacity: 0;
    transition: opacity .22s ease, transform .22s ease;
}

.cc-save-toast.is-visible {
    transform: translateY(0);
    opacity: 1;
}

#widgRenc .cc-profile-notice {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 16px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-left: 5px solid #2f8f83;
    border-radius: var(--cc-renc-radius);
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(237, 247, 246, .94));
    box-shadow: 0 12px 34px rgba(16, 20, 23, .12);
}

#widgRenc .cc-profile-notice-icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: linear-gradient(135deg, #d84b72, #218e88);
    color: #fff;
    font-size: .95rem;
    box-shadow: 0 10px 26px rgba(33, 142, 136, .28);
}

#widgRenc .cc-profile-notice-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

#widgRenc .cc-profile-notice-copy strong {
    color: #20262d;
    font-size: .92rem;
    font-weight: 900;
}

#widgRenc .cc-profile-notice-copy span,
#widgRenc .cc-profile-notice-copy div {
    color: #3e4853;
    font-size: 1rem;
    font-weight: 700;
}

#widgRenc #infoChange:not(.cc-profile-notice),
#widgRenc .w3-panel.w3-renc-wabg {
    box-shadow: 0 12px 34px rgba(16, 20, 23, .12);
}

@media (max-width: 960px) {
    #widgRenc:has(.rencMyHome) > .w3-twothird,
    #widgRenc:has(.rencMyHome) > .w3-third {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    #widgRenc:has(.rencMsgInbox) > .w3-twothird,
    #widgRenc:has(.rencMsgInbox) > .w3-third,
    #widgRenc:has(.rencMsgConversation) > .w3-twothird,
    #widgRenc:has(.rencMsgConversation) > .w3-third,
    #widgRenc:has(.rencMsgWrite) > .w3-twothird,
    #widgRenc:has(.rencMsgWrite) > .w3-third,
    #widgRenc:has(.rencSearch) > .w3-twothird,
    #widgRenc:has(.rencSearch) > .w3-third,
    #widgRenc:has(.rencSearchResult) > .w3-twothird,
    #widgRenc:has(.rencSearchResult) > .w3-third {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    #widgRenc .cc-profile-layout,
    #widgRenc .cc-edit-layout {
        grid-template-columns: 1fr;
    }

    #widgRenc .cc-profile-media,
    #widgRenc .cc-edit-media {
        position: static;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    #widgRenc .cc-photo-panel,
    #widgRenc .cc-photo-tray {
        width: 100% !important;
        max-width: none !important;
    }

    #widgRenc .cc-profile-layout > .w3-rest,
    #widgRenc .cc-edit-layout > .w3-rest {
        grid-column: auto !important;
    }

    #widgRenc .cc-photo-panel #portraitGrande {
        height: clamp(340px, 78vw, 560px) !important;
    }
}

@media (max-width: 700px) {
    #widgRenc .cc-profile-view,
    #widgRenc .cc-profile-edit {
        --cc-profile-gap: 12px;
    }

    #widgRenc .cc-profile-card > .w3-container,
    #widgRenc .cc-edit-summary-card > .w3-container {
        padding: 16px !important;
    }

    #widgRenc .cc-profile-header {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #widgRenc .cc-profile-status {
        min-width: 0;
        text-align: left;
    }

    #widgRenc .cc-profile-status .w3-right-align,
    #widgRenc .cc-profile-status .w3-display-bottomright {
        justify-content: flex-start;
    }

    #widgRenc .cc-profile-name {
        font-size: 1.7rem !important;
    }

    #widgRenc .cc-profile-field-row,
    #widgRenc .rencPortraitEdit #portraitBox .cc-profile-field-row {
        grid-template-columns: 1fr !important;
        gap: 6px;
    }

    #widgRenc .cc-tabs {
        padding: 10px !important;
    }

    #widgRenc .cc-tab {
        min-height: 38px !important;
        padding: 8px 11px !important;
    }

    #widgRenc .cc-save-row {
        margin: 18px -16px -16px !important;
        padding: 12px 16px 74px !important;
    }

    #widgRenc .cc-edit-sections .cc-save-row {
        padding-bottom: 74px !important;
    }

    #widgRenc .cc-save-row .w3-button {
        width: 100%;
    }

    #widgRenc .cc-account-heading,
    #widgRenc .cc-account-section-title {
        align-items: stretch;
        flex-direction: column;
    }

    #widgRenc .cc-account-nav {
        justify-content: flex-start;
    }

    #widgRenc .cc-account-section-title .w3-button {
        width: 100%;
    }

    #widgRenc .cc-account-nav {
        position: sticky;
        top: 8px;
        z-index: 20;
        padding: 8px;
        border: 1px solid rgba(255, 255, 255, .68);
        border-radius: 8px;
        background: rgba(255, 255, 255, .93);
        box-shadow: 0 12px 30px rgba(16, 20, 23, .12);
    }

    #widgRenc .cc-account-tab {
        flex: 1 1 140px;
        justify-content: center;
    }

#widgRenc .cc-profile-insight-list {
        grid-template-columns: 1fr;
    }
}

#widgRenc .cc-profile-readonly-section input[readonly],
#widgRenc .cc-profile-readonly-section textarea[readonly],
#widgRenc .cc-profile-readonly-section select:disabled,
#widgRenc .cc-profile-readonly-section input:disabled,
#widgRenc .cc-profile-readonly-field input[readonly],
#widgRenc .cc-profile-readonly-field textarea[readonly],
#widgRenc .cc-profile-readonly-field select:disabled,
#widgRenc .cc-profile-readonly-field input:disabled {
    cursor: not-allowed;
    opacity: .78;
    box-shadow: none !important;
}

#widgRenc .cc-profile-readonly-section .rencLabelauty + label,
#widgRenc .cc-profile-readonly-section label,
#widgRenc .cc-profile-readonly-field .rencLabelauty + label,
#widgRenc .cc-profile-readonly-field label {
    cursor: not-allowed;
}

#widgRenc .cc-saved-searches {
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid rgba(216, 77, 116, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .68);
}

#widgRenc .cc-saved-searches-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    color: #23272d;
}

#widgRenc .cc-saved-searches-head span,
#widgRenc .cc-saved-search-empty {
    color: #68717d;
    font-size: .92rem;
}

#widgRenc .cc-saved-search-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#widgRenc .cc-saved-search-pill {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(216, 77, 116, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 6px 16px rgba(20, 24, 28, .06);
}

#widgRenc .cc-saved-search-pill a:first-child {
    padding: 7px 10px 7px 12px;
    color: #2a2f36;
    font-weight: 700;
    text-decoration: none;
}

#widgRenc .cc-saved-search-delete {
    display: inline-grid;
    place-items: center;
    width: 28px;
    min-height: 30px;
    border-left: 1px solid rgba(216, 77, 116, .14);
    color: #d84d74;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
}

#widgRenc .cc-saved-search-delete:hover {
    background: rgba(216, 77, 116, .1);
}

#widgRenc .cc-saved-search-save {
    margin: 18px 0 8px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(216, 77, 116, .08);
}

#widgRenc .cc-saved-search-save label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
}

#widgRenc .cc-saved-search-save-row,
#widgRenc .cc-saved-search-save-inline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

#widgRenc .cc-saved-search-notice {
    margin: 0 0 10px;
    padding: 8px 10px;
    border-left: 4px solid #2d8f85;
    border-radius: 6px;
    background: rgba(45, 143, 133, .1);
    color: #214f4a;
    font-weight: 700;
}

#widgRenc .cc-saved-search-notice.is-error {
    border-left-color: #d84d74;
    background: rgba(216, 77, 116, .1);
    color: #8f2948;
}

#widgRenc .cc-element-search {
    margin: 18px 0 8px;
    padding: 12px;
    border: 1px solid rgba(216, 77, 116, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .58);
}

#widgRenc .cc-element-search-title {
    display: block;
    margin-bottom: 10px;
    color: #2a2f36;
    font-weight: 800;
}

#widgRenc .cc-element-search-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

#widgRenc .cc-element-search-grid label {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
}

@media (max-width: 640px) {
    #widgRenc .cc-saved-search-save-row,
    #widgRenc .cc-saved-search-save-inline {
        grid-template-columns: 1fr;
    }

    #widgRenc .cc-element-search-grid {
        grid-template-columns: 1fr;
    }
}

#widgRenc select.cc-geonames-native-select,
#widgRenc .cc-geonames-native-select {
    position: absolute !important;
    width: 1px !important;
    max-width: 1px !important;
    min-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#widgRenc input[type="text"].cc-geonames-native-city,
#widgRenc .cc-geonames-native-city {
    position: absolute !important;
    width: 1px !important;
    max-width: 1px !important;
    min-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#widgRenc .cc-geonames-country-combo,
#widgRenc .cc-geonames-city-combo {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

#widgRenc .cc-geonames-country-trigger,
#widgRenc .cc-geonames-city-trigger {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 46px;
    padding: 10px 40px 10px 14px;
    border: 1px solid #d8dee6;
    border-radius: 8px;
    background: #fff;
    color: #23272f !important;
    font: inherit;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

#widgRenc .cc-geonames-country-trigger::after,
#widgRenc .cc-geonames-city-trigger::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid #66717d;
    border-bottom: 2px solid #66717d;
    transform: translateY(-65%) rotate(45deg);
}

#widgRenc .cc-geonames-country-combo.is-open .cc-geonames-country-trigger,
#widgRenc .cc-geonames-city-combo.is-open .cc-geonames-city-trigger {
    border-color: #9aa8b7;
    box-shadow: 0 0 0 3px rgba(45, 143, 133, .08);
}

#widgRenc .cc-geonames-country-menu,
#widgRenc .cc-geonames-city-menu {
    position: absolute;
    z-index: 40;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    padding: 8px;
    border: 1px solid #d8dee6;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(10, 20, 35, .14);
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

#widgRenc .cc-geonames-country-filter,
#widgRenc .cc-geonames-city-filter {
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    margin: 0 0 8px;
    padding: 9px 11px;
    border: 1px solid #d8dee6 !important;
    border-radius: 7px;
    outline: none !important;
    background: #fff !important;
    color: #23272f !important;
    font: inherit;
    box-shadow: none !important;
    box-sizing: border-box;
}

#widgRenc .cc-geonames-country-filter:focus,
#widgRenc .cc-geonames-city-filter:focus {
    border-color: #7f8b99 !important;
    box-shadow: 0 0 0 3px rgba(45, 143, 133, .08) !important;
}

#widgRenc .cc-geonames-country-list,
#widgRenc .cc-geonames-city-list {
    max-height: 240px;
    overflow: auto;
}

#widgRenc .cc-geonames-country-list button,
#widgRenc .cc-geonames-city-list button {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 9px 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #23272f !important;
    font: inherit;
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
    box-sizing: border-box;
}

#widgRenc .cc-geonames-country-list button:hover,
#widgRenc .cc-geonames-city-list button:hover {
    background: #f3f6f8;
    color: #23272f !important;
}

#widgRenc .cc-geonames-country-list button.is-selected,
#widgRenc .cc-geonames-city-list button.is-selected {
    background: #edf6f5;
    color: #245f5b !important;
    font-weight: 700;
}

#widgRenc .cc-geonames-country-empty {
    padding: 10px;
    color: #6b7280;
}

#widgRenc .cc-rencontre-woo-pay {
    align-items: center;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid rgba(217, 75, 112, .22) !important;
    border-radius: 8px;
    background: rgba(255, 255, 255, .94) !important;
    color: #23272f !important;
    box-shadow: 0 10px 26px rgba(18, 25, 38, .06);
}

#widgRenc .cc-rencontre-woo-pay strong {
    display: block;
    margin-bottom: 3px;
    color: #23272f !important;
    font-weight: 800;
}

#widgRenc .cc-rencontre-woo-pay span {
    display: block;
    color: #596371 !important;
    font-size: .92rem;
    line-height: 1.35;
}

#widgRenc .cc-rencontre-woo-pay-button {
    width: 100%;
    min-height: 46px;
    border-radius: 7px !important;
    background: #d94b70 !important;
    color: #fff !important;
    border-color: #d94b70 !important;
    font-weight: 800;
    text-align: center;
}

#widgRenc .cc-rencontre-woo-pay-button:hover,
#widgRenc .cc-rencontre-woo-pay-button:focus {
    background: #c73c63 !important;
    color: #fff !important;
}

#widgRenc .cc-rencontre-payment-status {
    color: #66707d;
    font-size: .98rem;
    line-height: 1.45;
}

#widgRenc .cc-rencontre-payment-status strong {
    color: #23272f;
    font-weight: 800;
}

#widgRenc .cc-rencontre-membership-expiry {
    display: block;
    margin-top: 6px;
    color: #66707d;
}

#widgRenc .cc-rencontre-membership-expiry strong {
    color: #d94b70;
}

#widgRenc .cc-rencontre-payment-plans {
    display: grid;
    gap: 10px;
    padding: 14px 0;
}

#widgRenc .cc-rencontre-payment-plan {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin: 0;
    padding: 13px 14px;
    border: 1px solid rgba(102, 112, 125, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
    cursor: pointer;
}

#widgRenc .cc-rencontre-payment-plan:hover,
#widgRenc .cc-rencontre-payment-plan:has(input:checked) {
    border-color: rgba(217, 75, 112, .42);
    background: rgba(255, 247, 250, .9);
}

#widgRenc .cc-rencontre-payment-plan input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #d94b70;
}

#widgRenc .cc-rencontre-payment-plan span,
#widgRenc .cc-rencontre-payment-plan strong,
#widgRenc .cc-rencontre-payment-plan em,
#widgRenc .cc-rencontre-payment-plan b {
    display: block;
}

#widgRenc .cc-rencontre-payment-plan strong {
    color: #23272f;
    font-weight: 800;
}

#widgRenc .cc-rencontre-payment-plan em {
    margin-top: 2px;
    color: #66707d;
    font-style: normal;
    font-size: .9rem;
}

#widgRenc .cc-rencontre-payment-plan b {
    color: #d94b70;
    font-weight: 900;
    white-space: nowrap;
}

#widgRenc .cc-rencontre-payment-empty {
    padding: 16px;
    border: 1px solid rgba(102, 112, 125, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .72);
    color: #66707d;
    font-weight: 700;
}

@media (max-width: 640px) {
    #widgRenc .cc-rencontre-payment-plan {
        grid-template-columns: auto minmax(0, 1fr);
    }

    #widgRenc .cc-rencontre-payment-plan b {
        grid-column: 2;
    }
}