/* ============================================================
   MHL R218
   SCHLESWIG-HOLSTEIN – MARITIME SEASON ICONS
   ============================================================ */

/* ------------------------------------------------------------
   SUMMARY
   ------------------------------------------------------------ */

body.scene-sh .editorial-details details > summary {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    gap: 16px !important;

    min-height: 62px !important;

    padding: 10px 76px 10px 18px !important;

    cursor: pointer;

    list-style: none !important;

    box-sizing: border-box;

    border-radius: 18px !important;
}

/* Browser-Marker entfernen */

body.scene-sh .editorial-details details > summary::-webkit-details-marker {
    display: none !important;
}

body.scene-sh .editorial-details details > summary::marker {
    display: none !important;
    content: "" !important;
}

/* ------------------------------------------------------------
   NUMMER
   ------------------------------------------------------------ */

body.scene-sh .editorial-details .season-number {
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;

    background: rgba(28, 137, 166, .18);

    border: 1px solid rgba(74, 190, 220, .38);

    color: #71d9ed;
}

/* ------------------------------------------------------------
   TITEL
   ------------------------------------------------------------ */

body.scene-sh .editorial-details .season-title {
    flex: 1 1 auto;

    min-width: 0;

    color: #f5fbfd;

    font-size: 1.05rem;
    font-weight: 750;

    line-height: 1.3;
}

/* ------------------------------------------------------------
   MARITIMES SYMBOL
   ------------------------------------------------------------ */

body.scene-sh .editorial-details .season-maritime-icon {
    position: absolute;

    right: 14px;
    top: 50%;

    transform: translateY(-50%);

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    transition:
        transform .22s ease,
        filter .22s ease,
        background .22s ease;
}

body.scene-sh .editorial-details .season-maritime-icon svg {
    width: 34px;
    height: 34px;

    display: block;

    fill: none;

    stroke: currentColor;

    stroke-width: 3;

    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ------------------------------------------------------------
   SEESTERN
   ------------------------------------------------------------ */

body.scene-sh .season-maritime-icon--starfish {
    color: #ff8b5c;

    background:
        radial-gradient(
            circle,
            rgba(255, 139, 92, .22),
            rgba(255, 139, 92, .04)
        );

    border: 1px solid rgba(255, 139, 92, .35);
}

/* ------------------------------------------------------------
   MUSCHEL
   ------------------------------------------------------------ */

body.scene-sh .season-maritime-icon--shell {
    color: #f2b7c9;

    background:
        radial-gradient(
            circle,
            rgba(242, 183, 201, .20),
            rgba(242, 183, 201, .04)
        );

    border: 1px solid rgba(242, 183, 201, .34);
}

/* ------------------------------------------------------------
   KREBS
   ------------------------------------------------------------ */

body.scene-sh .season-maritime-icon--crab {
    color: #ff6b57;

    background:
        radial-gradient(
            circle,
            rgba(255, 107, 87, .20),
            rgba(255, 107, 87, .04)
        );

    border: 1px solid rgba(255, 107, 87, .34);
}

/* ------------------------------------------------------------
   ANKER
   ------------------------------------------------------------ */

body.scene-sh .season-maritime-icon--anchor {
    color: #79a9ff;

    background:
        radial-gradient(
            circle,
            rgba(121, 169, 255, .20),
            rgba(121, 169, 255, .04)
        );

    border: 1px solid rgba(121, 169, 255, .34);
}

/* ------------------------------------------------------------
   HOVER
   ------------------------------------------------------------ */

body.scene-sh .editorial-details details > summary:hover
.season-maritime-icon {
    transform: translateY(-50%) scale(1.08);

    filter:
        drop-shadow(0 0 8px currentColor);
}

/* ------------------------------------------------------------
   OPEN
   ------------------------------------------------------------ */

body.scene-sh .editorial-details details[open]
> summary
.season-maritime-icon {
    transform:
        translateY(-50%)
        scale(1.08);

    filter:
        drop-shadow(0 0 10px currentColor);
}

/* kein + / - */

body.scene-sh .editorial-details details > summary::after {
    display: none !important;
    content: none !important;
}

/* ------------------------------------------------------------
   CONTENT
   ------------------------------------------------------------ */

body.scene-sh .editorial-details details .editorial-detail-copy {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

/* ------------------------------------------------------------

   ------------------------------------------------------------ */