/* ============================================================
 * Registration Trick – Profile, Essays, Favorites, Buttons
 * Core CSS variables (override in your theme if needed)
 * ============================================================ */

.registration-trick{
    /* Colors */
    --color-primary-dark: #162241;
    --color-stroke-grey: #E3E8EF;
    --color-space-convoy: #697586;
    --color-bee-hall: #F3CC63;
    --color-snug-cottage: #FFFAE1;
    --color-white: #ffffff;

    

    /* Auth form validation */
    --rt-color-error: #E04562;
    --rt-color-success: #1ABCA1;

    /* Typography */
    --font-family-base: "LexendDeca", sans-serif;

    /* Transitions */
    --default-transition: 0.3s ease-out;
}

/* ============================================================
 * Layout – profile wrapper
 * Mobile: stacked
 * Tablet/Desktop: sidebar + content grid
 * ============================================================ */

/* Mobile-first: stacked layout */
.registration-trick .rt-profile .rt-profile__wrap{
    display: block;
}

/* Tablet: two-column layout */
.logged-in .registration-trick .rt-profile .rt-profile__wrap{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

/* Desktop: slightly wider sidebar and gaps */
@media (min-width: 992px){
    .logged-in .registration-trick .rt-profile .rt-profile__wrap{
        grid-template-columns: 300px 1fr;
        grid-gap: 24px;
    }
}

/* ============================================================
 * Profile menu grid
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__sidebar{
    overflow-x: auto;
}

.registration-trick .rt-profile .rt-profile__nav{
    display: flex;
    flex-direction: row;
    gap: 8px 0;
}

@media (min-width: 992px){
    .registration-trick .rt-profile .rt-profile__nav{
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }
}

.registration-trick .rt-profile .rt-profile__sidebar .rt-profile__nav-item a{
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 16px 24px;
}

.registration-trick .rt-profile .rt-profile__sidebar .rt-profile__nav-item svg{
    width: 16px;
    height: 16px;
    object-fit: cover;
}

.registration-trick .rt-profile .rt-profile__sidebar .rt-profile__nav-item svg path{
    stroke: #6A7282;
}

.registration-trick .rt-profile .rt-profile__sidebar .rt-profile__nav-item span{
    font-family: "EBGaramond", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.15px;
    text-align: center;
    color: #6A7282;
}

.registration-trick .rt-profile .rt-profile__sidebar .rt-profile__nav-item.is-active{
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 100px;
}

.registration-trick .rt-profile .rt-profile__sidebar .rt-profile__nav-item.is-active svg path{
    stroke: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-profile__sidebar .rt-profile__nav-item.is-active span{
    color: var(--color-primary-dark);
}

/* ============================================================
 * Profile form grid
 * ============================================================ */

/* Base grid for profile forms */
.registration-trick .rt-profile .rt-profile__grid{
    display: flex !important;
    flex-direction: column !important;
    row-gap: 16px !important;
}

/* Larger vertical gaps on desktop */
@media (min-width: 992px){
    .registration-trick .rt-profile .rt-profile__grid{
        row-gap: 24px !important;
    }
}

/* Labels inside profile grid */
/*.rt-profile .rt-profile__grid label {*/
/*    font-weight: 400 !important;*/
/*    font-size: 16px !important;*/
/*    line-height: 1.4 !important;*/
/*    color: var(--color-primary-dark) !important;*/
/*    margin: 0 !important;*/
/*}*/

/* Text inputs (except checkboxes) */
.registration-trick .rt-profile .rt-profile__grid input:not([type="checkbox"]){
    font-family: var(--font-family-base) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: var(--color-primary-dark) !important;
    width: 100% !important;
    height: 40px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 1px solid var(--color-stroke-grey) !important;
    background: #F9FAFB !important;
    transition: var(--default-transition) !important;
}

/* Input placeholders */
.registration-trick .rt-profile .rt-profile__grid input:not([type="checkbox"])::placeholder {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: var(--color-space-convoy) !important;
}

/* Selects */
.registration-trick .rt-profile .rt-profile__grid select{
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-family: var(--font-family-base) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: var(--color-primary-dark) !important;
    width: 100% !important;
    height: 40px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 1px solid var(--color-stroke-grey) !important;
    background: #F9FAFB !important;
    transition: var(--default-transition) !important;
}

/* Textareas */
.registration-trick .rt-profile .rt-profile__grid textarea{
    font-family: var(--font-family-base) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: var(--color-primary-dark) !important;
    width: 100% !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 1px solid var(--color-stroke-grey) !important;
    background: #F9FAFB !important;
    resize: none !important;
    max-height: 100px !important;
}

.registration-trick .rt-profile .rt-profile__grid textarea::placeholder {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: var(--color-space-convoy) !important;
}

/* ============================================================
 * ACF form fields inside profile grid
 * ============================================================ */

/* ACF form fields wrapper */
.registration-trick .rt-profile .rt-profile__grid .acf-form-fields{
    display: flex !important;
    flex-direction: column !important;
    row-gap: 16px !important;
}

@media (min-width: 992px){
    .registration-trick .rt-profile .rt-profile__grid .acf-form-fields{
        row-gap: 24px !important;
    }
}

/* Remove default ACF separators */
.registration-trick .rt-profile .rt-profile__grid .acf-form-fields:before, .registration-trick .rt-profile .rt-profile__grid .acf-form-fields:after{
    display: none !important;
}

/* Remove extra padding/border on ACF fields */
.registration-trick .rt-profile .rt-profile__grid .acf-form-fields .acf-field{
    padding: 0 !important;
    border: none !important;
}

.registration-trick .rt-profile .rt-profile__grid .acf-form-fields .description{
    font-size: 10px;
    margin-top: 6px;
}

/* Hide WP editor tabs inside ACF field (if any) */
.registration-trick .rt-profile .rt-profile__grid .acf-form-fields .acf-field .wp-editor-tabs{
    display: none !important;
}

/* Inner padding for repeater/group children */
.registration-trick .rt-profile .rt-profile__grid .acf-field-repeater .acf-field, .registration-trick .rt-profile .rt-profile__grid .acf-field-group .acf-field{
    padding: 10px !important;
}


.registration-trick .rt-profile .rt-profile__row{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
}

/* ============================================================
 * Generic profile field wrapper
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__field{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* ============================================================
 * Custom checkbox styling (tags etc.)
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__checkbox{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

/* Checkbox label */
.registration-trick .rt-profile .rt-profile__checkbox label{
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #475467;
}

/* Fake checkbox box */
.registration-trick .rt-profile .rt-profile__checkbox div{
    width: 20px;
    height: 20px;
    border-radius: 8px;
    border: 1px solid var(--color-stroke-grey);
    background: var(--color-white);
    position: relative;
}

/* Checkmark */
.registration-trick .rt-profile .rt-profile__checkbox div::after{
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 2;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%23404B65' stroke-width='1.6666' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 100%;
    opacity: 0;
    transition: 0.2s ease;
}

/* Hide native checkbox input */
.registration-trick .rt-profile .rt-profile__checkbox input{
    display: none;
}

/* Show checkmark when checked */
.registration-trick .rt-profile .rt-profile__checkbox input:checked + div::after{
    opacity: 1;
}

.registration-trick .rt-profile .rt-profile__visibility-toggle{
    margin-top: 4px;
}

.registration-trick .rt-profile .rt-profile__visibility-toggle label{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.registration-trick .rt-profile .rt-profile__visibility-toggle span{
    font-size: 14px;
    line-height: 1.5;
    color: #475467;
}

/* ============================================================
 * Bottom section of forms (buttons, logout link etc.)
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}

/* Single-item bottom row (e.g. one primary button) */
.registration-trick .rt-profile .rt-profile__bottom--single{
    justify-content: flex-end;
}

/* ============================================================
 * Submit Essay – Help dropdown
 * ============================================================ */

.registration-trick .rt-essay-help{
    border: 1px solid var(--color-stroke-grey);
    border-radius: 16px;
    background: var(--color-white);
    margin: 0 0 20px;
    overflow: hidden;
}

.registration-trick .rt-essay-help__summary{
    list-style: none;
    cursor: pointer;
    padding: 16px 18px;
    font-weight: 600;
    color: var(--color-primary-dark);
    position: relative;
}

/* Hide default marker */
.registration-trick .rt-essay-help__summary::-webkit-details-marker{
    display: none;
}
.registration-trick .rt-essay-help__summary::marker{
    content: "";
}

.registration-trick .rt-essay-help__summary::after{
    content: "▾";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform var(--default-transition);
    color: var(--color-space-convoy);
}

.registration-trick .rt-essay-help[open] .rt-essay-help__summary::after{
    transform: translateY(-50%) rotate(180deg);
}

.registration-trick .rt-essay-help__content{
    padding: 2px 18px 18px;
    color: var(--color-space-convoy);
}

.registration-trick .rt-essay-help__content h1, .registration-trick .rt-essay-help__content h2, .registration-trick .rt-essay-help__content h3, .registration-trick .rt-essay-help__content h4, .registration-trick .rt-essay-help__content h5, .registration-trick .rt-essay-help__content h6{
    margin: 14px 0 6px;
    color: var(--color-primary-dark);
}

.registration-trick .rt-essay-help__content p{
    margin: 0 0 10px;
}

.registration-trick .rt-essay-help__content ul, .registration-trick .rt-essay-help__content ol{
    margin: 0 0 10px 18px;
}

/* Primary action button */
.registration-trick .rt-profile .rt-profile__bottom button{
    --webkit-appearence: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 156px;
    height: 38px;
    padding: 2px 8px;
    transition: .3s ease;
    border-radius: 100px;
    color: var(--color-primary-dark);
    background: #fff;
    border: 1px solid #E8E8E8FC
}

/* Hover state for primary button */
.registration-trick .rt-profile .rt-profile__bottom button:hover{
    color: #fff;
    background: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark)
}

/* ============================================================
 * Password toggle (same pattern as login form)
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__pass{
    position: relative;
}

/* Eye toggle button */
.registration-trick .rt-profile .rt-profile__pass button{
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%) translateX(-6%);
    width: 18px;
    height: 10px;
    background: none;
    border: none;
}

/* Both SVG states are stacked, we toggle opacity */
.registration-trick .rt-profile .rt-profile__pass button svg{
    position: absolute;
    inset: 0;
    opacity: 0;
}

/* Show "eye" SVG */
.registration-trick .rt-profile .rt-profile__pass button.show-pass svg:first-of-type{
    opacity: 1;
}

/* Show "eye-slash" SVG */
.registration-trick .rt-profile .rt-profile__pass button.hide-pass svg:last-of-type{
    opacity: 1;
}

/* ============================================================
 * Feedback messages (error / success)
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__error{
    font-size: 14px;
    color: var(--rt-color-error);
    margin-bottom: 20px;
}

.registration-trick .rt-profile .rt-profile__success{
    display: none;
    font-size: 14px;
    color: var(--rt-color-success);
    margin-bottom: 20px;
}

/* ============================================================
 * Content lists: essays table-like layout
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__content .rt-items-list{
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

/* ============================================================
 * Favorites
 * ============================================================ */

.registration-trick .rt-favs.rt-favs--grid{
    width: 100%;
}

.registration-trick .rt-favs.rt-favs--grid .rt-favs__grid{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 16px;
}

@media (min-width: 640px){
    .registration-trick .rt-favs.rt-favs--grid .rt-favs__grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px){
    .registration-trick .rt-favs.rt-favs--grid .rt-favs__grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card{
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid rgba(22,34,65,0.12);
    border-radius: 14px;
    overflow: hidden;
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__cover{
    position: relative;
    display: block;
    padding-bottom: calc((276 / 368) * 100%);
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__placeholder{
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
            45deg,
            rgba(22,34,65,0.06),
            rgba(22,34,65,0.06) 10px,
            rgba(22,34,65,0.03) 10px,
            rgba(22,34,65,0.03) 20px
    );
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__body{
    padding: 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__meta{
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 12px;
    opacity: 0.75;
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__type{
    font-weight: 600;
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__title{
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__title a{
    color: inherit;
    text-decoration: none;
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__remove{
    position: absolute;
    top: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,1);
    border-radius: 10px;
    border: 1px solid rgba(22,34,65,0.12);
    text-decoration: none;
}

.registration-trick .rt-favs.rt-favs--grid .rt-fav-card__remove:hover{
    background: rgba(255,255,255,.75);
}
/* ============================================================
 * Profile dashboard cards – Saved / Courses / Essays
 * ============================================================ */

.registration-trick .rt-profile-cards .rt-profile-cards__grid{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
}

@media (min-width: 640px){
    .registration-trick .rt-profile-cards .rt-profile-cards__grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px){
    .registration-trick .rt-profile-cards .rt-profile-cards__grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.registration-trick .rt-profile-cards .rt-profile-card-item{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #FFFFFF;
    border: 1px solid #E3E8EF;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(22, 34, 65, 0.06);
}

.registration-trick .rt-profile-cards .rt-profile-card-item__media{
    position: relative;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__image-link{
    position: relative;
    display: block;
    padding-bottom: calc((192 / 302) * 100%)
}

.registration-trick .rt-profile-cards .rt-profile-card-item__image{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__remove{
    position: absolute;
    top: 16px;
    right: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #E3E8EF;
    border-radius: 100px;
    text-decoration: none;
    transition: background var(--default-transition), opacity var(--default-transition), transform var(--default-transition);
    cursor: pointer;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__remove:hover{
    background: #FFFFFF;
    transform: translateY(-1px);
}

.registration-trick .rt-profile-cards .rt-profile-card-item__remove--disabled,
.registration-trick .rt-profile-cards .rt-profile-card-item__remove[disabled]{
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__body{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 16px 16px;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__heading{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__title{
    font-family: var(--font-family-base), sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    color: var(--color-primary-dark);
    margin-bottom: 8px;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__title a{
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    margin-top: auto;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__subrow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__type,
.registration-trick .rt-profile-cards .rt-profile-card-item__date,
.registration-trick .rt-profile-cards .rt-profile-card-item__edited {
    font-family: var(--font-family-base);
    line-height: 1.5;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__type,
.registration-trick .rt-profile-cards .rt-profile-card-item__date {
    font-size: 12px;
    color: #6A7282;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__edited{
    font-weight: 300;
    font-size: 14px;
    color: #636D7E;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__actions{
    display: flex;
    margin-top: 16px;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    padding: 6px 16px;
    border: 1px solid var(--color-primary-dark);
    border-radius: 999px;
    background: var(--color-primary-dark);
    font-family: var(--font-family-base);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    transition: background var(--default-transition), border-color var(--default-transition), color var(--default-transition);
    box-shadow: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__button:hover{
    color: var(--color-primary-dark);
    background: #fff;
    border: 1px solid #E8E8E8FC;
    box-shadow: none;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__button.completed {
    border: 1px solid #F3F4F6;
    background: #F3F4F6;
    color: var(--color-primary-dark);
    box-shadow: none;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__button.completed:hover {
    border: 1px solid var(--color-primary-dark);
    color: #fff;
    background: var(--color-primary-dark);
    box-shadow: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A;
}

.registration-trick .rt-profile-cards .rt-profile-card-item__progress{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.registration-trick .rt-profile-cards .rt-course-progress{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.registration-trick .rt-profile-cards .rt-course-progress__value{
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    color: var(--color-primary-dark);
}

.registration-trick .rt-profile-cards .rt-course-progress__track{
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background: #E3E8EF;
    border-radius: 999px;
    overflow: hidden;
}

.registration-trick .rt-profile-cards .rt-course-progress__bar{
    position: absolute;
    inset: 0 auto 0 0;
    display: block;
    height: 100%;
    background: var(--color-primary-dark);
    border-radius: inherit;
}

.registration-trick .rt-profile .rt-profile-card-item__edit{
    width: 24px;
    height: 24px;
}

.registration-trick .rt-profile .rt-profile-card-item__edit svg path{
    fill: var(--color-primary-dark);
}

@media (max-width: 767px){
    .registration-trick .rt-profile-cards .rt-profile-card-item__body{
        padding: 16px;
    }

    .registration-trick .rt-profile-cards .rt-profile-card-item__title{
        font-size: 22px;
    }

    .registration-trick .rt-profile-cards .rt-profile-card-item__button{
        width: 100%;
    }
}

/* ============================================================
 * My Essays – submit button (moved from sidebar)
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__content .rt-essays-toolbar{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 0 0 14px;
}

.registration-trick .rt-profile .rt-profile__content .rt-essays-submit-btn{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 180px;
    height: 38px;
    background: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-profile__content .rt-essays-submit-btn:hover{
    color: var(--color-primary-dark);
    background: #fff;
    border: 1px solid #E8E8E8FC
}

.registration-trick .rt-profile .rt-profile__content .rt-essays-submit-btn:hover span{
    color: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-profile__content .rt-essays-submit-btn:hover svg path{
    fill: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-profile__content .rt-essays-submit-btn svg{
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.registration-trick .rt-profile .rt-profile__content .rt-essays-submit-btn span{
    display: block;
    font-weight: 700;
    color: #fff;
    margin: 0 auto;
}

.registration-trick .rt-profile .rt-profile__content .pagination{
    margin-top: 40px;
}

/* List header row and data rows */
.registration-trick .rt-profile .rt-profile__content .rt-items-header, .registration-trick .rt-profile .rt-profile__content .rt-items-row{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

@media (max-width: 769px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header, .registration-trick .rt-profile .rt-profile__content .rt-items-row{
        flex-wrap: wrap;
    }
}

/* Column sizing (title takes remaining space) */
.registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--title, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--title{
    flex: 1;
    min-width: 0;
}

@media (max-width: 769px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--title, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--title{
        flex: 0 0 calc(65% - 6px);
        order: 1;
    }
}

@media (max-width: 575px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--title, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--title{
        flex: 0 0 100%;
    }
}

/* Status / type columns */
.registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--status, .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--type, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--status, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--type{
    flex: 0 0 170px;
    justify-content: center;
}

@media (max-width: 769px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--status, .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--type, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--status, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--type{
        flex: 0 0 calc(35% - 6px);
        justify-content: flex-end;
    }
}

@media (max-width: 575px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--status, .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--type, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--status, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--type{
        flex: 0 0 calc(100% - 12px - 120px);
        order: 3;
    }

    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--status, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--status{
        justify-content: flex-end;
    }

    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--type, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--type{
        justify-content: flex-start;
    }
}

/* View column */
.registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--view, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--view{
    flex: 0 0 60px;
    justify-content: center;
}

@media (max-width: 769px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--view, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--view{
        flex: 0 0 24px;
        order: 3;
    }
}

@media (max-width: 575px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--view, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--view{
        order: 4;
    }
}

/* Progress column (courses) */
.registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--progress, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--progress{
    flex: 0 0 180px;
    justify-content: center;
}

@media (max-width: 769px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--progress, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--progress{
        flex: 0 0 calc(35% - 6px);
        justify-content: flex-end;
        order: 2;
    }
}

@media (max-width: 575px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--progress, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--progress{
        justify-content: flex-start;
        margin-right: auto;
    }
}

/* Published date column */
.registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--published, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--published{
    flex: 0 0 120px;
    justify-content: center;
}

@media (max-width: 575px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--published, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--published{
        justify-content: flex-start;
        order: 2;
    }
}

/* Options column */
.registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--options, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--options{
    flex: 0 0 72px;
    justify-content: flex-end;
}

@media (max-width: 769px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--options, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--options{
        margin-left: auto;
    }
}

@media (max-width: 575px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header .cell--options, .registration-trick .rt-profile .rt-profile__content .rt-items-row .cell--options{
        order: 5;
    }
}

/* Title truncation */
.registration-trick .rt-profile .rt-profile__content .rt-item-title{
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Status / type pill styling */
.registration-trick .rt-profile .rt-profile__content .rt-status, .registration-trick .rt-profile .rt-profile__content .rt-type{
    font-size: 12px;
    color: #6A7282;
    padding: 4px 8px;
    background: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 100px;
}

/* Status modifier (published) */
.registration-trick .rt-profile .rt-profile__content .rt-status--publish{
    color: #007A55;
    background: #ECFDF5;
    border: 1px solid #D0FAE5;
}

/* Edit / delete action buttons */
.registration-trick .rt-profile .rt-profile__content .rt-items-options__edit, .registration-trick .rt-profile .rt-profile__content .rt-items-options__delete{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    border-radius: 6px;
    text-decoration: none;
}

/* Hover state for options */
.registration-trick .rt-profile .rt-profile__content .rt-items-options__edit:hover, .registration-trick .rt-profile .rt-profile__content .rt-items-options__delete:hover{
    background: var(--color-primary-dark);
}

/* Icon transition on hover */
.registration-trick .rt-profile .rt-profile__content .rt-items-options__edit:hover svg path, .registration-trick .rt-profile .rt-profile__content .rt-items-options__delete:hover svg path{
    fill: #ffffff;
}

.registration-trick .rt-profile .rt-profile__content .rt-items-options__edit svg path, .registration-trick .rt-profile .rt-profile__content .rt-items-options__delete svg path{
    transition: 0.3s ease;
}

/* Default backgrounds for options */
.registration-trick .rt-profile .rt-profile__content .rt-items-options__edit{
    background: #f1f5f9;
}

.registration-trick .rt-profile .rt-profile__content .rt-items-options__delete{
    background: #ffeaea;
}

/* Header row styling */
.registration-trick .rt-profile .rt-profile__content .rt-items-header{
    font-weight: 600;
    background: #f8fafc;
}

@media (max-width: 769px){
    .registration-trick .rt-profile .rt-profile__content .rt-items-header{
        display: none;
    }
}

.registration-trick .rt-profile .rt-profile__content .rt-items-header .rt-items-cell{
    font-size: 16px;
}

/* Row title cell */
.registration-trick .rt-profile .rt-profile__content .rt-items-row .rt-items-cell.cell--title{
    font-size: 14px;
}

/* "View" link */
.registration-trick .rt-profile .rt-profile__content .rt-items-row .rt-items-cell.cell--view a{
    font-size: 10px;
    color: var(--color-primary-dark);
    text-decoration: underline;
}

.registration-trick .rt-profile .rt-profile__content .rt-items-row .rt-items-cell.cell--view a:hover{
    color: #697586;
}

/* Published date text */
.registration-trick .rt-profile .rt-profile__content .rt-items-row .rt-items-cell.cell--published{
    font-size: 12px;
}

/* Generic cell styles */
.registration-trick .rt-profile .rt-profile__content .rt-items-cell{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-primary-dark);
}

/* ============================================================
 * Pagination / helper elements
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__content .wpuf-pagination{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    margin-top: 40px;
}

.registration-trick .rt-profile .rt-profile__content .wpuf-pagination .pagination{
    padding: 0 !important;
    margin: 0 !important;
}

/* Delete message (optional helper) */
.registration-trick .rt-profile .rt-profile__content #wpuf-delete-msg{
    display: none;
    gap: 8px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 8px;
    background: #ecfccb;
    border: 1px solid #a3e635;
    margin-bottom: 10px;
}

/* Post edit icon (hidden for frontend) */
.registration-trick .rt-profile .rt-profile__content .post-edit-icon{
    display: none;
    margin-left: 6px;
    cursor: default;
}

/* ============================================================
 * Not-logged-in notice
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__notice{
    text-align: center;
}

/* ============================================================
 * Select2 (ACF select fields)
 * ============================================================ */

/* Selected value container */
.registration-trick .select2-selection{
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 44px !important;
    padding: 10px 20px 10px 14px !important;
    border-radius: 8px !important;
    border: 1px solid var(--color-stroke-grey) !important;
    background: var(--color-white) !important;
    transition: var(--default-transition) !important;
}

.registration-trick .select2-selection__rendered{
    padding: 0 !important;
}

.registration-trick .select2-selection__arrow{
    width: 20px !important;
    height: 44px !important;
}

/* ACF "selection" text */
.registration-trick .acf-selection{
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Dropdown panel */
.registration-trick .select2-dropdown{
    padding: 10px 14px !important;
    border-radius: 8px !important;
    border: 1px solid var(--color-stroke-grey) !important;
    background: var(--color-white) !important;
    transition: var(--default-transition) !important;
}

/* Dropdown search */
.registration-trick .select2-dropdown .select2-search{
    padding: 0 !important;
}

.registration-trick .select2-dropdown .select2-search__field{
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: var(--color-primary-dark) !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
}

/* Dropdown options */
.registration-trick .select2-dropdown .select2-results__option{
    color: var(--color-primary-dark) !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    transition: var(--default-transition) !important;
}

/* Selected / highlighted option */
.registration-trick .select2-dropdown .select2-results__option[aria-selected="true"], .registration-trick .select2-dropdown .select2-results__option--highlighted{
    color: var(--color-white) !important;
    background: var(--color-primary-dark) !important;
}

/* "No results" message */
.registration-trick .select2-dropdown .select2-results__message{
    padding: 10px 0 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* ============================================================
 * Favorite button and "Sign in to add" link
 * ============================================================ */

.registration-trick .rt-fav-login{
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    color: var(--color-primary-dark);
    padding: 10.5px 20px;
    height: 48px;
    background: var(--color-white);
    border: 1px solid var(--color-stroke-grey);
    border-radius: 100px;
    transition: var(--default-transition);
    text-decoration: none;
}

.registration-trick .rt-fav-btn{
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    color: var(--color-primary-dark);
    padding: 14px 13px;
    height: 48px;
    background: var(--color-white);
    border: 1px solid var(--color-stroke-grey);
    border-radius: 100px;
    transition: var(--default-transition);
    text-decoration: none;
}

/* Hover state for favorite buttons */
.registration-trick .rt-fav-login:hover{
    cursor: pointer;
    color: var(--color-primary-dark);
    background: var(--color-bee-hall);
    border: 1px solid var(--color-snug-cottage);
}

.registration-trick .rt-fav-btn:hover{
    cursor: pointer;
    background: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark);
}

.registration-trick .rt-fav-btn .rt-fav-btn__icon svg path{
    stroke: var(--color-primary-dark);
    transition: var(--default-transition);
}

.registration-trick .rt-fav-btn:hover .rt-fav-btn__icon svg path{
    stroke: var(--color-white);
}

.registration-trick .rt-fav-btn.is-fav .rt-fav-btn__icon svg path{
    stroke: var(--color-primary-dark);
    fill: var(--color-primary-dark);
}

.registration-trick .rt-fav-btn.is-fav:hover .rt-fav-btn__icon svg path{
    stroke: var(--color-white);
    fill: var(--color-white);
}

/* Icon wrapper */
.registration-trick .rt-fav-btn__icon{
    display: block;
    width: 20px;
    height: 20px;
}

.registration-trick .rt-fav-btn__icon svg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================================
 * Auth forms (Sign In / Sign Up / Forgot) – match rt-profile UI
 * ============================================================ */

/* Form wrapper */
.registration-trick .rt-login__form{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (min-width: 992px){
    .registration-trick .rt-login__form{
        gap: 24px;
    }
}

/* Field wrapper (same spacing as rt-profile__field) */
.registration-trick .rt-login__field{
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

/* Labels */
.registration-trick .rt-login__form label{
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: var(--color-primary-dark) !important;
    margin: 0 !important;
}

/* Inputs (except checkbox) */
.registration-trick .rt-login__form input:not([type="checkbox"]){
    font-family: var(--font-family-base) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: var(--color-primary-dark) !important;
    width: 100% !important;
    height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    border: 1px solid var(--color-stroke-grey) !important;
    background: var(--color-white) !important;
    transition: var(--default-transition) !important;
}

.registration-trick .rt-login__form input:not([type="checkbox"])::placeholder{
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: var(--color-space-convoy) !important;
}

/* Password wrapper */
.registration-trick .rt-login__pass{
    position: relative;
}

/* If your login toggle button is a plain <button> inside .rt-login__pass */
.registration-trick .rt-login__pass button{
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 18px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

/* Toggle SVG states */
.registration-trick .rt-login__pass button svg{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.registration-trick .rt-login__pass button.show-pass svg:first-of-type{
    opacity: 1;
}

.registration-trick .rt-login__pass button.hide-pass svg:last-of-type{
    opacity: 1;
}

/* Checkbox row (remember me etc.) */
.registration-trick .rt-login__checkbox{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

/* Checkbox label */
.registration-trick .rt-login__checkbox label{
    position: relative !important;
    z-index: 5 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #475467 !important;
    padding-left: 32px !important;
}

/* Fake checkbox box (expects structure: input + div) */
.registration-trick .rt-login__checkbox div{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 8px;
    border: 1px solid var(--color-stroke-grey);
    background: var(--color-white);
}

.registration-trick .rt-login__checkbox div::after{
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 2;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%23404B65' stroke-width='1.6666' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 100%;
    opacity: 0;
    transition: 0.2s ease;
}

/* Hide native checkbox input */
.registration-trick .rt-login__checkbox input{
    display: none;
}

/* Show checkmark when checked */
.registration-trick .rt-login__checkbox input:checked + div::after{
    opacity: 1;
}

/* Submit button wrapper */
.registration-trick .rt-login__button{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* Primary submit button (match rt-profile primary button) */
.registration-trick .rt-login__button button{
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: var(--font-family-base);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: var(--color-white);
    text-align: center;
    width: 100%;
    height: 48px;
    padding: 10.5px 20px;
    border: 1px solid var(--color-primary-dark);
    border-radius: 100px;
    background: var(--color-primary-dark);
    box-shadow: none;
    transition: var(--default-transition);
    cursor: pointer;
}

.registration-trick .rt-login__button button:hover{
    color: var(--color-primary-dark);
    background: var(--color-white);
    border: 1px solid var(--color-primary-dark);
}

/* Messages */
.registration-trick .rt-login__error{
    font-size: 14px;
    color: var(--rt-color-error);
    margin-bottom: 0;
}

.registration-trick .rt-login__success{
    font-size: 14px;
    color: var(--rt-color-success);
    margin-bottom: 0;
}

/* Links area under form (forgot password / sign up / back links) */
.registration-trick .rt-login__links{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.registration-trick .rt-login__links a{
    color: var(--color-primary-dark);
    text-decoration: underline;
}

.registration-trick .rt-login__links a:hover{
    color: var(--color-space-convoy);
}

/* Inline password validation message (under password fields) */
.registration-trick .rt-login__field-error{
    font-size: 10px;
    line-height: 1;
    color: var(--rt-color-error);
    margin-top: 5px;
}

/* Password visibility toggle (positioning can be overridden in theme) */
.registration-trick .toggle-pass{
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    color: inherit;
}

.registration-trick .toggle-pass .rt-icon{
    display: block;
}

.registration-trick .toggle-pass .rt-icon-eye-off{
    display: none;
}

.registration-trick .toggle-pass.hide-pass .rt-icon-eye{
    display: none;
}

.registration-trick .toggle-pass.hide-pass .rt-icon-eye-off{
    display: block;
}


/* Field error state (must beat .rt-login__form input:not([type="checkbox"]) specificity) */
.registration-trick .rt-login__form .rt-login__field--error input:not([type="checkbox"]){
    border-color: var(--rt-color-error) !important;
}


/* ============================================================
 * Content block (minimal typography for read-only biography)
 * ============================================================ */
.registration-trick .content--block > *:first-child{ margin-top: 0 !important; }
.registration-trick .content--block > *:last-child{ margin-bottom: 0 !important; }

.registration-trick .content--block h1, .registration-trick .content--block h2, .registration-trick .content--block h3, .registration-trick .content--block h4, .registration-trick .content--block h5, .registration-trick .content--block h6{
    margin-top: 48px;
    margin-bottom: 16px;
}

.registration-trick .content--block p{
    margin-bottom: 16px;
}

.registration-trick .content--block a{
    position: relative;
    display: inline-flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.registration-trick .content--block a::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 1.5px;
    background: currentColor;
}


/* Profile view labels (read-only mode uses .rt-profile .rt-profile__label instead of <label>) */
.registration-trick .rt-profile .rt-profile__field label, .registration-trick .rt-profile .rt-profile__field .rt-profile .rt-profile__label{
    display: flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: #314158;
}

/* Overrides requested for profile view typography */
.registration-trick .rt-profile .rt-profile__field .rt-profile .rt-profile__list{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* ============================================================
 * Profile card + edit layout overrides
 * ============================================================ */

.registration-trick .rt-profile .rt-profile__content{
    min-width: 0;
}

.registration-trick .rt-profile .rt-profile-card, .registration-trick .rt-profile .rt-profile__section{
    background: #ffffff;
    border: 1px solid #e3e8ef;
    border-radius: 24px;
}

.registration-trick .rt-profile .rt-profile-card{
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    padding: 32px;
}

.registration-trick .rt-profile .rt-profile-card__media{
    position: relative;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    overflow: hidden;
}

.registration-trick .rt-profile .rt-profile-card__avatar,
.registration-trick .rt-profile .rt-profile-card__media img{
    width: 100%;
    height: 100%;
}

.registration-trick .rt-profile .rt-profile-card__media img{
    display: block;
    object-fit: cover;
    border-radius: 50%;
}

.registration-trick .rt-profile .rt-profile-card__file-input{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.registration-trick .rt-profile .rt-profile-card__media-actions{
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: linear-gradient(180deg, rgba(22, 34, 65, 0.08) 0%, rgba(22, 34, 65, 0.82) 100%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.registration-trick .rt-profile .rt-profile-card__media:hover .rt-profile-card__media-actions,
.registration-trick .rt-profile .rt-profile-card__media:focus-within .rt-profile-card__media-actions{
    opacity: 1;
    visibility: visible;
}

.registration-trick .rt-profile .rt-profile-card__media-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-base);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
    width: 38px;
    height: 38px;
    border: 1px solid var(--color-primary-dark);
    border-radius: 100px;
    background: var(--color-primary-dark);
    cursor: pointer;
    transition: .3s ease;
}

.registration-trick .rt-profile .rt-profile-card__media-button:hover,
.registration-trick .rt-profile .rt-profile-card__media-button:focus-visible{
    border: 1px solid #fff;
    background: #fff;
}

.registration-trick .rt-profile .rt-profile-card__media-button svg{
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.registration-trick .rt-profile .rt-profile-card__media-button path{
    fill: #fff;
    transition: .3s ease;
}

.registration-trick .rt-profile .rt-profile-card__media-button:hover path,
.registration-trick .rt-profile .rt-profile-card__media-button:focus-visible path {
    fill: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-profile-card__body{
    min-width: 0;
}

.registration-trick .rt-profile .rt-profile-card__head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.registration-trick .rt-profile .rt-profile-card__heading, .registration-trick .rt-profile .rt-profile-card__actions{
    min-width: 0;
}

.registration-trick .rt-profile .rt-profile-card__title-row{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.registration-trick .rt-profile .rt-profile-card__title{
    font-family: "EBGaramond", sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.4px;
    color: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-profile-card__flag{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39.6px;
    height: 30px;
    box-shadow: 0 0 24px 0 #919EAB3D;
}

.registration-trick .rt-profile .rt-profile-card__bio{
    margin-top: 16px;
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 26px;
    color: #6A7282;
}

.registration-trick .rt-profile .rt-profile-card__meta{
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin-top: 16px;
}

.registration-trick .rt-profile .rt-profile-card__meta-item{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 20px;
}

.registration-trick .rt-profile .rt-profile-card__meta-item svg{
    width: 16px;
    height: 16px;
    object-fit: cover;
}

.registration-trick .rt-profile .rt-profile-card__meta-item svg path{
    stroke: #697586;
}

.registration-trick .rt-profile .rt-profile-card__meta-item span{
    color: #697586;
}

.registration-trick .rt-profile .rt-profile__view, .registration-trick .rt-profile .rt-profile__form{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.registration-trick .rt-profile .rt-profile__section{
    padding: 32px;
    border: none;
}

.registration-trick .rt-profile .rt-profile__section--essay {
    padding: 0;
}

.registration-trick .rt-profile .rt-profile__section-header{
    margin-bottom: 28px;
}

.registration-trick .rt-profile .rt-profile__section-title{
    font-family: var(--font-family-base);
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 20px !important;
}

.registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__field--full{
    grid-column: 1 / -1;
}

.registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields{
    display: grid !important;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 20px !important;
}

.registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field{
    grid-column: span 1;
}

.registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-textarea, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-wysiwyg, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-repeater, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-image, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-gallery, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-file, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-checkbox, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-radio, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-message, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-accordion, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields > .acf-field.acf-field-tab, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-textarea, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-wysiwyg, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-repeater, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-image, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-gallery, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-file, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-checkbox, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-radio, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-message, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-accordion, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields > .acf-field.acf-field-tab{
    grid-column: 1 / -1;
}

.registration-trick .rt-profile .rt-profile__section .acf-field label, .registration-trick .rt-profile .rt-profile__section .acf-field .acf-label label{
    margin-bottom: 8px !important;
    font-family: var(--font-family-base);
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #344054 !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-true-false, .registration-trick .rt-profile .rt-profile__section .acf-checkbox-list, .registration-trick .rt-profile .rt-profile__section .acf-radio-list{
    margin-top: 4px;
}

.registration-trick .rt-profile .rt-profile__section .acf-true-false label, .registration-trick .rt-profile .rt-profile__section .acf-checkbox-list label, .registration-trick .rt-profile .rt-profile__section .acf-radio-list label{
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    font-size: 14px !important;
    color: #697586 !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-image-uploader .acf-button {
    font-weight: 500 !important;
    font-size: 13px !important;;
    line-height: 20px !important;
    color: var(--color-primary-dark) !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-image-uploader .acf-button:before {
    content: '+';
    margin-right: 4px !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-field .acf-input{
    min-width: 0;
}

.registration-trick .rt-profile .rt-profile__section .acf-field .acf-input .wp-editor-tools,
.registration-trick .rt-profile .rt-profile__section .rt-profile__field .wp-editor-tools {
    display: none;
}

.registration-trick .rt-profile .rt-profile__section .acf-field textarea{
    min-height: 120px !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-field-repeater[data-name="author_languages"] .acf-fields {
    display: grid !important;
    grid-template-columns: auto 195px;
}

.registration-trick .rt-profile .rt-profile__section .acf-field-repeater[data-name="author_academic_background"] .acf-fields {
    display: grid !important;
    grid-template-areas: 'a a' 'b c' 'd d' !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-field-repeater[data-name="author_academic_background"] .acf-fields .acf-field:nth-of-type(1) {
    grid-area: a !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-field-repeater[data-name="author_academic_background"] .acf-fields .acf-field:nth-of-type(2) {
    grid-area: b !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-field-repeater[data-name="author_academic_background"] .acf-fields .acf-field:nth-of-type(3) {
    grid-area: c !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-field-repeater[data-name="author_academic_background"] .acf-fields .acf-field:nth-of-type(4) {
    grid-area: d !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-row-handle.order {
    display: none !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-row-handle.remove {
    background: none !important;
    border: none !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-row-handle .acf-icon {
    display: block !important;
    margin: -10px 0 0 !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-row-handle .acf-icon[data-event="duplicate-row"],
.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-row-handle .acf-icon[data-event="add-row"] {
    display: none !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-label{
    display: none !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater  .acf-table {
    display: table !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-fields {
    grid-gap: 12px !important;
    border: none !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-fields:nth-last-child(0) {
    max-width: 195px !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-fields:after {
    display: none !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-field {
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-actions {
    position: absolute !important;
    top: -20px !important;
    right: 0 !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-button {
    font-weight: 500 !important;
    font-size: 13px !important;;
    line-height: 20px !important;
    color: var(--color-primary-dark) !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
}

.registration-trick .rt-profile .rt-profile__section .acf-repeater .acf-button:before {
    content: '+';
    margin-right: 4px !important;
}

@media (max-width: 1199px){
    .registration-trick .rt-profile .rt-profile-card__title{
        font-size: 44px;
    }
}

@media (max-width: 991px){
    .registration-trick .rt-profile .rt-profile-card{
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .registration-trick .rt-profile .rt-profile-card__media{
        width: 96px;
        height: 96px;
    }

    .registration-trick .rt-profile .rt-profile-card__media-actions{
        opacity: 1;
        visibility: visible;
        padding: 10px;
        gap: 6px;
    }

    .registration-trick .rt-profile .rt-profile-card__head{
        flex-direction: column;
    }

    .registration-trick .rt-profile .rt-profile-card__actions{
        width: 100%;
    }

    .registration-trick .rt-profile .rt-profile-card__actions .rt-profile .rt-profile-card__button{
        width: 100%;
    }

    .registration-trick .rt-profile .rt-profile-card__title{
        font-size: 38px;
    }

    .registration-trick .rt-profile .rt-profile__section{
        padding: 24px;
    }

    .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-form-fields, .registration-trick .rt-profile .rt-profile__section .rt-profile .rt-profile__grid > .acf-fields{
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767px){
    .registration-trick .rt-profile .rt-profile-card__title{
        font-size: 32px;
    }

    .registration-trick .rt-profile .rt-profile-card__meta{
        flex-direction: column;
        gap: 12px;
    }

    .registration-trick .rt-profile .rt-profile__section-title{
        font-size: 26px;
    }
}

.registration-trick .rt-profile .button{
    --webkit-appearence: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 130px;
    height: 38px;
    padding: 7px 12px;
    transition: .3s ease;
    border: none;
    border-radius: 100px;
}

.registration-trick .rt-profile .button svg path, .registration-trick .rt-profile .button span{
    transition: .3s ease;
}

.registration-trick .rt-profile .button.primary-button{
    color: #fff;
    background: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark);
}

.registration-trick .rt-profile .button.primary-button:hover{
    color: var(--color-primary-dark);
    background: #fff;
    border: 1px solid var(--color-primary-dark);
}

.registration-trick .rt-profile .button.button-sm{
    width: 145px;
    height: 52px;
}

.registration-trick .rt-profile .button.button-md{
    width: 156px;
    height: 38px;
}

.registration-trick .rt-profile .button.button-xl{
    width: 100%;
    height: 38px;
}

.registration-trick .rt-profile .button.button-edit{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 130px;
    height: 38px;
    background: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark);
}

.registration-trick .rt-profile .button.button-edit:hover{
    color: var(--color-primary-dark);
    background: #fff;
    border: 1px solid #E8E8E8FC
}

.registration-trick .rt-profile .button.button-edit:hover span{
    color: var(--color-primary-dark);
}

.registration-trick .rt-profile .button.button-edit:hover svg path{
    fill: var(--color-primary-dark);
}

.registration-trick .rt-profile .button.button-edit svg{
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.registration-trick .rt-profile .button.button-edit span{
    display: block;
    font-weight: 700;
    color: #fff;
    margin: 0 auto;
}

.registration-trick .rt-profile .button.button-change-pass{
    width: 156px;
    height: 36px;
    color: var(--color-primary-dark);
    padding: 2px 8px;
    background: #fff;
    border: 1px solid #E8E8E8FC
}

.registration-trick .rt-profile .button.button-change-pass:hover{
    color: #fff;
    background: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark)
}


/*.registration-trick .rt-profile .acf-button, .registration-trick .rt-profile .rt-profile__grid .acf-image-uploader .acf-button{*/
/*    -webkit-appearance: none;*/
/*    appearance: none;*/
/*    position: relative;*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    box-sizing: border-box;*/
/*    font-family: var(--font-family-base);*/
/*    font-weight: 500;*/
/*    font-size: 18px;*/
/*    line-height: 1.5;*/
/*    color: var(--color-space-convoy);*/
/*    text-align: center;*/
/*    height: 48px;*/
/*    padding: 10.5px 20px;*/
/*    margin: 0 auto;*/
/*    border: 1px solid var(--color-space-convoy);*/
/*    border-radius: 100px;*/
/*    background: transparent;*/
/*    box-shadow: none;*/
/*    transition: var(--default-transition);*/
/*    cursor: pointer;*/
/*}*/

/* Hover state for ACF buttons */
/*.registration-trick .rt-profile .rt-profile__grid .acf-actions .acf-button:hover, .registration-trick .rt-profile .rt-profile__grid .acf-image-uploader .acf-button:hover{*/
/*    color: var(--color-white);*/
/*    background: var(--color-primary-dark);*/
/*    border: 1px solid var(--color-primary-dark);*/
/*}*/





/* ============================================================
 * Profile dashboard panels – titles, search, ajax loading
 * ============================================================ */

.registration-trick .rt-profile .rt-profile-panel__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.registration-trick .rt-profile .rt-profile-panel__title{
    margin: 0;
    font-family: var(--font-family-base);
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-profile-panel__search{
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 40px;
    padding: 0 24px;
    border: 1px solid #e3e8ef;
    border-radius: 100px;
    box-shadow: none;
}

.registration-trick .rt-profile .rt-profile-panel__search svg {
    width: 20px;
    height: 21px;
    object-fit: cover;
}

.registration-trick .rt-profile .rt-profile-panel__search svg path {
    fill: #9CA3AF;
}

.registration-trick .rt-profile .rt-profile-panel__search input{
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-primary-dark);
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
}

.registration-trick .rt-profile rt-profile-panel__search input::placeholder{
    color: #9CA3AF;
}

.registration-trick .rt-profile rt-profile-panel__search input:focus{
    outline: none;
}

.registration-trick .rt-profile .rt-profile-panel__results{
    position: relative;
    min-height: 40px;
}

.registration-trick .rt-profile .rt-profile-panel.is-loading .rt-profile-panel__results{
    opacity: 0.6;
    pointer-events: none;
}

.registration-trick .rt-profile .rt-profile-panel .rt-profile-cards__pagination{
    margin-top: 24px;
}

.registration-trick .rt-profile .rt-profile-panel .rt-profile__bottom{
    margin-top: 24px;
}

@media (max-width: 991px){
    .registration-trick .rt-profile .rt-profile-panel{
        padding: 24px;
    }
}

@media (max-width: 767px){
    .registration-trick .rt-profile .rt-profile-panel__header{
        align-items: stretch;
    }

    .registration-trick .rt-profile .rt-profile-panel__search{
        width: 100%;
    }

    .registration-trick .rt-profile .rt-profile-panel__title{
        font-size: 26px;
    }
}

.registration-trick .rt-profile .rt-profile-panel__header{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
    margin-bottom: 24px;
}

.registration-trick .rt-profile .rt-profile-panel__main-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    flex-wrap: wrap;
}

.registration-trick .rt-profile .rt-profile-panel__actions{
    display: flex;
    align-items: center;
    gap: 12px;
}

.registration-trick .rt-profile .rt-profile-panel__controls{
    display: flex;
    align-items: center;
    gap: 16px;
}

.registration-trick .rt-profile .rt-profile-panel__controls.has-filters{
    justify-content: space-between;
}

.registration-trick .rt-profile .rt-profile-panel--my-favourites .rt-profile-panel__search,
.registration-trick .rt-profile .rt-profile-panel--my-courses .rt-profile-panel__search{
    width: 100%;
    max-width: none;
}

.registration-trick .rt-profile .rt-profile-panel--my-essays .rt-profile-panel__search{
    flex: 1 1 320px;
    min-width: 240px;
}

.registration-trick .rt-profile .rt-profile-panel__filters{
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 100px;
}

.registration-trick .rt-profile .rt-profile-panel__filter{
    appearance: none;
    background: #ffffff;
    color: var(--color-primary-dark);
    border: 1px solid #fff;
    border-radius: 100px;
    height: 40px;
    width: 100px;
    padding: 7px 12px;
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.2s ease;
}

.registration-trick .rt-profile .rt-profile-panel__filter.is-active{
    border-color: var(--color-primary-dark);
    background: var(--color-primary-dark);
    color: #ffffff;
}

.registration-trick .rt-profile .rt-profile-panel .rt-essays-submit-btn{
    margin: 0;
}

@media (max-width: 767px){
    .registration-trick .rt-profile .rt-profile-panel__main-row{
        align-items: stretch;
    }

    .registration-trick .rt-profile .rt-profile-panel__actions{
        width: 100%;
    }

    .registration-trick .rt-profile .rt-profile-panel__actions > *{
        width: 100%;
    }

    .registration-trick .rt-profile .rt-profile-panel__controls,
    .registration-trick .rt-profile .rt-profile-panel__controls.has-filters{
        flex-direction: column;
        align-items: stretch;
    }

    .registration-trick .rt-profile .rt-profile-panel__search,
    .registration-trick .rt-profile .rt-profile-panel--my-essays .rt-profile-panel__search{
        width: 100%;
        min-width: 0;
    }

    .registration-trick .rt-profile .rt-profile-panel__filters{
        width: 100%;
    }

    .registration-trick .rt-profile .rt-profile-panel__filter{
        flex: 1 1 calc(33.333% - 6px);
        justify-content: center;
        text-align: center;
    }
}


/* ============================================================
 * Account settings
 * ============================================================ */

.registration-trick .rt-profile .rt-profile-panel--account-settings{
    background: transparent;
    border: 0;
    padding: 0;
}

.registration-trick .rt-profile .rt-profile-panel--account-settings .rt-profile-panel__header{
    margin-bottom: 24px;
}

.registration-trick .rt-profile .rt-account-settings{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.registration-trick .rt-profile .rt-account-settings__group{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.registration-trick .rt-profile .rt-account-settings__group-title{
    margin: 0;
    font-family: var(--font-family-base);
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-account-settings__card{
    background: #ffffff;
    border: 1px solid #edf0f5;
    border-radius: 24px;
    padding: 20px 24px;
}

.registration-trick .rt-profile .rt-account-settings__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    flex-wrap: wrap;
}

.registration-trick .rt-profile .rt-account-settings__copy{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.registration-trick .rt-profile .rt-account-settings__title{
    margin: 0;
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-account-settings__text{
    margin: 0;
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 22px;
    color: #98a2b3;
}

.registration-trick .rt-profile .rt-account-settings__action{
    margin-left: auto;
}

.registration-trick .rt-profile .rt-account-settings__divider{
    height: 1px;
    margin: 24px 0;
    background: #edf0f5;
}

.registration-trick .rt-profile .rt-account-settings__password-box{
    display: none;
    padding-top: 24px;
}

.registration-trick .rt-profile .rt-account-settings__password-box.is-open{
    display: block;
}

.registration-trick .rt-profile .rt-account-settings__password-form .rt-profile__grid{
    gap: 16px;
}

.registration-trick .rt-profile .rt-account-settings__password-form .rt-profile__field{
    margin-bottom: 0;
}

.registration-trick .rt-profile .rt-account-settings__switch{
    position: relative;
    display: inline-flex;
    width: 46px;
    height: 26px;
    align-items: center;
    cursor: pointer;
}

.registration-trick .rt-profile .rt-account-settings__switch input{
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.registration-trick .rt-profile .rt-account-settings__switch-slider{
    position: relative;
    display: block;
    width: 46px;
    height: 26px;
    border-radius: 999px;
    background: #d0d5dd;
    transition: background 0.2s ease;
}

.registration-trick .rt-profile .rt-account-settings__switch-slider::after{
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.16);
    transition: transform 0.2s ease;
}

.registration-trick .rt-profile .rt-account-settings__switch input:checked + .rt-account-settings__switch-slider{
    background: var(--color-primary-dark);
}

.registration-trick .rt-profile .rt-account-settings__switch input:checked + .rt-account-settings__switch-slider::after{
    transform: translateX(20px);
}

.registration-trick .rt-profile .rt-account-settings__danger{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    flex-wrap: wrap;
    background: #fff5f5;
    border: 1px solid #f4cccc;
    border-radius: 24px;
    padding: 24px;
}

.registration-trick .rt-profile .rt-account-settings__danger-copy{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.registration-trick .rt-profile .rt-account-settings__danger-title{
    margin: 0;
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #b42318;
}

.registration-trick .rt-profile .rt-account-settings__danger-text{
    margin: 0;
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 22px;
    color: #d92d20;
}

.registration-trick .rt-profile .rt-account-settings__danger-action{
    margin-left: auto;
}

.registration-trick .rt-profile .rt-account-settings__danger-button{
    --webkit-appearence: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 156px;
    height: 36px;
    padding: 2px 8px;
    transition: .3s ease;
    border-radius: 100px;
    color: #82181A;
    background: #fff;
    border: 1px solid #E8E8E8FC
}

.registration-trick .rt-profile .rt-account-settings__danger-button:hover{
    color: #fff;
    background: #82181A;
    border: 1px solid #82181A;
}

@media (max-width: 767px){
    .registration-trick .rt-profile .rt-account-settings__card,
    .registration-trick .rt-profile .rt-account-settings__danger{
        padding: 20px;
    }

    .registration-trick .rt-profile .rt-account-settings__row,
    .registration-trick .rt-profile .rt-account-settings__danger{
        align-items: stretch;
    }

    .registration-trick .rt-profile .rt-account-settings__action,
    .registration-trick .rt-profile .rt-account-settings__danger-action{
        width: 100%;
        margin-left: 0;
    }

    .registration-trick .rt-profile .rt-account-settings__button,
    .registration-trick .rt-profile .rt-account-settings__danger-button{
        width: 100%;
    }
}


.registration-trick .rt-profile .rt-profile__image-form{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.registration-trick .rt-profile .button.rt-profile-card__button--save-inline{
    display: none;
}

.registration-trick .rt-profile .rt-profile-card.is-image-dirty .rt-profile-card__button--save-inline{
    display: inline-flex;
}

.registration-trick .rt-profile .rt-profile-card.is-image-dirty .rt-profile-card__button--edit-link{
    display: none;
}