/* TASK302 · articles team: the LIVE blocks of the article and guide pages in the designer's article language
   (design/tpl/article.php). Loaded after the designer's site.css on his pages only. */

/* the guides' hero buttons (LIVE: "למותגי הפורצלן ↓", "התייעצות בוואטסאפ" ...) under the dek */
.ar-head .t302-ar-hbtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ar-head .t302-ar-hbtns .k-btn{height:50px;font-size:15px}
.t302-ar-hbtns .k-btn .ar,.t302-ar-btns .k-btn .ar{font-weight:800}

/* the LIVE bottom call to action inside the designer's lead band: its buttons and the showroom line */
.k-lead-band .t302-ar-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.k-lead-band .t302-ar-nap{margin:20px 0 0;font-size:14.5px;line-height:1.6;color:rgba(251,248,242,.62)}

/* the LIVE "מאמרים נוספים" cards: date, title and "לקריאה ←" in the designer's related card */
.t302-ar-rel .ar-rc > span{flex:1}
.t302-ar-rel .ar-rc small{letter-spacing:.04em}
.t302-ar-rel .ar-rc .t302-rc-go{margin-top:auto;padding-top:4px;font-style:normal;font-size:13.5px;font-weight:800;color:#8A6A35}

/* the page's FAQ (designer's FAQ section) right after the article */
.t302-ar-faq .k-q span{text-align:right}

/* the frozen Elementor HTML of the modern-kitchen guide (its own inline <style>, LIVE content) in the designer's article
   language: his summary box, family cards, tables, links, buttons and question rows instead of the old grey/teal boxes */
.ar-body .jm-container{max-width:none;margin:0;padding:0;font-family:inherit}
.ar-body .jm-hero{margin:0 0 24px;padding:26px 30px;border:0;border-radius:24px;background:#FBF8F2;box-shadow:inset 0 0 0 1px rgba(28,23,18,.07);border-inline-start:3px solid #B98F45}
.ar-body .jm-hero p{color:inherit;line-height:inherit}
.ar-body .jm-hero h2{margin-top:0}
.ar-body .jm-toc{margin:24px 0;padding:24px 28px;border:0;border-radius:24px;background:#FBF8F2;box-shadow:inset 0 0 0 1px rgba(28,23,18,.07)}
.ar-body .jm-toc h2{margin-top:0;font-size:24px}
.ar-body .jm-section h2{margin-top:46px;font-size:34px}
.ar-body .jm-section h3{margin-top:30px;font-size:23px}
.ar-body .jm-kv,.ar-body .jm-proscons{gap:14px;margin:18px 0 22px}
.ar-body .jm-card{padding:22px;border:0;border-radius:22px;background:#FBF8F2;box-shadow:inset 0 0 0 1px rgba(28,23,18,.07)}
.ar-body .jm-card p{font-size:16px;line-height:1.7}
.ar-body .jm-card > :last-child{margin-bottom:0}
.ar-body .jm-callout{margin:30px 0;padding:26px 30px;border:0;border-radius:24px;background:#FBF8F2;box-shadow:inset 0 0 0 1px rgba(28,23,18,.07);border-inline-start:3px solid #B98F45}
.ar-body .jm-callout > :last-child{margin-bottom:0}
.ar-body .jm-table{border:0;border-collapse:collapse;border-radius:18px}
.ar-body .jm-table th{background:#1C1712;color:#E6CF9A;border:0}
.ar-body .jm-table td{border-bottom:0}
.ar-body .jm-note{font-size:14px;color:rgba(28,23,18,.55)}
.ar-body .jm-internal a{color:#8A6A35;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(185,143,69,.5)}
.ar-body a.jm-cta{display:inline-flex;align-items:center;height:54px;margin-top:10px;padding:0 24px;border-radius:999px;font-weight:800;color:#1C1712;text-decoration:none;background:linear-gradient(100deg,#C9A35E,#F6E3B0 45%,#D4AF6A 70%,#E8C98A);box-shadow:0 14px 30px -12px rgba(201,163,94,.65)}
.ar-body .jm-faq details{margin:0;padding:16px 0;border:0;border-radius:0;background:none;border-top:1px solid rgba(28,23,18,.12)}
.ar-body .jm-faq details:last-of-type{border-bottom:1px solid rgba(28,23,18,.12)}
.ar-body .jm-faq summary{font-weight:800;color:#1C1712}

@media (max-width:760px){
.ar-head .t302-ar-hbtns{margin-top:22px}
.ar-head .t302-ar-hbtns .k-btn,.k-lead-band .t302-ar-btns .k-btn{flex:1 1 100%}
.ar-body .jm-section h2{margin-top:36px;font-size:26px}
.ar-body .jm-hero,.ar-body .jm-callout,.ar-body .jm-toc{padding:22px 22px}
}

/* ================= round 2 (owner 4.11, decision 24): the designer's blocks back, next to LIVE's ================= */

/* the designer's topic pill next to the LIVE eyebrow of the edge / sink guides */
.ar-head .t302-ar-pill2{margin-inline-start:6px}

/* the LIVE call to action of the post / edge templates, right after the content, in the designer's dark article box (ar-mid) */
.ar-body .t302-ar-cta{margin:44px 0 0;padding:34px 36px;border-radius:26px;background:#1A150F;color:#FBF8F2;box-shadow:0 40px 70px -40px rgba(70,46,12,.55)}
.ar-body .t302-ar-cta h2{display:block;margin:0 0 12px;font-size:30px;line-height:1.15;color:#FBF8F2}
.ar-body .t302-ar-cta h2 em{background-image:linear-gradient(100deg,#B98F45 0%,#F6E3B0 35%,#D4AF6A 60%,#FFF1CC 80%,#C9A35E 100%)}
.ar-body .t302-ar-cta p{margin:0;font-size:16.5px;line-height:1.7;color:rgba(251,248,242,.78)}
.ar-body .t302-ar-cta .t302-ar-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ar-body .t302-ar-cta .k-btn{height:52px;text-decoration:none}
.ar-body .t302-ar-cta .k-btn.o{color:#FBF8F2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);background:rgba(255,255,255,.04)}

/* the designer's related guides followed by LIVE's "מאמרים נוספים": the second section sits closer to the first */
.t302-ar-rel2{padding-top:0}

/* the designer's ticks inside the lead band of the four guides (above the LIVE buttons) */
.k-lead-band .k-ticks + .t302-ar-btns{margin-top:30px}

@media (max-width:760px){
.ar-head .t302-ar-pill2{margin:8px 0 0}
.ar-body .t302-ar-cta{margin-top:34px;padding:26px 22px;border-radius:22px}
.ar-body .t302-ar-cta h2{font-size:24px}
.ar-body .t302-ar-cta p{font-size:15.5px}
.ar-body .t302-ar-cta .k-btn{flex:1 1 100%;justify-content:center}
}

/* ---------- blog archive (design/tpl/blog.php) ---------- */
/* the designer's eyebrow "המדריך של שיש ג׳אן" with LIVE's eyebrow next to it */
.ba-mh .t302-ebs{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.ba-mh .t302-ebs .k-pill{height:28px;font-size:12.5px}
/* the LIVE card text in the designer's card (same rules as the round-1 card, under this team's class) */
.t302-bc .ar{display:inline-block;font-weight:400}
.t302-bc .t302-cat{top:14px;right:14px}
.t302-bc .ba-cb p{display:block;-webkit-line-clamp:unset;overflow:visible}
.t302-bc .ba-rd{gap:6px}
.ba-feat.t302-bc .ba-fb > b{font-size:30px}
.ba-feat.t302-bc .t302-new{order:-1}
/* featured guide: LIVE's "לקריאה ←" line, then the designer's gold "לקריאת המדריך" button */
.ba-feat.t302-bc .ba-rd{margin-top:2px;padding-top:0;color:#E6CF9A}
.ba-feat.t302-bc .k-btn.g{margin-top:6px;padding:0 26px}
@media (max-width:760px){
.ba-mh .t302-ebs{gap:8px 10px}
.ba-feat.t302-bc .ba-fb{padding:26px 22px 28px}
.ba-feat.t302-bc .ba-fb > b{font-size:24px}
.ba-feat.t302-bc .k-btn.g{align-self:stretch;justify-content:center}
}
/* the light pills next to the designer's labels: the accessible deep gold of the site (IS 5568 contrast) */
.ar-head .t302-ar-pill2,.ba-mh .t302-ebs .k-pill.lt{color:#75592B}