/*Page Speed*/
#seopress-page-speed-results {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}

#seopress-tabs.wrap #seopress-page-speed-results ul {
    max-width: inherit;
}

#seopress-tabs.wrap #seopress-page-speed-results ul.screens {
    display: grid;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: repeat(auto-fit, 60px);
}

#tab_seopress_ps .wrap-chart,
.seopress-option .wrap-seopress-score .wrap-chart {
    text-align: center;
    margin: 0 0 1rem 0;
}

#tab_seopress_ps .wrap-chart .chart,
.seopress-option .wrap-seopress-score .wrap-chart .chart {
    display: inline-block;
    position: relative;
}

#tab_seopress_ps .wrap-chart .chart span,
.seopress-option .wrap-seopress-score .wrap-chart .chart span {
    position: absolute;
    left: 0;
    font-size: 20px;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 100%;
    line-height: 100px;
}

#tab_seopress_ps .wrap-chart .chart span,
.seopress-option .wrap-seopress-score .wrap-info span {
    font-weight: bold;
}

.seopress-option .wrap-seopress-score .clearfix {
    clear: both;
}

.seopress-option .wrap-seopress-score .your-screenshot {
    text-align: center;
}

.seopress-option .wrap-scale {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    justify-content: center;
}

.seopress-option .wrap-scale span {
    margin-right: 10px;
}

.seopress-cwv {
    border-bottom: 1px solid #f1f1f2;
    display: flex;
    padding-bottom: 30px;
    justify-content: center;
    align-items: center;
}

#tab_seopress_ps .seopress-cwv {
    padding: 20px 0;
}

.seopress-cwv img {
    margin-right: 10px;
}

#tab_seopress_ps .wrap-chart {
    margin-right: 20px;
}

.seopress-option .seopress-option .wrap-speed-SLOW .ps-desc span,
.seopress-option .wrap-speed-SLOW .metric-value,
.seopress-cwv .red,
.site-audit-target-keyword-missing {
    color: var(--colorAlert);
}

.seopress-option .wrap-speed-FAST .ps-desc span,
.seopress-option .wrap-speed-FAST .metric-value,
.seopress-cwv .green {
    color: var(--colorSuccess);
}

.seopress-option .metric-desc {
    font-weight: 700;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.seopress-option .metric-value {
    font-weight: normal;
}

.seopress-option .wrap-dist {
    display: flex;
}

.seopress-option .wrap-dist .ps-fast {
    display: inline-block;
    color: #fff;
    padding: 5px;
    text-align: center;
    line-height: 10px;
    font-size: 11px;
    margin-top: 10px;
}

.seopress-option .wrap-dist .ps-fast:first-child {
    background: var(--colorSuccess);
    border-radius: 4px 0 0 4px;
}

.seopress-option .wrap-dist .ps-fast:nth-child(2) {
    background: var(--colorWarning);
    color: #000;
}

.seopress-option .wrap-dist .ps-fast:last-child {
    background: var(--colorAlert);
    border-radius: 0 4px 4px 0;
}

.seopress-option .lab-data ul.screens {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.seopress-option .lab-data ul.screens li {
    display: block;
    margin: 20px 10px 0 0;
}

.seopress-option .lab-data ul.screens span {
    display: block;
    margin: 10px 0 0 0;
}

.seopress-option .lab-data {
    border-bottom: 1px solid var(--borderColorLight40);
    padding-bottom: 20px;
}

.seopress-option .lab-data img {
    border: 1px solid var(--borderColorLight);
    max-height: 100px;
    max-width: 60px;
}

#seopress-page-speed-results .ps-audit .ps-audit-desc {
    display: none;
    padding: 0 35px;
    height: fit-content !important;
}

#seopress-page-speed-results .ps-audit.is-open * {
    display: block;
}

#seopress-page-speed-results .ps-audit-title {
    border-bottom: 1px solid var(--borderColorLight40);
    padding: 10px 30px 10px 10px;
    margin: 0;
    position: relative;
}

#seopress-page-speed-results .ps-audit-title:hover {
    cursor: pointer;
    background: var(--backgroundSecondaryHover);
}

#seopress-page-speed-results .ps-audit .ps-audit-title:first-child {
    border-top: 1px solid var(--borderColorLight40);
}

#seopress-page-speed-results .ps-audit-title::after {
    content: "\f347";
    position: absolute;
    font-family: "Dashicons";
    right: 10px;
    top: 10px;
}

/*Rich Snippets/Data Structure Type*/
#seopress_pro_cpt .cf,
#seopress_pro_cpt .tax,
#seopress_pro_cpt .lb,
#seopress_pro_cpt .manual_time_global,
#seopress_pro_cpt .manual_rating_global {
    margin: 0 0 0 10px;
    position: relative;
    top: -5px;
}

#seopress_pro_cpt .dyn {
    margin: 0 0 10px 0;
}

#seopress_pro_cpt .schema_type {
    font-weight: bold;
    text-transform: uppercase;
    width: calc(100% - 2px);
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
    position: relative;
    left: -12px;
    background: #f3f4f5;
}

#seopress_pro_cpt .schema_type span.label {
    font-weight: normal;
    text-transform: none;
    font-style: italic;
}

#seopress_pro_cpt .schema_type span.edit {
    text-transform: none;
    float: right;
    font-weight: normal;
}

#seopress_pro_cpt .schema-steps {
    border-bottom: 1px solid var(--backgroundSecondaryHover);
    margin: 0px -12px 12px -12px;
    padding: 0 12px 12px;
    display: inline-block;
    width: 100%;
}

#seopress_pro_cpt label {
    display: block;
    margin: 10px 0 5px;
    font-weight: bold;
}

#seopress-schemas-tabs-2 label {
    font-weight: normal;
}

#seopress_content_analysis .inside,
#seopress_pro_cpt .inside {
    padding: 0;
    margin: 0;
}

#seopress_pro_cpt #wrap-faq .faq,
#seopress_pro_cpt #wrap-how-to .step {
    background-color: #fff;
}

#seopress_pro_cpt #wrap-faq .faq .inside,
#seopress_pro_cpt #wrap-how-to .step .inside {
    padding: 0 12px 12px;
}

#seopress_pro_cpt #wrap-offers .accordion-section-content,
#seopress_pro_cpt #wrap-instances .accordion-section-content {
    padding: 0 12px 12px;
}

#seopress_schemas .inside {
    width: calc(100% - 12px);
}

#seopress_schemas #seopress_pro_cpt input[type="text"],
#seopress_schemas #seopress_pro_cpt input[type="textarea"] {
    width: 300px;
    position: relative;
    top: -5px;
    left: 10px;
    margin-right: 15px;
}

#seopress_pro_cpt #seopress-your-schema .wrap-rich-snippets-rules input[type="text"] {
    left: inherit;
    top: inherit;
    margin-right: 0;
}

#seopress-schemas-tabs {
    padding-left: 20%;
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: var(--fontFamily);
    border-radius: 0;
    border: none;
    margin: 0;
    min-height: 150px;
    font-size: 1em;
    background: none;
    padding-right: 14px;
}

#seopress-schemas-tabs .box-schema-item {
    padding: 0 12px;
}

#seopress-schemas-tabs .js-handle-snippet-type {
    margin: 10px 10px 0 0;
    padding: 5px;
    background: none;
    border: none;
}

#seopress-schemas-tabs .js-handle-snippet-type .toggle-indicator::before {
    content: "\f343";
}

#seopress-schemas-tabs .js-handle-snippet-type.closed .toggle-indicator::before {
    content: "\f347";
}

#seopress-schemas-tabs .js-handle-snippet-type:hover {
    cursor: pointer;
}

#seopress_pro_cpt,
#seopress_pro_cpt input[type="text"],
#seopress_pro_cpt textarea {
    width: 100%;
}

#seopress_pro_cpt select {
    width: 300px;
}

#seopress_pro_cpt .seopress-schema-type-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    display: grid;
    gap: 1rem;
    margin: 1rem 0;
}
#seopress_pro_cpt .seopress-schema-card {
    display: flex;
    text-decoration: none;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--borderColor);
    gap: 1rem;
    border-radius: 4px;
    padding: 1rem;
    margin: 0;
}
#seopress_pro_cpt .seopress-schema-card.selected,
#seopress_pro_cpt .seopress-schema-card:hover {
    border-color: var(--sp-wp-default-color);
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    cursor: pointer;
}
#seopress_pro_cpt .seopress-schema-card input[type="radio"] {
    display: none;
}
#seopress_pro_cpt .seopress-schema-card .dashicons {
    font-size: 32px;
    margin-bottom: 8px;
    color: var(--sp-wp-default-color);
    display: block;
}
#seopress_pro_cpt .seopress-schema-card .schema-content {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-weight: normal;
}
#seopress_pro_cpt .schema-title {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}
#seopress_pro_cpt .schema-desc {
    display: block;
    font-size: 12px;
    color: #666;
}

#seopress_pro_cpt #wrap-faq .faq:nth-child(odd),
#seopress_pro_cpt #wrap-how-to .step:nth-child(odd),
#seopress_pro_cpt #wrap-instances .instance:nth-child(odd),
#seopress_pro_cpt #wrap-offers .offer:nth-child(odd),
#seopress_pro_cpt #wrap-positive-notes .positive_notes:nth-child(odd),
#seopress_pro_cpt #wrap-negative-notes .negative_notes:nth-child(odd) {
    background: var(--backgroundSecondaryHover);
}

#seopress_pro_cpt #wrap-faq .faq,
#seopress_pro_cpt #wrap-how-to .step {
    border-top: 1px solid var(--borderColorLight);
}

#seopress_pro_cpt #wrap-faq .faq .accordion-section-title,
#seopress_pro_cpt #wrap-how-to .step .accordion-section-title,
#seopress_pro_cpt #wrap-offers .accordion-section-title,
#seopress_pro_cpt #wrap-instances .accordion-section-title,
#seopress_pro_cpt #wrap-positive-notes .accordion-section-title,
#seopress_pro_cpt #wrap-negative-notes .accordion-section-title {
    border: none;
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    padding: 15px 30px;
}

#seopress_pro_cpt .seopress-ui-accordion-content {
    border:none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    border-top: 1px solid var(--borderColorLight);
    border-bottom: 1px solid var(--borderColorLight);
}

#seopress_pro_cpt .wrap-rich-snippets-faq,
#seopress_pro_cpt .wrap-rich-snippets-how-to {
    counter-reset: faq;
}

#seopress_pro_cpt #wrap-faq .faq .accordion-section-title::before,
#seopress_pro_cpt #wrap-how-to .step .accordion-section-title::before,
#seopress_pro_cpt #wrap-offers .accordion-section-title::before,
#seopress_pro_cpt #wrap-instances .accordion-section-title::before,
#seopress_pro_cpt #wrap-positive-notes .positive_notes .accordion-section-title::before,
#seopress_pro_cpt #wrap-negative-notes .negative_notes .accordion-section-title::before {
    counter-increment: faq;
    content: "#" counter(faq) " - ";
    left: 10px;
    top: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    float: left;
}

#seopress_pro_cpt #wrap-faq .faq .accordion-section-title::after,
#seopress_pro_cpt #wrap-how-to .step .accordion-section-title::after,
#seopress_pro_cpt #wrap-offers .accordion-section-title::after,
#seopress_pro_cpt #wrap-instances .accordion-section-title::after,
#seopress_pro_cpt #wrap-positive-notes .positive_notes .accordion-section-title::after,
#seopress_pro_cpt #wrap-negative-notes .negative_notes .accordion-section-title::after,
#seopress_pro_cpt #wrap-faq .faq .ui-accordion-header::after,
#seopress_pro_cpt #wrap-how-to .step .ui-accordion-header::after,
#seopress_pro_cpt #wrap-offers .ui-accordion-header::after,
#seopress_pro_cpt #wrap-instances .ui-accordion-header::after,
#seopress_pro_cpt #wrap-positive-notes .ui-accordion-header::after,
#seopress_pro_cpt #wrap-negative-notes .ui-accordion-header::after {
    content: "\f343"; /* down arrow */
    font-family: "Dashicons";
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

#seopress_pro_cpt #wrap-faq .faq .ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-how-to .step .ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-offers .ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-instances .ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-positive-notes .positive_notes .ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-negative-notes .negative_notes .ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-faq .faq .seopress-ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-how-to .step .seopress-ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-offers .seopress-ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-instances .seopress-ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-positive-notes .positive_notes .seopress-ui-accordion-header-active::after,
#seopress_pro_cpt #wrap-negative-notes .negative_notes .seopress-ui-accordion-header-active::after {
    content: "\f347"; /* up arrow */
    font-family: "Dashicons";
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
}

#seopress_pro_cpt #wrap-positive-notes .ui-accordion-content,
#seopress_pro_cpt #wrap-negative-notes .ui-accordion-content {
    padding: 0 12px 12px;
}

#seopress_pro_cpt #wrap-faq .faq input,
#seopress_pro_cpt #wrap-how-to .step input,
#seopress_pro_cpt #wrap-faq .faq textarea,
#seopress_pro_cpt #wrap-how-to .step textarea {
    width: 100%;
    display: block;
}

#seopress_pro_cpt .notice {
    margin-left: 0;
    margin-right: 0;
}

#seopress_pro_rich_snippets_type {
    margin: 0 0 10px 0;
}

.seopress-list li,
#seopress_pro_cpt .box-left li {
    position: relative;
    margin: 0 0 15px 0;
    vertical-align: middle;
}

.seopress-list li::before {
    font-family: "Dashicons";
    content: "\f147";
    left: -20px;
    position: absolute;
}

#seopress_pro_cpt ul.wrap-opening-hours,
#seopress_pro_cpt ul.wrap-opening-hours ul {
    background: none;
    padding: 0;
    border: none;
}

#seopress_pro_cpt ul.wrap-opening-hours>li {
    padding: 0 20px 10px;
    margin: 0 0 0 -12px;
    width: calc(100% + 24px);
}

#seopress_pro_cpt ul.wrap-opening-hours>li:nth-child(even) {
    background: var(--backgroundSecondaryHover);
    border-bottom: 1px solid var(--borderColorLight);
    border-top: 1px solid var(--borderColorLight);
}

#seopress_pro_cpt ul.wrap-opening-hours li::before {
    content: none;
}

#seopress_pro_cpt ul.wrap-opening-hours li li {
    margin: 5px 0;
    display: inline-block;
    width: 100%;
}

#seopress_pro_cpt ul.wrap-opening-hours label {
    min-width: 250px;
    margin: 0;
    font-weight: normal;
    display: inline-block;
    width: auto;
    vertical-align: top;
}

#seopress_pro_cpt ul.wrap-opening-hours select {
    width: auto;
}

#seopress_pro_cpt ul.wrap-opening-hours span {
    font-weight: bold;
    margin: 10px 0;
    width: 100%;
}

#seopress_pro_cpt .sublist {
    border: none;
    background: inherit;
    padding: 0;
}

#seopress_pro_cpt .sublist li::before,
#seopress_pro_cpt .advice li::before {
    content: none;
}

#seopress_pro_cpt .dashicons-no {
    color: var(--colorAlert);
}

#seopress_pro_cpt .dashicons-plus-alt {
    color: var(--colorSuccess);
    line-height: 1.5;
    opacity: 1;
    transition: all 300ms linear;
}

#seopress_pro_cpt .dashicons-plus-alt:hover {
    opacity: 0.85;
    cursor: pointer;
}

#seopress-your-schema .seopress_pro_rich_snippets_rules_and,
#seopress-your-schema .seopress_pro_rich_snippets_rules_del {
    color: var(--colorSuccess);
    line-height: 1;
    opacity: 1;
    transition: all 300ms linear;
    vertical-align: middle;
}

#seopress-your-schema .seopress_pro_rich_snippets_rules_and:hover,
#seopress-your-schema .seopress_pro_rich_snippets_rules_del:hover {
    opacity: 0.85;
    cursor: pointer;
}

#seopress-your-schema .seopress_pro_rich_snippets_rules_del {
    font-size: 18px;
}

#seopress_pro_cpt select.small-text {
    width: 150px;
}

#seopress_pro_cpt .advice {
    display: block;
}

#sp-automatic-tab span:not(:empty) {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin: 1px 0 -1px 5px;
    padding: 0 5px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: var(--colorAlert);
    color: #fff;
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
    z-index: 26;
    font-weight: bold;
}

.seopress_bot_404,
.seopress_bot_403,
.seopress_bot_402,
.seopress_bot_401,
.seopress_bot_400 {
    color: var(--colorAlert);
}

.seopress_bot_200,
.seopress_redirection_301 {
    color: var(--colorSuccess);
    background: rgb(74 184 102 / 10%);
}

.seopress_redirection_302,
.seopress_redirection_307 {
    color: var(--wp-admin-theme-color);
    background: rgb(0 124 186 / 10%);
}

.seopress_redirection_410,
.seopress_redirection_451 {
    color: var(--colorWarning);
    background: rgb(255 186 0 / 10%);
}

.seopress_redirection_default {
    color: var(--colorAlert);
    background: rgb(170 0 0 / 10%);
}

.seopress_bot_status>*,
.seopress_redirection_status {
    white-space: nowrap;
    padding: 4px 8px;
    border-radius: 4px;
}

.seopress_redirection_status {
    position: relative;
    cursor: help;
}

.wrap-toggle-checkboxes {
    position: inherit;
    margin: 0 0 14px 0;
    display: block;
}

/*Date Picker Default Styles*/
.seopress-ui-datepicker {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid var(--borderColorLight);
    border-top: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
    min-width: 17em;
    width: auto !important;
    z-index: 1000 !important;
}

body.wp-admin:not(.rtl) .seopress-ui-datepicker {
    margin-left: -1px;
}

body.wp-admin.rtl .seopress-ui-datepicker {
    margin-right: -1px;
}

.seopress-ui-datepicker * {
    padding: 0;
    font-family: var(--fontFamily);
    border-radius: 0;
}

.seopress-ui-datepicker table {
    font-size: --var(--fontSize);
    margin: 0;
    border: none;
    border-collapse: collapse;
}

.seopress-ui-datepicker .ui-widget-header,
.seopress-ui-datepicker .ui-datepicker-header {
    background-image: none;
    border: none;
    color: var(--wp-admin-theme-color);
    font-weight: normal;
}

.seopress-ui-datepicker .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
}

.seopress-ui-datepicker .ui-datepicker-title {
    margin: 0;
    padding: 10px 0;
    color: var(--colorDark);
    font-size: var(--fontSize);
    line-height: 14px;
    text-align: center;
    font-weight: bold;
}

.seopress-ui-datepicker .ui-datepicker-prev,
.seopress-ui-datepicker .ui-datepicker-next {
    position: relative;
    top: 0;
    height: 34px;
    width: 34px;
}

.seopress-ui-datepicker .ui-state-hover.ui-datepicker-prev,
.seopress-ui-datepicker .ui-state-hover.ui-datepicker-next {
    border: none;
}

.seopress-ui-datepicker .ui-datepicker-prev,
.seopress-ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
}

.seopress-ui-datepicker .ui-datepicker-next,
.seopress-ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}

.seopress-ui-datepicker .ui-datepicker-next span,
.seopress-ui-datepicker .ui-datepicker-prev span {
    display: none;
}

.seopress-ui-datepicker .ui-datepicker-prev {
    float: left;
}

.seopress-ui-datepicker .ui-datepicker-next {
    float: right;
}

.seopress-ui-datepicker .ui-datepicker-prev:before,
.seopress-ui-datepicker .ui-datepicker-next:before {
    font: normal 20px/34px "dashicons";
    padding-left: 0;
    color: var(--wp-admin-theme-color);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 34px;
    height: 34px;
}

.seopress-ui-datepicker .ui-datepicker-prev:before {
    content: "\f341";
}

.seopress-ui-datepicker .ui-datepicker-next:before {
    content: "\f345";
}

.seopress-ui-datepicker .ui-datepicker-prev-hover:before,
.seopress-ui-datepicker .ui-datepicker-next-hover:before {
    opacity: 0.7;
}

.seopress-ui-datepicker select.ui-datepicker-month,
.seopress-ui-datepicker select.ui-datepicker-year {
    width: 33%;
}

.seopress-ui-datepicker thead {
    color: #fff;
    font-weight: 600;
}

.seopress-ui-datepicker th {
    padding: 10px;
}

.seopress-ui-datepicker td {
    padding: 0;
    border: 1px solid var(--borderColorCard);
}

.seopress-ui-datepicker td.ui-datepicker-other-month {
    border: transparent;
}

.seopress-ui-datepicker tr:first-of-type td {
    border-top: 1px solid #f0f0f0;
}

.seopress-ui-datepicker td.ui-datepicker-week-end {
    background-color: var(--borderColorCard);
    border: 1px solid #f0f0f0;
}

.seopress-ui-datepicker td.ui-datepicker-today {
    background-color: var(--backgroundSecondaryHover);
}

.seopress-ui-datepicker td.ui-datepicker-current-day {
    background: #bbdd88;
}

.seopress-ui-datepicker td .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
    text-decoration: none;
    width: auto;
    display: block;
    padding: 5px 10px;
    font-weight: normal;
    color: #444;
}

.seopress-ui-datepicker td.ui-state-disabled .ui-state-default {
    opacity: 0.5;
}

.seopress-ui-datepicker thead {
    background: var(--wp-admin-theme-color);
}

.seopress-ui-datepicker td .ui-state-hover {
    background: var(--wp-admin-theme-color);
    color: #fff;
}

/*Breadcrumbs Install Guide*/
.seopress-breadcrumbs-install-guide {
    background: #fff;
    border: 1px solid var(--borderColor);
    border-radius: 4px;
    margin-bottom: 20px;
}

.seopress-breadcrumbs-install-guide summary {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 500;
    color: var(--titleColor);
    list-style: none;
}

.seopress-breadcrumbs-install-guide summary::-webkit-details-marker {
    display: none;
}

.seopress-breadcrumbs-install-guide summary::before {
    content: "";
    border: solid var(--wp-admin-theme-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
}

.seopress-breadcrumbs-install-guide[open] summary::before {
    transform: rotate(45deg);
}

.seopress-breadcrumbs-install-guide summary .dashicons {
    color: var(--wp-admin-theme-color);
}

.seopress-breadcrumbs-install-guide summary:hover {
    background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
}

.seopress-breadcrumbs-install-content {
    padding: 0 16px 16px;
    border-top: 1px solid var(--borderColor);
}

.seopress-breadcrumbs-methods {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    padding-top: 16px;
}

.seopress-breadcrumbs-method {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
    border-radius: 1rem;
    border: 3px solid transparent;
    transition: all 150ms linear;
}

.seopress-breadcrumbs-method:hover {
    border-color: var(--wp-admin-theme-color);
}

.seopress-breadcrumbs-method .dashicons {
    color: var(--wp-admin-theme-color);
    margin-top: 2px;
}

.seopress-breadcrumbs-method strong {
    display: block;
    margin-bottom: 4px;
    color: var(--titleColor);
}

.seopress-breadcrumbs-method span {
    color: var(--paragraphColor);
    font-size: 13px;
}

.seopress-breadcrumbs-method code {
    display: inline-block;
    background: #fff;
    border: 1px solid var(--borderColor);
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    color: var(--titleColor);
    word-break: break-all;
}

.seopress-breadcrumbs-help-links {
    display: flex;
    gap: 16px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--borderColor);
}

.seopress-breadcrumbs-help-links a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--wp-admin-theme-color);
    text-decoration: none;
    font-size: 13px;
}

.seopress-breadcrumbs-help-links a span {
    text-decoration: underline;
}

.seopress-breadcrumbs-help-links a:hover span {
    color: var(--wp-admin-theme-color-darker-10);
}

.seopress-breadcrumbs-help-links a .dashicons {
    text-decoration: none;
    font-size: 14px;
    width: 14px;
    height: 14px;
}

/* Icon-prefixed list — used inside <PanelBody> info disclosures to align
 * a leading dashicon with the text of each <li>. Layout utility, not a
 * style override on a WP component. */
ul.list-none {
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
}

ul.list-none li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

ul.list-none li .dashicons {
    flex-shrink: 0;
    margin-top: 2px;
}

/*Reusable External Link Component*/
.seopress-external-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--wp-admin-theme-color);
    text-decoration: none;
    font-size: 13px;
}

.seopress-external-link span:first-child {
    text-decoration: underline;
}

.seopress-external-link:hover span:first-child {
    color: var(--wp-admin-theme-color-darker-10);
}

.seopress-external-link .dashicons {
    text-decoration: none;
    font-size: 14px;
    width: 14px;
    height: 14px;
}

/*Local Business*/
#seopress-tabs.wrap .wrap-opening-hours {
    list-style: none;
    padding: 0;
}

.wrap-opening-hours li {
    margin-bottom: 20px;
    list-style-type: none;
}

.wrap-opening-hours .day {
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--borderColorLight);
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
}

.wrap-opening-hours .hours .range {
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.wrap-opening-hours .hours .range select {
    width: auto;
}

/* Redirections */
.seopress_404_redirect_value.column-seopress_404_redirect_value {
    word-break: break-all;
}

.manage-column.column-seopress_404,
.manage-column.column-seopress_404_redirect_enable {
    width: 60px;
}

.manage-column.column-seopress_404_redirect_type {
    width: 70px;
}

.manage-column.column-seopress_404_redirect_regex_enable {
    width: 80px;
}

.post-type-seopress_404 .wrap .subtitle {
    display: block;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    padding-left: 0;
}

.post-type-seopress_404 #posts-filter {
    position: relative;
}

.post-type-seopress_404 .search-box {
    display: flex;
    float: none;
    width: 100%;
    position: absolute;
    top: -85px;
    flex-wrap: nowrap;
}

.post-type-seopress_404 .search-box #post-search-input {
    width: 100%;
    float: none;
}

.post-type-seopress_404 .subsubsub {
    float: none;
    margin-top: 60px;
}

.schemas-bar-new {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--borderColorCard);
    position: sticky;
    background: #fff;
    z-index: 20;
    top: 32px;
    justify-content: space-between;
}

.block-editor-page .schemas-bar-new {
    top: 0;
}

.wrap-rich-snippets-type {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--borderColorLight);
    margin-bottom: 15px;
    gap: 1rem;
}

#seopress_pro_cpt .wrap-rich-snippets-type {
    display: flex;
}

#seopress_pro_cpt .wrap-rich-snippets-type .js-delete-schema-manual {
    color: var(--wp-admin-theme-color);
}

#seopress_pro_cpt #seopress-your-schema .wrap-rich-snippets-type {
    display: block;
}

#seopress_pro_cpt .wrap-rich-snippets-type .description {
    font-weight: normal;
}

/* Site Audit */
.wrap-site-audit-analysis {
    border-top: 1px solid var(--borderColorCard);
}

.wrap-site-audit-analysis summary {
    padding: 1rem;
    font-weight: bold;
    transition: all 150ms linear;
}

.wrap-site-audit-analysis summary:hover {
    cursor: pointer;
    background: var(--backgroundSecondaryHover);
}

.wrap-site-audit-analysis summary span {
    color: var(--colorAlert);
}

.site-audit-count-issues {
    color: var(--colorAlert);
}

.wrap-site-audit .dt-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.wrap-site-audit .dt-search label {
    display: inherit !important;
}

.wrap-site-audit .seopress-site-audit-table,
.wrap-site-audit .site-audit-analysis-desc {
    margin: 1rem 0;
}

.wrap-site-audit .site-audit-name span {
    background: var(--colorWarning);
    padding: 0.3rem 0.5rem;
    border-radius: 4px;
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
}

.seopress-site-health {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

.seopress-site-health .seopress-card-item {
    display: flex;
    padding: 1rem;
    border: 1px solid var(--borderColorCard);
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    line-height: 1.3;
    border-left: 3px solid var(--wp-admin-theme-color);
}

.seopress-site-health .seopress-card-item .title {
    font-weight: bold;
}

.seopress-site-health .seopress-card-item .value {
    font-size: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.seopress-site-health .seopress-card-item small {
    font-size: 0.8rem;
    color: #fff;
    background: var(--wp-admin-theme-color);
    padding: 0.5rem;
    font-weight: bold;
    border-radius: 8px;
}

.seopress-site-health .seopress-card-item.seopress-warning {
    border-left: 3px solid var(--colorWarning);
}

.seopress-site-health .seopress-card-item.seopress-error {
    border-left: 3px solid var(--colorAlert);
}

.site-audit-item-link a {
    display: block;
    text-decoration: none;
}

.site-audit-item-link a:hover {
    text-decoration: underline;
}

.site-audit-edit-url {
    margin-top: 0.5rem;
}

#seopress_site_audit_analysis .site-audit-item-impact.dt-type-numeric {
    text-align: center;
}

body #seopress_site_audit_analysis .impact {
    right: inherit !important;
}

/* Breadcrumbs */
#tab_seopress_breadcrumbs .form-table h3 {
    margin: 2em 0 1em 0;
    font-size: 1.2em;
}

#chatbase-bubble-button {
    bottom: 40px !important;
    right: 75px !important;
    box-shadow: none !important;
    border-radius: 10px 0 0 10px !important;
    background: #fff !important;
    padding: 1rem !important;
    z-index: 50 !important;
}

#chatbase-bubble-button::after {
    background: #ffffff;
    padding: 0 1rem 0 0;
    display: block;
    position: absolute;
    top: 0px;
    right: -53px;
    border-radius: 0 10px 10px 0;
    font-weight: bold;
    color: #1d2327;
    width: auto;
    max-width: 80px;
    z-index: -1;
    line-height: 55px;
}

#chatbase-message-bubbles {
    z-index: 60 !important;
    bottom: 100px !important;
}

#chatbase-message-bubbles * {
    box-shadow: none !important;
}

#chatbase-bubble-button {
    z-index: 50 !important;
}

#chatbase-bubble-window {
    bottom: 7rem !important;
}

/* Print CSS (Google Page Speed) */
@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        /* Chrome, Safari, Edge */
        color-adjust: exact !important;
        /*Firefox*/
    }

    #tab_seopress_page_speed>p,
    #tab_seopress_page_speed .form-table tbody tr:first-child,
    #tab_seopress_page_speed .form-table tbody tr:nth-child(2) th,
    #tab_seopress_page_speed .form-table tbody tr:nth-child(2) td>input,
    .seopress-help,
    .nav-tab-wrapper,
    .seopress-notice,
    #seopress-notice-save,
    .submit,
    .seopress-styles .seopress-option h1,
    #screen-meta,
    #seopress-header,
    #wpadminbar,
    #adminmenumain,
    #wpfooter {
        display: none !important;
    }

    #seopress-page-speed-results,
    .form-table,
    #wpcontent,
    #wpfooter,
    #seopress-tabs.wrap,
    .seopress-styles .seopress-option {
        margin: 0 !important;
    }

    #seopress-page-speed-results .ps-audit .ps-audit-desc {
        display: block !important;
        height: 100% !important;
    }
}

.seopress-schema-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.seopress-schema-card {
    display: flex;
    text-decoration: none;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--borderColor);
    gap: 1rem;
    border-radius: 4px;
    padding: 1rem;
    margin: 0;
}

.seopress-schema-deprecated {
    opacity: 0.6;
}

.seopress-schema-deprecated:hover,
.seopress-schema-deprecated.selected {
    opacity: 1;
}

.seopress-badge-deprecated {
    display: inline-block;
    background-color: var(--colorWarning, #ffba00);
    color: #1e1e1e;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    padding: 3px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 6px;
}

/* Breadcrumbs Preview */
.seopress-breadcrumbs-preview {
    background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
    border-radius: 6px;
    padding: 10px 16px;
    margin-bottom: 24px;
}

.seopress-breadcrumbs-preview-header {
    display: flex;
    align-items: center;
    gap: 6px;
}

.seopress-breadcrumbs-preview-header--active {
    margin-bottom: 4px;
}

.seopress-breadcrumbs-preview-title {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color, #757575);
}

.seopress-breadcrumbs-preview-info {
    font-size: 14px;
    width: 14px;
    height: 14px;
    color: var(--color, #757575);
    cursor: help;
}

.seopress-breadcrumbs-preview-disabled {
    margin: 0;
    font-size: 13px;
    color: var(--color, #757575);
    font-style: italic;
}

.seopress-breadcrumbs-preview-disabled .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    vertical-align: text-bottom;
}

.seopress-breadcrumbs-preview-warning {
    margin: 0 0 4px;
    font-size: 11px;
    color: var(--colorWarning, #ffba00);
    font-weight: 600;
}

.seopress-breadcrumbs-preview-warning .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: text-bottom;
}

.seopress-breadcrumbs-preview-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 2px 0;
}

.seopress-breadcrumbs-preview-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--color, #757575);
    min-width: 50px;
    text-align: right;
    flex-shrink: 0;
}

.seopress-breadcrumbs-preview-nav {
    flex: 1;
}

.seopress-breadcrumbs-preview .breadcrumb {
    list-style: none;
    margin: 0;
    padding-inline-start: 0;
}

.seopress-breadcrumbs-preview .breadcrumb li {
    margin: 0;
    display: inline-block;
    position: relative;
    font-size: 13px;
}

.seopress-breadcrumbs-preview .breadcrumb li::after {
    content: var(--sp-breadcrumb-sep, ' - ');
    margin-left: 5px;
    margin-right: 5px;
}

.seopress-breadcrumbs-preview .breadcrumb li:last-child::after {
    display: none;
}

.seopress-breadcrumbs-preview--no-separator .breadcrumb li::after {
    display: none;
}

.seopress-breadcrumbs-preview .breadcrumb li a {
    color: var(--wp-admin-theme-color);
    text-decoration: none;
}

.seopress-breadcrumbs-preview .breadcrumb li a:hover {
    text-decoration: underline;
}

.seopress-breadcrumbs-preview .breadcrumb li:last-child span {
    color: var(--color, #757575);
}

@media only screen and (max-width: 782px) {
    .seopress-breadcrumbs-preview {
        position: static;
    }

    .seopress-breadcrumbs-preview-row {
        flex-direction: column;
        gap: 2px;
    }

    .seopress-breadcrumbs-preview-label {
        min-width: auto;
        text-align: left;
    }
}
