/* ── Oren Blocks — Front-end styles ──────────────────────── */

.oren-block { font-family: inherit; box-sizing: border-box;}
.oren-block p, .oren-block ul, .oren-block ol, .oren-block li { margin:0; padding:0; }
.oren-block ul, .oren-block ol { list-style:none !important; padding-left:0 !important; margin-left:0 !important; }
.oren-block li { list-style:none !important; }

/* ── KEY TAKEAWAYS ─────────────────────────────────────── */
.oren-kt { background:#fff8f2; border-left:4px solid #e85d04; border-radius:6px; padding:20px 24px; }
.oren-kt__title { font-weight:700; font-size:.95em; color:#e85d04; margin:0 0 14px !important; display:flex; align-items:center; gap:6px; }
.oren-kt__list  { list-style:none !important; padding:0 !important; margin:0 !important; }
.oren-kt__item  { display:flex !important; align-items:flex-start; gap:10px; padding:5px 0 !important; font-size:.93em; line-height:1.55; list-style:none !important; }
.oren-kt__marker { flex-shrink:0; font-weight:700; min-width:18px; color:#e85d04; }
.oren-kt__text  { flex:1; }

/* ── PRO TIPS ──────────────────────────────────────────── */
.oren-pt { background:#fffbf0; border:2px dashed var(--wp--preset--color--primary,#d4920a); border-radius:10px; padding:20px 24px; }
.oren-pt__title { font-weight:700; font-size:.95em; color:var(--wp--preset--color--primary,#b07a00); margin:0 0 14px !important; display:flex; align-items:center; gap:6px; }
.oren-pt__list  { list-style:none !important; padding:0 !important; margin:0 !important; }
.oren-pt__item  { display:flex !important; align-items:flex-start; gap:10px; padding:5px 0 !important; font-size:.93em; line-height:1.55; list-style:none !important; }
.oren-pt__marker { flex-shrink:0; font-weight:700; min-width:22px; color:var(--wp--preset--color--primary,#b07a00); }
.oren-pt__text  { flex:1; }

/* ── SUBSCRIPTION ──────────────────────────────────────── */
.oren-sub {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    border-radius: 14px;
    padding: 36px 32px;
    text-align: center;
    color: #fff;
}
.oren-sub__emoji { font-size: 2em; display:block; margin-bottom:10px; }
.oren-sub__title { font-size: 1.35em; font-weight:700; color:#fff; margin:0 0 8px !important; }
.oren-sub__desc  { font-size: .92em; color:rgba(255,255,255,.85); margin:0 0 20px !important; line-height:1.5; }
.oren-sub__form  { display:flex; gap:10px; max-width:480px; margin:0 auto; flex-wrap:wrap; }
.oren-sub__input {
    flex:1; min-width:200px; padding:12px 16px; border:none; border-radius:8px;
    font-size:.95em; font-family:inherit; background:#fff; color:#1a1a1a; outline:none;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.oren-sub__input::placeholder { color:#999; }
.oren-sub__btn {
    padding:12px 22px; background:#1a1a2e; color:#fff; border:none; border-radius:8px;
    font-size:.95em; font-weight:600; cursor:pointer; font-family:inherit; white-space:nowrap;
    display:inline-flex; align-items:center; gap:8px; transition:opacity .2s;
}
.oren-sub__btn:hover:not(:disabled) { opacity:.85; }
.oren-sub__btn:disabled { opacity:.6; cursor:not-allowed; }
.oren-sub__spinner { display:none; width:14px; height:14px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; animation:oren-spin .6s linear infinite; }
.oren-sub[data-state="loading"] .oren-sub__spinner { display:block; }
.oren-sub[data-state="success"] .oren-sub__form { opacity:.4; pointer-events:none; }
.oren-sub__msg { margin:12px 0 0 !important; font-size:.85em; min-height:18px; color:rgba(255,255,255,.9); }
@keyframes oren-spin { to { transform:rotate(360deg); } }

/* ── WRITTEN BY ────────────────────────────────────────── */
.oren-wb {
    background: #1a2236;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    color: #e2e8f0;
}
.oren-wb__avatar { flex-shrink:0; width:64px; height:64px; border-radius:50%; overflow:hidden; border:2px solid #e85d04; display:flex; align-items:center; justify-content:center; background:#2d3f5c; }
.oren-wb__avatar-img { width:100%; height:100%; object-fit:cover; }
.oren-wb__avatar-initials { font-size:1.6em; font-weight:700; color:#e85d04; }
.oren-wb__body { flex:1; }
.oren-wb__label { font-size:.7em; letter-spacing:.1em; color:#7a8fa6; margin:0 0 4px !important; font-weight:600; }
.oren-wb__name  { font-size:1.1em; font-weight:700; color:#fff; margin:0 0 2px !important; }
.oren-wb__role  { font-size:.85em; color:#7a8fa6; margin:0 0 12px !important; }
.oren-wb__bio   { font-size:.88em; line-height:1.6; color:#b0bec5; margin:0 0 16px !important; }
.oren-wb__actions { display:flex; gap:10px; flex-wrap:wrap; }
.oren-wb__btn { padding:8px 18px; border-radius:6px; font-size:.85em; font-weight:600; text-decoration:none; transition:opacity .2s; }
.oren-wb__btn:hover { opacity:.85; text-decoration:none; }
.oren-wb__btn--primary  { background:#e85d04; color:#fff; border:none; }
.oren-wb__btn--secondary{ background:transparent; color:#e2e8f0; border:1px solid #4a6080; }

@media (max-width: 480px) {
    .oren-wb { flex-direction:column; align-items:center; text-align:center; }
    .oren-wb__actions { justify-content:center; }
    .oren-sub__form { flex-direction:column; }
    .oren-sub__btn  { width:100%; justify-content:center; }
}