/* Guidance note above the Persian fields of the Add/Edit Listing form: one compact line group, plain (0.3.5: no coloured side stripe, no tint). */
.gdtp-frontend-info {
    margin: 0 0 1rem;
    padding: .6rem .85rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: .375rem;
    background: rgba(0, 0, 0, .025);
    font-size: .85rem;
    line-height: 1.55;
}

.gdtp-frontend-info strong {
    margin-inline-end: .3em;
    font-weight: 600;
}

.gdtp-frontend-info p {
    display: inline;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    opacity: .85;
}

.gdtp-frontend-persian-field {
    margin-top: .65rem;
    margin-bottom: 1.25rem;
}

.gdtp-persian-control > label,
.gdtp-slug-field > label {
    display: block;
    margin-bottom: .35rem;
    font-weight: 600;
}

.gdtp-rtl-input {
    width: 100%;
    direction: rtl;
    text-align: right;
}

.gdtp-slug-panel {
    margin: .2rem 0 1.35rem;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: .6rem;
    background: rgba(0, 0, 0, .018);
}

.gdtp-slug-panel legend {
    padding: 0 .4rem;
    font-weight: 700;
}

.gdtp-slug-field {
    margin: 0;
}

.gdtp-slug-field input {
    width: 100%;
}

.gdtp-slug-field small,
.gdtp-slug-note {
    display: block;
    margin-top: .3rem;
    font-size: .86em;
    line-height: 1.45;
    opacity: .72;
}

.gdtp-slug-note {
    margin-bottom: 1rem;
}

/*
 * Left-to-right fields on Persian pages (0.3.5): the fields get dir="ltr", but the page's
 * right-to-left stylesheets still place Select2's clear button on the left, over the text.
 * Put it where it is on English pages (before the arrow).
 */
html[dir="rtl"] #geodirectory-add-post .select2-container[dir="ltr"] .select2-selection__clear {
    left: auto;
    right: 2.5rem;
}