/* Information pages, blog. Rules from the approved info mockup. */
.more{font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.ctas{display:flex;gap:var(--s3);flex-wrap:wrap}
.sel{user-select:all;color:var(--ink);font-weight:600}
.inq{display:flex;flex-direction:column;gap:var(--s3)}
.inq label{display:flex;flex-direction:column;gap:6px;font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.inq input,.inq select,.inq textarea{font-family:var(--sans);font-size:16px;letter-spacing:0;text-transform:none;color:var(--ink);padding:12px 14px;border:var(--rule) solid var(--line);border-radius:var(--r-md);background:var(--paper)}
.inq .r2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.inq button{align-self:flex-start}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ticks li{padding-left:22px;position:relative}
.ticks li::before{content:"◊";position:absolute;left:2px;color:var(--c,var(--pink))}
.faq-g{font-size:18px;margin-top:var(--s3);color:var(--c)}
.faq{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:var(--s3)}
.faq summary::after{content:"+";font-family:var(--display);font-size:22px;color:var(--c)}
.faq[open] summary::after{content:"−"}
.faq div{padding-bottom:14px;display:flex;flex-direction:column;gap:6px;font-size:16px;color:var(--ink-soft)}
.ipage{padding-block:var(--s6) var(--s8);display:flex;flex-direction:column;gap:var(--s6)}
.ihead{display:flex;flex-direction:column;gap:var(--s3);max-width:760px}
.ihead h1{font-size:clamp(40px,6vw,64px)}
.ihead p{font-size:18px;color:var(--ink-soft)}
.iflow{max-width:820px;display:flex;flex-direction:column}
.ig{font-size:26px;margin:var(--s6) 0 var(--s2);color:var(--pink-600)}
.iflow .ig:first-child{margin-top:0}
.iflow .faq summary{font-size:17px}
.iflow .faq div{color:var(--ink)}
.legal{max-width:820px;display:flex;flex-direction:column;gap:var(--s3);font-size:16px;line-height:1.6}
.legal .ig{font-size:20px;margin-top:var(--s5)}
.about{gap:var(--s7)}
.ahero{background:var(--pink-100);border-radius:var(--r-md);padding:var(--s7) var(--s6)}
.ahero h1{font-size:clamp(44px,6vw,72px);color:var(--pink-600);margin:var(--s2) 0 var(--s3)}
.ahero p{font-size:20px;max-width:34em}
.asplit{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s7);align-items:center}
.asplit img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-md)}
.asplit>div,.asec{display:flex;flex-direction:column;gap:var(--s3);font-size:18px;max-width:46em}
.asplit h2,.asec h2{font-size:clamp(30px,3.6vw,44px)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.stat{background:var(--cream);border-radius:var(--r-md);padding:var(--s5);display:flex;flex-direction:column;gap:4px}
.stat b{font-family:var(--display);font-weight:600;font-size:44px;color:var(--pink);font-variant-numeric:tabular-nums}
.stat span{font-family:var(--display);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.csplit{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s7);align-items:start}
.cbox{background:var(--green-100);border-radius:var(--r-md);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);font-size:17px}
.cbox h2,.inq h2{font-size:26px}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.post{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column}
.post img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.post div{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);flex:1}
.post h3{font-size:20px;line-height:1.15}
.post p{font-size:15px;color:var(--ink-soft)}
.post .more{margin-top:auto}
@media(max-width:860px){.asplit,.csplit{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.posts{grid-template-columns:1fr}}
.h2b{margin-top:var(--s4)}
.forwho{background:var(--cream);border-radius:var(--r-md);padding:var(--s6);max-width:none}
.ticks.big{font-size:18px;font-weight:600;margin-top:var(--s2)}
.stats.two{grid-template-columns:repeat(2,minmax(0,280px))}
.about .ctas{display:flex;gap:var(--s3);flex-wrap:wrap}
.crumbs{padding-block:var(--s4) 0;font-size:14px;color:var(--ink-soft)}
.crumbs a{color:var(--ink-soft)}
.crumbs b{color:var(--ink);font-weight:600}
.ipage{--c:var(--pink)}
.ilead{font-size:18px;color:var(--ink-soft);max-width:760px;margin-top:calc(var(--s5) * -1)}
.legal h2{font-size:20px;margin-top:var(--s5);color:var(--pink-600)}
.legal p,.legal ul{margin:0}
.legal ul{padding-left:20px;display:flex;flex-direction:column;gap:4px}
.legal .updated{color:var(--ink-soft);font-size:15px}
.legal a,.iflow a{color:var(--pink-600)}
.faq summary::-webkit-details-marker{display:none}
/* Contact form (Contact Form 7) styled like the mockup */
.inq .wpcf7-form{display:flex;flex-direction:column;gap:var(--s3)}
.inq .wpcf7-form p{margin:0;display:flex;flex-direction:column;gap:6px;font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.inq .wpcf7-form input:not([type=submit]),.inq .wpcf7-form textarea{width:100%;font-family:var(--sans);font-size:16px;letter-spacing:0;text-transform:none;color:var(--ink);padding:12px 14px;border:var(--rule) solid var(--line);border-radius:var(--r-md);background:var(--paper)}
.inq .wpcf7-submit{align-self:flex-start;font-family:var(--display);font-weight:500;font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:14px 26px;border-radius:var(--r-pill);border:0;background:var(--pink);color:#fff;cursor:pointer}
/* Blog article */
.post-single{max-width:860px}
.post-date{font-size:15px}
.post-hero{width:100%;height:auto;border-radius:var(--r-md)}
.post-body h2,.post-body h3{font-size:24px;margin-top:var(--s4);color:var(--ink)}
.post-body img{border-radius:var(--r-md)}
.post h3 a{color:inherit;text-decoration:none}
.btn.tback{align-self:flex-start;background:transparent;border:1.5px solid var(--ink);color:var(--ink)}
.nav-links{display:flex;gap:var(--s2)}

/* Работилници и събития (from the approved shop mockup, p-ws) */
.grp{padding-block:var(--s7)}
.grp+.grp{border-top:var(--rule) solid var(--line)}
.grp-head{display:flex;justify-content:space-between;align-items:end;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}
.grp-head>div{display:flex;flex-direction:column;gap:var(--s2);max-width:40em}
.grp-head h2{font-size:clamp(30px,3.6vw,44px)}
.grp-head p{color:var(--ink-soft)}
.lead{font-size:19px}
.diamond{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.diamond li::before{content:"◊ ";color:var(--rose-2)}
.wshero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:center;padding-block:var(--s5) var(--s7)}
.wscopy{display:flex;flex-direction:column;gap:var(--s4);min-width:0}
.wscopy h1{font-size:clamp(40px,6vw,68px)}
.wshero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md);display:block}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);padding-bottom:var(--s7)}
.pillar{border:var(--rule) solid var(--line);border-top:6px solid var(--c);border-radius:var(--r-md);padding:var(--s5);text-decoration:none;display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.pillar h3{font-size:28px;color:var(--c)}
.pillar span{margin-top:auto;font-family:var(--display);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.wsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.wscard{background:var(--cream);border-radius:var(--r-md);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.wscard h3{font-size:28px;color:var(--c)}
.dur{align-self:flex-start;background:var(--c);color:#fff;font-family:var(--display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill)}
.take{margin-top:auto;padding-top:var(--s3);border-top:1px solid var(--line);font-size:16px}
.forline{margin-top:var(--s5);font-size:16px;color:var(--ink-soft)}
.forline b{font-family:var(--display);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--ink);margin-right:6px}
.notify{margin-top:var(--s6);background:var(--lav);color:var(--paper);border-radius:var(--r-md);padding:var(--s5);display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap}
.notify h3{font-size:24px}
.notify p{color:var(--lav-2)}
.nrow{display:flex;gap:var(--s2);flex-wrap:wrap;flex:1;justify-content:flex-end;min-width:260px}
.nrow input{flex:1;min-width:180px;max-width:320px;padding:12px 16px;border-radius:var(--r-pill);border:0;font-family:var(--sans);font-size:16px}
.notify .ok{flex-basis:100%;color:var(--paper)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:start}
.two>*{min-width:0;display:flex;flex-direction:column;gap:var(--s4)}
.two h2{font-size:clamp(30px,3.6vw,44px)}
.lists .forline{margin-top:0}
.wsband{background:var(--pink-100)}
.organizer{background:var(--green-100)}
.organizer .two{align-items:center}
.organizer img{width:100%;max-width:420px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-md)}
.mail{font-size:16px;color:var(--ink-soft)}
.inq{display:flex;flex-direction:column;gap:var(--s3)}
.inq label{display:flex;flex-direction:column;gap:6px;font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.inq input,.inq select,.inq textarea{font-family:var(--sans);font-size:16px;letter-spacing:0;text-transform:none;color:var(--ink);padding:12px 14px;border:var(--rule) solid var(--line);border-radius:var(--r-md);background:var(--paper)}
.inq .r2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.inq button{align-self:flex-start}
.ok{color:var(--green-700);font-weight:600}
@media(max-width:860px){.wshero .wrap,.two{grid-template-columns:1fr;gap:var(--s5)}.pillars,.wsgrid{grid-template-columns:1fr}}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
@media(max-width:600px){.r2{grid-template-columns:1fr}}
.diamond .kaff{margin-top:4px}
/* Contact Form 7 inside the workshop forms */
.notify .wpcf7-form{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;align-items:flex-start}
.notify .wpcf7-form p{margin:0;display:flex;gap:var(--s2);flex-wrap:wrap}
.notify .wpcf7-form input[type=email]{min-width:220px;padding:12px 16px;border-radius:var(--r-pill);border:0;font-family:var(--sans);font-size:16px}
.notify .wpcf7-submit{font-family:var(--display);font-weight:500;font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:12px 22px;border-radius:var(--r-pill);border:0;background:var(--pink);color:#fff;cursor:pointer}
.notify .wpcf7-response-output{flex-basis:100%;color:var(--paper);border-color:var(--paper)!important}
.inq .wpcf7-form select{width:100%;font-family:var(--sans);font-size:16px;color:var(--ink);padding:12px 14px;border:var(--rule) solid var(--line);border-radius:var(--r-md);background:var(--paper)}
.inq .wpcf7-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.ws-page .crumbs{padding-bottom:0}
.inq .wpcf7-form .wpcf7-form-control-wrap{display:block}
.inq .wpcf7-form input:not([type=submit]),.inq .wpcf7-form select,.inq .wpcf7-form textarea{width:100%}
.inq .wpcf7-form .r2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
@media(max-width:600px){.inq .wpcf7-form .r2{grid-template-columns:1fr}}
.nf-links{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s5)}

.wsg{font-size:24px;margin:var(--s6) 0 var(--s4)}
.grp-head+.wsg{margin-top:var(--s4)}
.wsgrid.four{grid-template-columns:repeat(4,1fr)}
.wscard .fit{font-size:15px;color:var(--ink-soft)}
.wscard .fit b,.wspause .fit b{display:block;font-family:var(--display);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--ink);margin-bottom:2px}
.wspause{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s6);align-items:center;background:var(--green-100);border-radius:var(--r-md);padding:var(--s6)}
.wspause h2{color:var(--green-700);margin:var(--s2) 0 var(--s3)}
.wspause .dur{--c:var(--green-700);display:inline-block}
.wspause .take{border-top:0;padding-top:0;margin-top:var(--s4)}
.wspause .fit{margin-top:var(--s3);font-size:15px;color:var(--ink-soft)}
.wspause .btn{margin-top:var(--s5)}
@media(max-width:1100px){.wsgrid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.wsgrid.four,.wspause{grid-template-columns:1fr}.wspause{padding:var(--s5);gap:var(--s4)}}

/* Calmer page (2026-11-10): the open-workshops box is light, the colour stays in the heading. */
.notify{background:var(--cream);color:var(--ink)}
.notify h3{color:var(--lav)}
.notify p{color:var(--ink-soft)}
.notify .ok,.notify .wpcf7-response-output{color:var(--ink)}
.notify .wpcf7-response-output{border-color:var(--lav-2)!important}
.notify .wpcf7-form input[type=email]{border:1px solid var(--line)}

.wscustom{margin-top:var(--s5);display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s6);align-items:center;border:2px solid var(--lav-2)}
.wscustom>div{display:flex;flex-direction:column;gap:var(--s3);align-items:flex-start;min-width:0}
.wscustom .take{margin-top:0;border-top:0;padding-top:0}
.wscustom .btn{margin-top:var(--s2)}
@media(max-width:860px){.wscustom{grid-template-columns:1fr;gap:var(--s4)}}

/* Articles („Полезно“): video, product cards, tables, questions (2026-11-10) */
.post-body ol,.post-body ul{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.post-body h3{font-size:19px}
.post-body table{border-collapse:collapse;width:100%;font-size:15px}
.post-body th,.post-body td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.post-body th{font-family:var(--display);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.artvid{margin:var(--s4) 0;max-width:340px}
.artvid figcaption{font-size:15px;margin-top:8px;color:var(--ink);display:flex;flex-direction:column;gap:2px}
.artvid figcaption span{font-size:13px;color:var(--ink-soft)}
.artvid .ig-frame{position:relative;aspect-ratio:9/16;border-radius:var(--r-md);overflow:hidden;background:var(--ink)}
.artvid .ig-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75);border-radius:0}
.artvid .ig-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;text-align:center;color:#fff}
.artvid .ig-gate small{font-size:12px;opacity:.9;max-width:220px}
.artvid .ig-play{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--pink);display:grid;place-items:center}
.artvid .ig-btn{background:#fff;color:var(--ink);border:0;border-radius:var(--r-pill);padding:10px 16px;font-weight:700;font-size:14px;cursor:pointer}
.artvid.on .ig-gate{display:none}
.artcards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin:var(--s3) 0 var(--s4)}
.post-body .faq p{margin:0 0 14px}
/* Product cards inside an article keep their own colours (the article's pink links do not apply). */
.post-body .pcard a{color:inherit}
.post-body .pcard h3 a{color:var(--c)}
.post-body .pcard a.add{color:#fff}
/* Form reply right under „Изпрати“, in the site's style (Деси, 2026-11-14): green when sent,
   pink when something is missing. Contact Form 7's own margins put it far below. */
.inq .wpcf7 form .wpcf7-response-output{margin:calc(var(--s2) * -1) 0 0;padding:12px 16px;border:0!important;border-radius:var(--r-md);background:var(--green-100);color:var(--green-700);font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
.inq .wpcf7 form.invalid .wpcf7-response-output,.inq .wpcf7 form.unaccepted .wpcf7-response-output,.inq .wpcf7 form.failed .wpcf7-response-output,.inq .wpcf7 form.aborted .wpcf7-response-output,.inq .wpcf7 form.spam .wpcf7-response-output{background:var(--pink-100);color:var(--pink-600)}
.inq .wpcf7 form.init .wpcf7-response-output,.inq .wpcf7 form .wpcf7-response-output:empty{display:none}
.inq .wpcf7-spinner{margin:0 0 0 12px}
/* The spinner takes a row only while the form is sending, so the reply sits right under „Изпрати“. */
.inq .wpcf7 form .wpcf7-spinner{display:none;margin:0}
.inq .wpcf7 form.submitting .wpcf7-spinner{display:inline-block}
.inq .wpcf7 form .wpcf7-response-output{margin:0!important}
/* The older contact form (from the previous theme) gets the same spacing as the new forms. */
.inq .glowing-contact-form{display:flex;flex-direction:column;gap:var(--s3);margin:0}
.inq .glowing-contact-form>*{width:100%;max-width:none;flex:none;padding:0;margin:0}
.inq .glowing-contact-form .item-contact{display:flex;flex-direction:column;gap:6px}
.inq .glowing-contact-form .item-contact label{margin:0;font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.inq .glowing-contact-form textarea{height:150px;min-height:120px}
/* „Отворени работилници“ subscribe: the reply right under the field, in the site's style (Деси, 2026-11-15). */
.notify .wpcf7 form .wpcf7-spinner{display:none;margin:0}
.notify .wpcf7 form.submitting .wpcf7-spinner{display:inline-block;align-self:center}
.notify .wpcf7 form .wpcf7-response-output{flex-basis:100%;margin:0!important;padding:10px 16px;border:0!important;border-radius:var(--r-md);background:var(--green-100);color:var(--green-700);font-family:var(--sans);font-size:15px;font-weight:600;text-align:right}
.notify .wpcf7 form.invalid .wpcf7-response-output,.notify .wpcf7 form.failed .wpcf7-response-output,.notify .wpcf7 form.spam .wpcf7-response-output,.notify .wpcf7 form.aborted .wpcf7-response-output{background:var(--pink-100);color:var(--pink-600)}
.notify .wpcf7 form.init .wpcf7-response-output,.notify .wpcf7 form .wpcf7-response-output:empty{display:none}
/* The reply as green text under the field and button, not a full-width bar (Деси, 2026-11-15). */
.notify .wpcf7 form .wpcf7-response-output{background:none!important;padding:0 4px 0 0}