/* Presentation only: the existing WordPress, Stackable and Smart Post blocks
   remain responsible for all content, filters, queries and links. */
body.br-posts-native #main>[data-vertical-spacing]{padding:0 0 64px}
body.br-posts-native .entry-content>.stk-block-spacer{display:none}
body.br-posts-native .entry-content>.br-posts-layout{
 --brpost-bg:#fff;--brpost-ink:#151515;--brpost-muted:#686868;--brpost-line:#e5e5e5;
 display:grid;grid-template-columns:minmax(0,660px) minmax(220px,280px);
 width:calc(100% - 64px);max-width:984px;margin-left:auto!important;margin-right:auto!important;
 color:var(--brpost-ink);font-family:Inter,Arial,sans-serif;
}
html.br-dark body.br-posts-native .entry-content>.br-posts-layout{
 --brpost-bg:#191919;--brpost-ink:#f0f0f0;--brpost-muted:#b5b5b5;--brpost-line:#3c3c3c;
}
body.br-posts-native .br-posts-layout>.wp-block-column{min-width:0}
body.br-posts-native .br-posts-layout .columna-sticky{top:calc(88px + var(--wp-admin--admin-bar--height, 0px))!important}
body.br-posts-native .br-posts-layout :is(#recent-post,#popular-post){margin-bottom:20px!important}
body.br-posts-native .br-posts-layout :is(#recent-post,#popular-post) h6{font-weight:650!important;letter-spacing:-.4px;line-height:1.4}
body.br-posts-native .br-posts-layout .wp-block-sp-smart-post-show-live-filter{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 24px!important;align-items:flex-end}
body.br-posts-native .br-posts-layout .wp-block-sp-smart-post-show-live-filter>div{flex:1 1 125px;min-width:0;max-width:100%;margin:0!important}
body.br-posts-native .br-posts-layout .wp-block-sp-smart-post-show-live-filter>div>div{width:100%!important}
body.br-posts-native .br-posts-layout .sp-smart-post-live-filter-label{font-size:11px!important;font-weight:600;color:var(--brpost-muted)!important;display:block;margin-bottom:5px!important}
/* Preserve Smart Post's own attributes and generated CSS/meta; this single
   residual override recreates the existing Patreon radius. */
body.br-posts-native .br-posts-layout .sp-smart-post-live-filter-btn{border-radius:9px!important;min-height:40px!important;box-shadow:none!important;font-size:13px!important}
body.br-posts-native .br-posts-layout .sp-smart-post-search-field input{font-size:14px!important;min-width:0;width:100%}
/* Smart Post uses different semantic markers on initial render and AJAX. */
body.br-posts-native .br-posts-layout :is(.sp-smart-post-no-post,.sp-search-not-found,.br-posts-empty-text){border:1px solid var(--brpost-line);border-radius:12px;padding:48px 20px;text-align:center;background:var(--brpost-bg)}
body.br-posts-native .br-posts-layout .sp-smart-post-no-post h4{font-size:16px!important;font-weight:500!important;color:var(--brpost-muted)!important;margin:0}
body.br-posts-native .br-posts-layout :is(.sp-search-not-found,.br-posts-empty-text){font-size:16px!important;font-weight:500!important;color:var(--brpost-muted)!important}
body.br-posts-native .br-posts-layout .sp-search-not-found{display:block}
/* Once Smart Post has inserted the filtered grid, its initial empty notice is stale. */
body.br-posts-native .br-posts-layout .br-posts-has-results-grid .sp-smart-post-show-pro-pre-query > .sp-smart-post-no-post{display:none}
body.br-posts-native .br-posts-layout :is(a,button,summary,[role=tab]):focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:1100px){body.br-posts-native .entry-content>.br-posts-layout{grid-template-columns:minmax(0,1fr) 230px;gap:28px!important}}
@media(max-width:900px){body.br-posts-native .entry-content>.br-posts-layout{grid-template-columns:minmax(0,1fr)}body.br-posts-native .br-posts-layout .columna-sticky{position:static!important;border-top:1px solid var(--brpost-line);padding-top:28px}}
@media(max-width:767px){body.br-posts-native #main>[data-vertical-spacing]{padding-bottom:44px}body.br-posts-native .entry-content>.br-posts-layout{width:calc(100% - 32px);gap:28px!important}body.br-posts-native .br-posts-layout :is(#recent-post,#popular-post) h6{font-size:20px!important}}

/* The enhancement leaves each native input in its original Smart Post parent. */
body.br-posts-native .br-posts-layout.brposts-enhanced{gap:40px!important;align-items:start;max-width:980px}
body.br-posts-native .br-posts-layout.brposts-enhanced .brposts-native-controls{display:none!important}
.brposts-enhanced{--brpost-purple:#290044;--brpost-purple-hover:#42165f;--brpost-soft:#f3f3f5;--brpost-focus:#704097;--brpost-primary-text:#fff;--brpost-primary-hover-text:#fff;--brpost-switch-check:#290044;--brpost-switch-knob-edge:transparent;--brpost-switch-track-edge:var(--brpost-purple)}
html.br-dark .brposts-enhanced{--brpost-purple:#794a98;--brpost-purple-hover:#8d5aaa;--brpost-soft:#28282a;--brpost-focus:#c59ee2}
.brposts-enhanced .brposts-feed-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 30px;min-height:42px}
.brposts-enhanced .brposts-feed-heading{min-width:0}
.brposts-enhanced .brposts-feed-heading #recent-post{margin:0!important;padding:0!important}
.brposts-enhanced .brposts-feed-heading :is(h1,h2,h3,h4,h5,h6){font:700 26px/1.25 Inter,Arial,sans-serif!important;letter-spacing:-.6px;margin:0!important;color:var(--brpost-ink)!important}
.brposts-feed-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.brposts-enhanced .brposts-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;box-sizing:border-box;padding:9px 15px;border:1px solid #ccc;border-radius:8px;background:var(--brpost-bg);color:var(--brpost-ink);font:600 14px/1.4 Inter,Arial,sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:none;text-decoration:none;transition:background .15s,border-color .15s}
.brposts-enhanced .brposts-button:hover{background:var(--brpost-soft);border-color:#aaa}
.brposts-enhanced .brposts-button-primary{background:var(--brpost-purple);border-color:var(--brpost-purple);color:var(--brpost-primary-text)}
.brposts-enhanced .brposts-button-primary:hover{background:var(--brpost-purple-hover);border-color:var(--brpost-purple-hover);color:var(--brpost-primary-hover-text)}
.brposts-icon{display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center}
.brposts-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brposts-enhanced :is(button,input,select,[tabindex]):focus-visible{outline:2px solid var(--brpost-focus);outline-offset:3px}
.brposts-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brposts-sort{position:relative}
.brposts-sort-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:200px;box-sizing:border-box;border:1px solid var(--brpost-line);border-radius:9px;padding:8px;background:var(--brpost-bg);box-shadow:0 3px 12px #00000014}
.brposts-sort-menu[hidden]{display:none}
.brposts-sort-title{margin:0;padding:5px 7px 8px;color:var(--brpost-muted);font-size:12px;font-weight:500}
.brposts-sort-item{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;padding:8px;border:0;border-radius:5px;background:none;color:var(--brpost-ink);font:400 14px/1.4 Inter,Arial,sans-serif;text-align:left;cursor:pointer}
.brposts-sort-item:hover{background:var(--brpost-soft)}
.brposts-sort-item .brposts-icon{visibility:hidden;width:16px;height:16px}
.brposts-sort-item[aria-checked=true] .brposts-icon{visibility:visible}
.brposts-sort-item:disabled{opacity:.45;cursor:not-allowed}
.brposts-search{display:flex;align-items:center;gap:10px;position:relative;width:100%;min-height:42px;margin:0 0 32px;padding:0 12px;box-sizing:border-box;background:var(--brpost-soft);border:1px solid transparent;border-radius:8px;color:var(--brpost-muted)}
.brposts-search:focus-within{border-color:var(--brpost-focus);outline:1px solid var(--brpost-focus)}
.brposts-search .brposts-search-input{appearance:none;min-width:0;width:100%;height:40px;border:0!important;outline:0!important;padding:8px 0;margin:0;background:none!important;box-shadow:none!important;border-radius:0;color:var(--brpost-ink);font:400 14px/1.4 Inter,Arial,sans-serif}
.brposts-search-input::placeholder{color:var(--brpost-muted);opacity:1}
.brposts-search-input::-webkit-search-cancel-button{appearance:none}
.brposts-search-clear{appearance:none;display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:none;color:var(--brpost-muted);padding:4px;cursor:pointer}
.brposts-search-clear[hidden]{display:none}
.brposts-search-clear .brposts-icon{width:15px;height:15px}
.brposts-mobile-search-slot:empty{display:none}
.brposts-enhanced #popular-post,.brposts-enhanced #popular-post :is(h1,h2,h3,h4,h5,h6){font:600 22px/1.3 Inter,Arial,sans-serif!important;letter-spacing:-.35px;margin-bottom:16px!important;color:var(--brpost-ink)}
.brposts-enhanced .wpp-list{list-style:none;margin:0;padding:0}
.brposts-enhanced .wpp-list li{min-height:64px;margin:0 0 14px;padding:0;line-height:1.4;overflow:hidden}
.brposts-enhanced .wpp-list .wpp-thumbnail{width:64px!important;height:64px!important;object-fit:cover;float:left;margin:0 12px 0 0;border-radius:8px}
.brposts-enhanced .wpp-list .wpp-post-title{font:600 14px/1.4 Inter,Arial,sans-serif;color:var(--brpost-ink);text-decoration:none}
.brposts-enhanced .wpp-list .wpp-post-title:hover{text-decoration:underline}
.brposts-enhanced .wpp-list :is(.wpp-meta,.post-stats){display:block;overflow:hidden;font:400 12px/1.45 Inter,Arial,sans-serif;color:var(--brpost-muted);margin-top:2px}
/* These are the existing native card surfaces. Keep their content and geometry,
   while inheriting the same light/dark palette as the presentation controls. */
.brposts-enhanced .brpa-grid .sp-smart-post-card,.brposts-enhanced .brpa-grid .sp-smart-post-template-one-content,.brposts-enhanced .brpa-grid .sp-smart-post-card-content{background:var(--brpost-bg)!important;color:var(--brpost-ink)!important;border-color:var(--brpost-line)!important}
.brposts-enhanced .brpa-grid .sp-smart-post-title-wrapper,.brposts-enhanced .brpa-grid .sp-smart-post-title{color:var(--brpost-ink)!important;font-family:Inter,Arial,sans-serif!important}
.brposts-enhanced .brpa-grid :is(.sp-smart-post-excerpt,.sp-smart-post-meta,.sp-smart-post-meta-text,.sp-smart-post-meta-icon,.sp-smart-post-meta a){color:var(--brpost-muted)!important;font-family:Inter,Arial,sans-serif!important}
.brposts-enhanced .brpa-grid .sp-smart-post-category a{background:var(--brpost-soft)!important;color:var(--brpost-ink)!important}
.brposts-dialog{color:var(--brpost-ink);background:var(--brpost-bg);padding:0;margin:auto;width:600px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border:0;border-radius:12px;box-shadow:0 20px 70px #0003;font:400 15px/1.5 Inter,Arial,sans-serif;overflow:hidden}
.brposts-dialog:not([open]){display:none}
.br-posts-layout.brposts-enhanced>dialog.brposts-dialog{position:fixed;inset:0;margin:auto!important}
.brposts-dialog[open]{display:flex;flex-direction:column}
.brposts-dialog::backdrop{background:rgba(0,0,0,.45)}
html.brposts-modal-open{overflow:hidden}
.brposts-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;min-height:76px;padding:20px 24px;box-sizing:border-box;border-bottom:1px solid var(--brpost-line)}
.brposts-dialog .brposts-dialog-title{font:700 24px/1.3 Inter,Arial,sans-serif;letter-spacing:-.5px;color:var(--brpost-ink);margin:0}
.brposts-dialog .brposts-dialog-title:focus{outline:none!important}
.brposts-dialog-close{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:7px;border:0;border-radius:6px;background:none;color:var(--brpost-muted);cursor:pointer}
.brposts-dialog-close:hover{background:var(--brpost-soft)}
.brposts-dialog-body{padding:0 24px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.brposts-modal-notice{margin:16px 0 0;padding:12px;border:1px solid var(--brpost-line);border-radius:7px;background:var(--brpost-soft);color:var(--brpost-muted);font-size:13px;line-height:1.5}
.brposts-filter-section{padding:24px 0;border-bottom:1px solid var(--brpost-line)}
.brposts-filter-section:last-child{border-bottom:0}
.brposts-dialog .brposts-section-title{font:600 16px/1.4 Inter,Arial,sans-serif;margin:0 0 16px;color:var(--brpost-ink);letter-spacing:0}
.brposts-dialog .brposts-section-title::first-letter{text-transform:uppercase}
.brposts-access-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}
.brposts-dialog .brposts-access-heading .brposts-section-title{margin:0}
.brposts-modal-switch{display:flex;align-items:center;gap:9px;position:relative;flex-shrink:0;cursor:pointer;font-size:12px;line-height:1.4}
.brposts-modal-switch input{position:absolute;right:0;width:44px;height:26px;opacity:0;margin:0;cursor:pointer}
.brposts-switch-track{display:inline-block;position:relative;width:44px;height:26px;flex-shrink:0;background:#aaa4b1;border-radius:20px;transition:background .15s;pointer-events:none}
.brposts-switch-track:before{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 0 0 1px var(--brpost-switch-knob-edge);transition:transform .15s}
.brposts-switch-track .brposts-icon{position:absolute;left:6px;top:6px;width:14px;height:14px;color:var(--brpost-switch-check);opacity:0;transition:transform .15s}
.brposts-modal-switch input:checked+.brposts-switch-track{background:var(--brpost-purple);box-shadow:inset 0 0 0 1px var(--brpost-switch-track-edge)}
.brposts-modal-switch input:checked+.brposts-switch-track:before{transform:translateX(18px)}
.brposts-modal-switch input:checked+.brposts-switch-track .brposts-icon{opacity:1;transform:translateX(18px)}
.brposts-modal-switch input:focus-visible+.brposts-switch-track{outline:2px solid var(--brpost-focus);outline-offset:3px}
.brposts-radio-group{display:flex;flex-direction:column;gap:0}
.brposts-radio-row{display:flex;align-items:center;gap:11px;min-height:40px;cursor:pointer;font-size:15px;line-height:1.45;color:var(--brpost-ink)}
.brposts-radio-row input[type=radio]{appearance:auto;width:24px;height:24px;flex-shrink:0;margin:0;accent-color:var(--brpost-purple);cursor:pointer}
.brposts-taxonomy-select{appearance:auto;display:block;width:100%;min-height:48px;padding:10px 13px;border:1px solid var(--brpost-line);border-radius:8px;box-sizing:border-box;background:var(--brpost-bg);color:var(--brpost-ink);font:400 15px/1.5 Inter,Arial,sans-serif}
.brposts-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;min-height:82px;padding:16px 24px;box-sizing:border-box;border-top:1px solid var(--brpost-line);background:var(--brpost-bg)}
.brposts-selection-count{color:var(--brpost-muted);font-size:12px;line-height:1.4}
.brposts-dialog-actions{display:flex;align-items:center;gap:8px}
.brposts-enhanced .brposts-target-empty .sp-smart-post-items,.brposts-enhanced .brposts-target-empty .sp-smart-post-no-post,.brposts-enhanced .brposts-target-empty .sp-search-not-found{display:none!important}
.brposts-empty{display:flex;min-height:224px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 20px;border:1px solid var(--brpost-line);border-radius:9px;background:var(--brpost-bg);text-align:center}
.brposts-empty[hidden]{display:none}
.brposts-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--brpost-soft);color:var(--brpost-ink)}
.brposts-empty-icon .brposts-icon{width:24px;height:24px}
.brposts-empty h3{font:600 16px/1.4 Inter,Arial,sans-serif;margin:0;color:var(--brpost-ink)}
@media(max-width:1100px){body.br-posts-native .br-posts-layout.brposts-enhanced{grid-template-columns:minmax(0,1fr) 250px;gap:28px!important}}
@media(max-width:900px){body.br-posts-native .br-posts-layout.brposts-enhanced{grid-template-columns:minmax(0,1fr);max-width:660px}.brposts-mobile-search-slot .brposts-search{margin-bottom:24px}.brposts-enhanced .brposts-feed-heading :is(h1,h2,h3,h4,h5,h6){font-size:24px!important}}
@media(max-width:600px){.brposts-enhanced .brposts-feed-header{gap:12px;flex-wrap:wrap;margin-bottom:24px}.brposts-enhanced .brposts-feed-heading{flex:1 1 100%}.brposts-feed-actions{width:100%;justify-content:flex-end}.brposts-enhanced .brposts-button{min-height:42px;padding:9px 13px}.brposts-search .brposts-search-input{font-size:16px}.brposts-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.brposts-dialog-header{padding:18px 20px;min-height:70px}.brposts-dialog .brposts-dialog-title{font-size:23px}.brposts-dialog-body{padding:0 20px}.brposts-dialog-footer{padding:14px 20px;gap:10px}.brposts-dialog-actions{gap:7px}.brposts-dialog .brposts-button{padding:10px 12px;font-size:13px}.brposts-access-heading{gap:10px}.brposts-modal-switch{font-size:11px;gap:7px}.brposts-selection-count{max-width:100px}}
@media(prefers-reduced-motion:reduce){.brposts-enhanced *{transition:none!important}}
@media(max-width:600px){.br-posts-layout.brposts-enhanced>dialog.brposts-dialog{margin:0!important}}

/* Hide stale vendor empty notices only when actual cards are present. */
.brposts-enhanced .brposts-has-results .sp-smart-post-no-post,.brposts-enhanced .brposts-has-results .sp-search-not-found{display:none!important}
