/**
 * SEO Total Blog - front styles. Copyright since 2026 SEO Total, AFL-3.0 (see LICENSE.txt).
 * Loaded on blog pages only. Colours and fonts come from the theme (Bootstrap 5 variables with fallbacks).
 * Never targets the body (R43): only the module wrappers.
 */
.seototal-blog,.seototal-blog-post,.seototal-blog-header,.seototal-blog-author{--stb-accent:var(--bs-primary,#24b9d7);--stb-text:var(--bs-body-color,#232323);--stb-muted:var(--bs-secondary-color,#6c757d);--stb-border:var(--bs-border-color,#dee2e6);--stb-bg:var(--bs-body-bg,#fff);--stb-soft:var(--bs-tertiary-bg,#f6f6f6);--stb-radius:var(--bs-border-radius,.375rem);--stb-gap:1.25rem;color:var(--stb-text)}
.seototal-blog *,.seototal-blog-post *{box-sizing:border-box}
.seototal-blog img,.seototal-blog-post img{max-width:100%;height:auto}


/* header and search */
.seototal-blog-header{margin:0 0 1.5rem}
.seototal-blog-header__title{margin:0 0 .5rem}
.seototal-blog-header__description{color:var(--stb-muted);max-width:60rem}
.seototal-blog-search{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1.5rem}
.seototal-blog-search__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.seototal-blog-search__input{flex:1 1 14rem;min-height:2.5rem;padding:.4rem .75rem;border:1px solid var(--stb-border);border-radius:var(--stb-radius);background:var(--stb-bg);color:inherit}
.seototal-blog-search__button,.seototal-blog-cta,.seototal-blog-product__button{display:inline-block;min-height:2.5rem;padding:.5rem 1.1rem;border:1px solid var(--stb-accent);border-radius:var(--stb-radius);background:var(--stb-accent);color:#fff;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer}
.seototal-blog-search__button:hover,.seototal-blog-cta:hover,.seototal-blog-product__button:hover{filter:brightness(.92);color:#fff;text-decoration:none}
.seototal-blog-empty{padding:2rem 1rem;text-align:center;color:var(--stb-muted);background:var(--stb-soft);border-radius:var(--stb-radius)}

/* grid and cards (mobile first) */
.seototal-blog-grid{display:grid;grid-template-columns:1fr;gap:var(--stb-gap);margin:0 0 2rem}
@media (min-width:576px){.seototal-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:992px){.seototal-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.seototal-blog-card{display:flex;flex-direction:column;overflow:hidden;background:var(--stb-bg);border:1px solid var(--stb-border);border-radius:var(--stb-radius)}
.seototal-blog-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--stb-soft)}
.seototal-blog-card__media picture{display:block;height:100%}
.seototal-blog-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.seototal-blog-card:hover .seototal-blog-card__image{transform:scale(1.03)}
.seototal-blog-card__body{display:flex;flex-direction:column;gap:.4rem;padding:1rem;flex:1}
.seototal-blog-card__category{align-self:flex-start;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--stb-accent);text-decoration:none}
.seototal-blog-card__title{margin:0;font-size:1.125rem;line-height:1.35}
.seototal-blog-card__title a{color:inherit;text-decoration:none}
.seototal-blog-card__title a:hover{color:var(--stb-accent)}
.seototal-blog-card__date{font-size:.8125rem;color:var(--stb-muted)}
.seototal-blog-card__excerpt{margin:0;font-size:.9375rem;color:var(--stb-muted)}

/* pagination */
.seototal-blog-pagination{margin:0 0 2rem}
.seototal-blog-pagination__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin:0;padding:0;list-style:none}
.seototal-blog-pagination__item a{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;padding:0 .75rem;border:1px solid var(--stb-border);border-radius:var(--stb-radius);color:inherit;text-decoration:none}
.seototal-blog-pagination__item a:hover{border-color:var(--stb-accent);color:var(--stb-accent)}
.seototal-blog-pagination__item--current a{background:var(--stb-accent);border-color:var(--stb-accent);color:#fff}
.seototal-blog-pagination__item--gap{display:inline-flex;align-items:center;padding:0 .25rem;color:var(--stb-muted)}

/* guest author page */
.seototal-blog-author{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start;margin:0 0 2rem;padding:1.25rem;background:var(--stb-soft);border-radius:var(--stb-radius)}
@media (min-width:768px){.seototal-blog-author{flex-direction:row}}
.seototal-blog-author__photo{flex:0 0 auto}
.seototal-blog-author__image{display:block;width:160px;height:160px;border-radius:50%;object-fit:cover}
.seototal-blog-author__name{margin:0 0 .25rem}
.seototal-blog-author__job{margin:0 0 .75rem;color:var(--stb-muted);font-weight:600}
.seototal-blog-author__bio{margin:0 0 .75rem}
.seototal-blog-author__socials{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.seototal-blog-author__social{display:inline-block;padding:.25rem .75rem;border:1px solid var(--stb-border);border-radius:999px;background:var(--stb-bg);color:inherit;font-size:.875rem;text-decoration:none}
.seototal-blog-author__social:hover{border-color:var(--stb-accent);color:var(--stb-accent)}
.seototal-blog-author__section{margin:0 0 2rem}
.seototal-blog-author__heading{margin:0 0 1rem;font-size:1.375rem}

/* post page */
.seototal-blog-post{max-width:48rem;margin:0 auto}
.seototal-blog-post__header{margin:0 0 1.5rem}
.seototal-blog-post__category{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--stb-accent);text-decoration:none}
.seototal-blog-post__title{margin:.5rem 0 .75rem;line-height:1.2}
.seototal-blog-post__meta{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center;color:var(--stb-muted);font-size:.875rem}
.seototal-blog-post__signature{display:inline-flex;align-items:center;gap:.5rem}
.seototal-blog-post__signature img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.seototal-blog-post__signature a,.seototal-blog-post__signature strong{color:var(--stb-text);font-weight:600;text-decoration:none}
.seototal-blog-post__signature a:hover{color:var(--stb-accent)}
.seototal-blog-post__signature-job{color:var(--stb-muted)}
.seototal-blog-post__hero{margin:0 0 1.5rem}
.seototal-blog-post__hero img{display:block;width:100%;border-radius:var(--stb-radius)}
.seototal-blog-post__hero figcaption{margin-top:.5rem;font-size:.8125rem;color:var(--stb-muted)}
.seototal-blog-post__body{font-size:1.0625rem;line-height:1.7;overflow-wrap:break-word}
.seototal-blog-post__body h2,.seototal-blog-post__body h3{margin:2rem 0 .75rem;line-height:1.3;scroll-margin-top:5rem}
.seototal-blog-post__body img{border-radius:var(--stb-radius)}
.seototal-blog-post__body figure{margin:1.5rem 0}
.seototal-blog-post__body blockquote{margin:1.5rem 0;padding:.75rem 1.25rem;border-left:4px solid var(--stb-accent);background:var(--stb-soft)}
.seototal-blog-post__body table{width:100%;border-collapse:collapse;margin:1.5rem 0}
.seototal-blog-post__body th,.seototal-blog-post__body td{padding:.5rem;border:1px solid var(--stb-border)}
.seototal-blog-post__products,.seototal-blog-post__related,.seototal-blog-post__comments{margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--stb-border)}
.seototal-blog-post__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 0;padding:0;list-style:none}
.seototal-blog-post__tags a{display:inline-block;padding:.2rem .7rem;border-radius:999px;background:var(--stb-soft);color:inherit;font-size:.8125rem;text-decoration:none}
.seototal-blog-post__share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:2rem 0 0}
.seototal-blog-post__share a,.seototal-blog-post__share button{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 .9rem;border:1px solid var(--stb-border);border-radius:999px;background:var(--stb-bg);color:inherit;font:inherit;font-size:.875rem;text-decoration:none;cursor:pointer}
.seototal-blog-post__share a:hover,.seototal-blog-post__share button:hover{border-color:var(--stb-accent);color:var(--stb-accent)}
.seototal-blog-post__author-box{display:flex;gap:1.25rem;align-items:flex-start;margin:2.5rem 0 0;padding:1.25rem;background:var(--stb-soft);border-radius:var(--stb-radius)}
.seototal-blog-post__author-box+.seototal-blog-post__author-box{margin-top:1rem}
.seototal-blog-post__author-box img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.seototal-blog-author__label{margin:0 0 .125rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--stb-muted)}
.seototal-blog-post__author-box .seototal-blog-author__name{font-size:1.125rem;font-weight:700}
.seototal-blog-post__author-box .seototal-blog-author__name a{color:inherit;text-decoration:none}
.seototal-blog-post__author-box .seototal-blog-author__bio>:last-child{margin-bottom:0}
.seototal-blog-post__author-box .seototal-blog-author__socials{margin-top:.75rem}
.seototal-blog-author__social--icon{display:inline-grid;place-items:center;width:44px;height:44px;padding:0}
.seototal-blog-author__social--icon:focus-visible{outline:2px solid var(--stb-accent);outline-offset:3px}
.seototal-blog-post__nav{display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0 0}
@media (min-width:576px){.seototal-blog-post__nav{grid-template-columns:1fr 1fr}}
.seototal-blog-post__nav a{display:block;padding:.75rem 1rem;border:1px solid var(--stb-border);border-radius:var(--stb-radius);color:inherit;text-decoration:none}
.seototal-blog-post__nav-next{text-align:right}
.seototal-blog-post__related .seototal-blog-grid{margin:1rem 0 0}

/* comments */
.seototal-blog-comments__list{margin:0 0 1.5rem;padding:0;list-style:none}
.seototal-blog-comments__list .seototal-blog-comments__list{margin:.75rem 0 0 1.25rem;padding-left:1rem;border-left:2px solid var(--stb-border)}
.seototal-blog-comment{margin:0 0 1rem}
.seototal-blog-comment__author{font-weight:600}
.seototal-blog-comment__date{margin-left:.5rem;font-size:.8125rem;color:var(--stb-muted)}
.seototal-blog-comment__staff{margin-left:.5rem;padding:0 .45rem;border-radius:999px;background:var(--stb-soft);font-size:.75rem;font-weight:600}
.seototal-blog-comments__form{display:grid;gap:.75rem;max-width:40rem}
.seototal-blog-comments__form input:not([type=checkbox]),.seototal-blog-comments__form textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--stb-border);border-radius:var(--stb-radius);background:var(--stb-bg);color:inherit;font:inherit}
.seototal-blog-comments__message{padding:.75rem 1rem;border-radius:var(--stb-radius);background:var(--stb-soft)}
.seototal-blog-comments__message:empty{display:none}

/* insertables: table of contents (a <details>, closed by default, R45) */
.seototal-blog-toc{margin:1.5rem 0;padding:0 1.25rem;background:var(--stb-soft);border-radius:var(--stb-radius)}
.seototal-blog-toc summary,.seototal-blog-faq__item summary{list-style:none;cursor:pointer;position:relative;padding-right:2rem}
.seototal-blog-toc summary::-webkit-details-marker,.seototal-blog-faq__item summary::-webkit-details-marker{display:none}
.seototal-blog-toc summary::after,.seototal-blog-faq__item summary::after{content:"";position:absolute;right:.5rem;top:50%;width:.55em;height:.55em;margin-top:-.45em;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
.seototal-blog-toc__details[open]>summary::after,.seototal-blog-faq__item[open]>summary::after{transform:rotate(-135deg);margin-top:-.15em}
.seototal-blog-toc__title{margin:0;padding:.875rem 2rem .875rem 0;font-weight:700}
.seototal-blog-toc ol{margin:0;padding:0 0 1rem 1.25rem}
.seototal-blog-toc ol ol{margin-top:.25rem}
.seototal-blog-toc a{color:inherit}
.seototal-blog-toc a:hover{color:var(--stb-accent)}

/* insertables: products */
.seototal-blog-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem;margin:1.5rem 0}
.seototal-blog-product{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0;padding:1rem;border:1px solid var(--stb-border);border-radius:var(--stb-radius);background:var(--stb-bg)}
.seototal-blog-products .seototal-blog-product{margin:0}
.seototal-blog-product__link{display:flex;flex-direction:column;gap:.5rem;color:inherit;text-decoration:none}
.seototal-blog-product__image{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.seototal-blog-product__name{font-weight:600;line-height:1.3}
.seototal-blog-product__price{margin:0}
.seototal-blog-product__current-price{font-weight:700;font-size:1.125rem}
.seototal-blog-product__regular-price{color:var(--stb-muted);font-size:.875rem}
.seototal-blog-product__stock{margin:0;color:var(--stb-muted);font-size:.8125rem}
.seototal-blog-product__cart{margin:auto 0 0}
.seototal-blog-product__button{width:100%}
.seototal-blog-product__button--view{background:transparent;color:var(--stb-accent)}
.seototal-blog-product__button--view:hover{color:var(--stb-accent)}
.seototal-blog-product--inline{display:inline;margin:0;padding:0;border:0;background:none;font-weight:600;color:var(--stb-accent)}

/* insertables: faq, notices, cta, gallery, post card */
.seototal-blog-faq{margin:1.5rem 0;border-top:1px solid var(--stb-border)}
.seototal-blog-faq__item{border-bottom:1px solid var(--stb-border)}
.seototal-blog-faq__item summary{padding:.875rem 2rem .875rem 0;font-weight:600}
.seototal-blog-faq__item summary h3{display:inline;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.5}
.seototal-blog-faq__item>div{padding:0 0 1rem}
.seototal-blog-notice{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--stb-accent);border-radius:var(--stb-radius);background:var(--stb-soft)}
.seototal-blog-notice>:last-child{margin-bottom:0}
.seototal-blog-notice--info{border-left-color:var(--bs-info,#0dcaf0);background:var(--bs-info-bg-subtle,#e7f8fd)}
.seototal-blog-notice--warning{border-left-color:var(--bs-warning,#ffc107);background:var(--bs-warning-bg-subtle,#fff8e1)}
.seototal-blog-notice--success{border-left-color:var(--bs-success,#198754);background:var(--bs-success-bg-subtle,#e8f5ee)}
.seototal-blog-cta{margin:.5rem 0}
.seototal-blog-cta--primary{background:var(--stb-accent);border-color:var(--stb-accent);color:#fff}
.seototal-blog-cta--secondary{background:var(--bs-secondary,#6c757d);border-color:var(--bs-secondary,#6c757d);color:#fff}
.seototal-blog-cta--outline{background:transparent;color:var(--stb-accent)}
.seototal-blog-cta--outline:hover{background:var(--stb-accent);color:#fff}
.seototal-blog-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1.5rem 0}
@media (min-width:768px){.seototal-blog-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.seototal-blog-gallery__item{display:block;overflow:hidden;border-radius:var(--stb-radius);aspect-ratio:1/1;background:var(--stb-soft)}
.seototal-blog-gallery__image{display:block;width:100%;height:100%;object-fit:cover}
.seototal-blog-lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.85);cursor:zoom-out}
.seototal-blog-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--stb-radius)}
.seototal-blog-lightbox__close{position:absolute;top:.75rem;right:.75rem;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#fff;color:#000;font-size:1.5rem;line-height:1;cursor:pointer}
.seototal-blog-post-card{display:flex;gap:1rem;align-items:center;margin:1.5rem 0;padding:.75rem;border:1px solid var(--stb-border);border-radius:var(--stb-radius)}
.seototal-blog-post-card__media{flex:0 0 7rem}
.seototal-blog-post-card__image{display:block;width:100%;height:auto;border-radius:var(--stb-radius)}
.seototal-blog-post-card__title{margin:0 0 .25rem;font-size:1rem}
.seototal-blog-post-card__title a{color:inherit;text-decoration:none}
.seototal-blog-post-card__date{font-size:.8125rem;color:var(--stb-muted)}
.seototal-blog-post-card__excerpt{margin:.25rem 0 0;font-size:.875rem;color:var(--stb-muted)}
.seototal-blog-copied{margin-left:.5rem;font-size:.8125rem;color:var(--bs-success,#198754)}
@media (prefers-reduced-motion:reduce){.seototal-blog-card__image,.seototal-blog-toc summary::after,.seototal-blog-faq__item summary::after{transition:none}}