/* =========================================================
   Forrest Ministries · JacarandaBS5
   Container styles (clean version)
   - Torah scroll as a fixed hero header (no distortion)
   - White text panel overlaps between the rollers
   - No :root vars, DNN edit-mode safe
   ========================================================= */

/* (Optional) Keep your existing container variants — leave as-is */
.container_bordered {
    display: block;
    border: .5px solid #000;
    padding: 10px 15px 0 15px;
    margin: 10px;
}

.container_noheading {
    background-color: #fff;
    padding: 10px 15px 0 15px;
    margin-bottom: 10px;
}

.container_clear {
    background-color: transparent;
    padding: 10px 15px 0 15px;
    margin-bottom: 10px;
}

.container_heading {
    display: block;
    padding: 10px 15px 0 15px;
}

/* --- Jacaranda Torah container (Option A) --- */
/* ===== Torah container: image as background, panel on top ===== */

/* Wrapper gets the background image. Nothing else special. */
.container-torah.jac-torah {
    /* Use your container image (absolute path avoids resolution issues) */
    background-image: url("images/torah_1920_2400.jpg");
    background-repeat: no-repeat;
    background-position: center top; /* adjust to taste: e.g., 'center 48%' */
    background-size: contain; /* keep both rollers visible */
    background-color: #0b0b0b; /* fallback/edge color around the image */
    /* Spacing and boxing (safe for DNN) */
    padding: clamp(1rem, 3vw, 2rem);
    min-height: 520px; /* ensures the image shows above short content */
    border-radius: 1rem;
}

/* The content panel—white, centered, readable. */
.container-torah .jac-torah__panel {
    max-width: 650px; /* your 25% narrower width */
    margin: 0 auto; /* center the panel */
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 1rem;
    padding: clamp(1rem, 3.2vw, 2rem);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

    /* Comfortable typography inside the panel */
    .container-torah .jac-torah__panel p,
    .container-torah .jac-torah__panel li {
        font-size: 1.0625rem;
        line-height: 1.7;
    }

    .container-torah .jac-torah__panel h1,
    .container-torah .jac-torah__panel h2,
    .container-torah .jac-torah__panel h3 {
        margin-top: .2em;
    }

/* DNN edit-mode safety */
body.dnnEditState .container-torah .dnnActionMenu {
    position: relative;
    z-index: 5;
}