/* ===================================================
   CONTENT BOXES — blue crystal frame, light readable
   content kept intact. Overrides the brown/green/red
   ornate frame pieces in index.php content column.
   =================================================== */

/* ---- Frame body: blue edges + glow (was brown #3a3738 / #debb9d) ---- */
.Content .Box {
    border-left: 2px solid #2a5090 !important;
    border-right: 2px solid #2a5090 !important;
    background-color: #0e1c34 !important;
    box-shadow: 0 0 12px rgba(40, 100, 220, 0.35) !important;
    border-radius: 2px;
}

/* ---- Top/bottom thin border bars -> blue ---- */
.Content .Border_1 {
    background-image: none !important;
    background: linear-gradient(180deg, #3a6090 0%, #0e1c34 100%) !important;
    height: 5px !important;
}

/* ---- Headline bar (was green/red) -> blue gradient ---- */
.Content .BorderTitleText {
    background-image: none !important;
    background: linear-gradient(180deg, #16315e 0%, #0a1830 100%) !important;
    border-bottom: 1px solid #3a6090 !important;
}

/* ---- Inner frame borders (brown #793d03) -> blue ---- */
.Content .Border_2 {
    background-color: #2a5090 !important;
}
.Content .Border_3 {
    border-top: 1px solid #2a5090 !important;
    border-bottom: 1px solid #2a5090 !important;
}

/* ---- Crystal corners: reuse the 4 corner divs, swap art to blue crystal ---- */
.Content .Corner-tl,
.Content .Corner-tr,
.Content .Corner-bl,
.Content .Corner-br {
    background-image: url('../images/themeboxes/tooltip/content_corner_blue.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 42px !important;
    height: 40px !important;
    z-index: 60 !important;
}
.Content .Corner-tl { top: -11px !important; left: -11px !important; transform: none !important; }
.Content .Corner-tr { top: -11px !important; right: -11px !important; transform: scaleX(-1) !important; }
.Content .Corner-bl { bottom: -11px !important; left: -11px !important; transform: scaleY(-1) !important; }
.Content .Corner-br { bottom: -11px !important; right: -11px !important; transform: scale(-1, -1) !important; }

/* ---- Keep content area parchment & readable (explicitly leave light) ---- */
/* .Content .BoxContent stays #fff2db with #5a2800 text — untouched */