/*--- The Contextual Menu Colors ---*/

/* Standard / Summary (Yellow) */
p.bg-color-yellow-rj {
    background-color: #fffbe6;
    border-left: 4px solid transparent;
    border-left-color: #ffe58f;
    color: #5b4600;
    padding: 1.25em 2.375em;
}

/* Pro-Tip / Success (Green) */
p.bg-color-green-rj {
    background-color: #f6ffed;
    border-left: 4px solid transparent;
    border-left-color: #b7eb8f;
    color: #135200;
    padding: 1.25em 2.375em;
    border-radius: 8px;
    margin: 2rem 0;
}

/* Warning / Caution (Red) */
p.bg-color-red-rj {
    background-color: #fff1f0;
    border-left: 4px solid transparent;
    border-left-color: #ffccc7;
    color: #5c0011;
    padding: 1.25em 2.375em;
    border-radius: 8px;
    margin: 2rem 0;
}

/* Technical / Note (Blue/Purple) */
p.bg-color-blue-rj {
    background-color: #f0f5ff;
    border-left: 4px solid transparent;
    border-left-color: #adc6ff;
    color: #002c8c;
    padding: 1.25em 2.375em;
    border-radius: 8px;
    margin: 2rem 0;
}

/* Quote / Neutral / Deprecated (Gray) */
p.bg-color-gray-rj {
    background-color: #f5f5f5;
    border-left: 4px solid transparent;
    border-left-color: #d9d9d9;
    color: #595959;
    padding: 1.25em 2.375em;
    border-radius: 8px;
    margin: 2rem 0;
}

/* --- Gradient: Pale Ocean (Teal to Blue) --- */
p.bg-gradient-ocean-rj {
    /* Linear gradient from pale teal to light blue */
    background: linear-gradient(135deg, rgba(255, 245, 203, 0.67) 0%, rgba(132, 228, 240, 0.67));
    border-left: 0;
    /* border: 1px solid #b2ebf2; */
    color: #006064;
    padding: 2rem;
    border-radius: 12px;
    margin: 2rem 0;
}

/* --- Gradient: Blush Purple (Pink to Purple) --- */
p.bg-gradient-purple-rj {
    /* Linear gradient from light pink to lavender */
    background: linear-gradient(135deg, rgba(255, 206, 236, 0.4) 0%, rgba(152, 150, 240, 0.35));
    border-left: 0;
    /* border: 1px solid #f8bbd0; */
    color: #4a148c;
    padding: 2rem;
    border-radius: 12px;
    margin: 2rem 0;
}


/* CUSTOM LIST */

ul.feature-list-rj {
    position: relative;
    list-style: none;
    border: 1px solid #ffd327;
    border-radius: 12px;
    background-color: #fff9e6;
    padding: 10px !important;
    overflow: hidden;
}

ul.feature-list-rj li {
    position: relative;
    margin: 0 !important;
    padding: 20px 20px 20px 45px !important;
    background-color: #ffffff !important;
    list-style: none !important;
}

ul.feature-list-rj li:nth-child(even) {
    background-color: #fafafc !important;
    /* Very Light Gray */
}

/* Ensure the first and last items have rounded corners to fit the inner look */
ul.feature-list-rj li:first-child {
    border-radius: 6px 6px 0 0 !important;
}

ul.feature-list-rj li:last-child {
    border-radius: 0 0 6px 6px !important;
}

/* The Orange Bullet Dot */
ul.feature-list-rj li:before {
    position: absolute;
    top: 26px;
    left: 20px;
    width: 10px;
    height: 10px;
    content: '';
    background-color: #fdb656;
    border-radius: 50%;
    z-index: 2;
}