/* Newsletter forms: articles / courses (inc/article-subscribe.php). */
.sanam-sub__hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sanam-sub__form { margin: 0; }
.sanam-sub__row { display: flex; gap: 8px; }
.sanam-sub__input {
    flex: 1 1 auto;
    min-width: 0;
    height: 50px;
    padding: 0 18px;
    border: 1.5px solid #e3caab;
    border-radius: 999px;
    background: #fff;
    color: #291f1e;
    font: 500 15px/1 var(--sanam-font-ui);
    text-align: start;
}
.sanam-sub__input::placeholder { color: #86756a; }
html[dir="rtl"] .sanam-sub__input:placeholder-shown { direction: rtl; }
.sanam-sub__input:focus { outline: none; border-color: #662627; box-shadow: 0 0 0 4px rgb(102 38 39 / .12); }
.sanam-sub__btn {
    flex: none;
    height: 50px;
    padding: 0 26px;
    border: 0;
    border-radius: 999px;
    background: #662627;
    color: #fff;
    font: 600 15px/1 var(--sanam-font-ui);
    cursor: pointer;
    transition: background .2s ease;
}
.sanam-sub__btn:hover { background: #521e1f; }
.sanam-sub__btn:focus-visible { outline: 3px solid #e4aa58; outline-offset: 3px; }
.sanam-sub__btn[disabled] { opacity: .7; cursor: progress; }
.sanam-sub__msg { margin: 10px 0 0; min-height: 1.5em; font: 600 14px/1.6 var(--sanam-font-ui); }
.sanam-sub__msg:empty { display: none; }
.sanam-sub__msg.is-ok { color: #275e4c; }
.sanam-sub__msg.is-error { color: #b32d2e; }

/* Band: the articles page and the end of each article. */
.sanam-sub--band {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(20px, 4vw, 56px);
    align-items: center;
    width: min(1120px, calc(100% - 36px));
    margin: clamp(30px, 5vw, 56px) auto clamp(56px, 8vw, 96px);
    padding: clamp(26px, 4vw, 44px);
    border-radius: 24px;
    background: #f8f1e8;
    border: 1px solid #e3caab;
}
.sanam-sub__eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #662627; font: 400 18px/1.6 var(--sanam-font-accent); }
.sanam-sub__eyebrow::before { content: ""; width: 26px; height: 2px; background: #e4aa58; }
.sanam-sub__title { margin: 6px 0 6px; color: #662627; font: 600 clamp(22px, 2.2vw, 28px)/1.45 var(--sanam-font-heading); }
.sanam-sub--band .sanam-sub__lead { margin: 0; color: #61524a; font-size: 15.5px; line-height: 1.9; }
@media (max-width: 767px) {
    .sanam-sub--band { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
    .sanam-sub__row { flex-direction: column; }
    .sanam-sub__btn { width: 100%; }
}

/* Footer (dark background). */
.sanam-sub--footer { margin-top: 18px; }
.sanam-sub--footer .sanam-sub__lead { margin: 0 0 10px; color: rgb(248 241 232 / .78); font-size: .92rem; }
.sanam-sub--footer .sanam-sub__input { height: 44px; border-color: rgb(248 241 232 / .2); background: rgb(255 255 255 / .06); color: #fff; }
.sanam-sub--footer .sanam-sub__input::placeholder { color: rgb(248 241 232 / .5); }
.sanam-sub--footer .sanam-sub__input:focus { border-color: #e4aa58; box-shadow: none; }
.sanam-sub--footer .sanam-sub__btn { height: 44px; padding: 0 20px; background: #e4aa58; color: #291f1e; }
.sanam-sub--footer .sanam-sub__btn:hover { background: #d09442; }
.sanam-sub--footer .sanam-sub__msg.is-ok { color: #e4aa58; }
.sanam-sub--footer .sanam-sub__msg.is-error { color: #f0a9a4; }
.sanam-sub--footer .sanam-sub__row { flex-direction: row; }
.sanam-sub--footer .sanam-sub__btn { width: auto; }

/* Footer: which lists (appears once the visitor starts typing). */
.sanam-sub__topics { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 12px 0 0; padding: 0; border: 0; min-width: 0; }
.sanam-sub__topics[hidden] { display: none; }
.sanam-sub__topics:not([hidden]) { animation: sanam-sub-in .25s ease; }
.sanam-sub__topics legend { float: inline-start; margin-inline-end: 4px; padding: 0; color: rgb(248 241 232 / .78); font: 500 .88rem/1.6 var(--sanam-font-ui); }
.sanam-sub__topic { position: relative; display: inline-flex; cursor: pointer; }
.sanam-sub__topic input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.sanam-sub__topic span {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 6px 14px; border-radius: 999px;
    border: 1.5px solid rgb(248 241 232 / .25); color: rgb(248 241 232 / .85);
    font: 600 .86rem/1.4 var(--sanam-font-ui);
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.sanam-sub__topic span::before {
    content: ""; width: 14px; height: 14px; border-radius: 4px; flex: none;
    border: 1.5px solid currentColor; box-sizing: border-box;
}
.sanam-sub__topic input:checked + span { border-color: #e4aa58; background: rgb(228 170 88 / .14); color: #fff; }
.sanam-sub__topic input:checked + span::before {
    border-color: #e4aa58;
    background: #e4aa58 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23291f1e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;
}
.sanam-sub__topic input:focus-visible + span { outline: 3px solid #e4aa58; outline-offset: 2px; }
@keyframes sanam-sub-in { from { opacity: 0; transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .sanam-sub__topics:not([hidden]) { animation: none; } }