/*  ============================================================
    OBS UI V1
    Page Shell
    ============================================================ */
   
/* ============================================================
   OBS GLOBAL BANNERS
   ============================================================ */

.obs-hero {
    color: #fff;
    border-bottom: 1px solid #1e2a44;
    position: relative;
    overflow: hidden;
}

.obs-hero[data-theme="treatment"] {
    background:
        url('/observatory/assets/obs-treatments-banners.webp')
        center center / cover no-repeat;
}

.obs-hero[data-theme="reviews"] {
    background:
        url('/observatory/earth/assets/obs-reviews-banner.webp')
        center center / cover no-repeat;
}

.obs-hero[data-theme="country"] {
    background:
        url('/observatory/assets/obs-country-banners.webp')
        center center / cover no-repeat;
}


/* ============================================================
   SIDEBAR PUSH
   ============================================================ */

.obs-hero-content,
.breadcrumb-inner {

    transition:
        transform 0.3s ease;

}

body.sidebar-open .obs-hero-content,
body.sidebar-open .breadcrumb-inner {

    transform: translateX(100px);

}

body.sidebar-open .site-footer {
    transform: translateX(130px);
}

/* Push page right when panel opens */
.observatory-treatment-page .ded-page-wrapper {
    transition: transform 0.3s ease;
}

.observatory-treatment-page.sidebar-open .ded-page-wrapper {
    transform: translateX(125px);
}

/* ============================================================
   OBS BODY TEXT STANDARD
   ============================================================ */

.obs-page p,
.country-page p,
.treatment-page p,
.obs-text {

    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    font-weight: 500;

}


/* ============================================================
   OBS BREADCRUMB BAR
   ============================================================ */

.ded-header {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid var(--ded-grey-light);

}



/* ============================================================
   ORV INTELLIGENCE CARDS
   ============================================================ */

.orv-good {
    background: var(--obs-good-bg);
    border-left: 4px solid var(--obs-good);
    border-right: 1px solid var(--obs-good);
}

.orv-mixed {
    background: var(--obs-mixed-bg);
    border-left: 4px solid var(--obs-mixed);
    border-right: 1px solid var(--obs-mixed);
}

.orv-bad {
    background: var(--obs-bad-bg);
    border-left: 4px solid var(--obs-bad);
    border-right: 1px solid var(--obs-bad);
}

.orv-good h3 {
    color: var(--obs-good) !important;
}

.orv-mixed h3 {
    color: var(--obs-mixed) !important;
}

.orv-bad h3 {
    color: var(--obs-bad) !important;
}

.orv-column p {
    text-align: left;
    text-decoration: none;
    font-size: 1.1rem;
}

.orv-column strong {
    display: block;
    margin-bottom: 0.75rem;
    font-size: 1.05rem;
    text-decoration: none;
}

.orv-link-card {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.orv-link-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 8px 20px rgba(0,0,0,0.12);

    text-decoration: none;
}