/*
Theme Name: JFB — TOSS STUDIO
Theme URI: https://toss.studio/
Author: TOSS STUDIO
Author URI: https://toss.studio/
Description: Tema original JFB Market Supply pela TOSS STUDIO, com home institucional, blog, categorias, páginas e artigos responsivos.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jfb-tossstudio
Tags: blog, custom-menu, featured-images, threaded-comments, wide-blocks
*/
.site-header::before{background:#0a1d2e}
.admin-bar .site-header{top:32px}
.toss-menu{list-style:none;display:flex;align-items:center;gap:24px;margin:0;padding:0}
.toss-page-hero{padding:calc(var(--header-height) + 80px) 0 72px;background:#0a1d2e;color:#fff}
.toss-page-hero h1{font-family:var(--font-heading);font-size:clamp(32px,5vw,64px);line-height:1.12;max-width:1000px;margin:20px 0;overflow-wrap:anywhere}
.toss-page-hero p{max-width:720px;font-size:18px;color:#c5d9ea}
.toss-page-hero .eyebrow,.toss-post-meta a{color:#ffd863}
.toss-post-meta{display:flex;flex-wrap:wrap;gap:12px 24px;color:#c5d9ea;margin-top:28px}
.toss-prose{width:min(800px,calc(100% - 40px));margin:auto;color:#24384a;font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.toss-prose>*+*{margin-top:24px}
.toss-prose h2,.toss-prose h3,.toss-prose h4{font-family:var(--font-heading);line-height:1.3;color:#033663;margin-top:40px}
.toss-prose a{text-decoration:underline;text-underline-offset:4px}
.toss-prose ul,.toss-prose ol{padding-left:28px}
.toss-prose img,.toss-prose video,.toss-prose iframe{max-width:100%}
.toss-prose img{height:auto}
.toss-featured{width:100%;border-radius:6px;margin-bottom:32px}
.toss-prose blockquote{border-left:4px solid #ffd863;padding:16px 24px;background:#edf3f8}
.toss-prose pre{padding:20px;overflow:auto;background:#0a1d2e;color:white}
.toss-prose table{display:block;overflow:auto;border-collapse:collapse}
.toss-prose th,.toss-prose td{border:1px solid #c5d9ea;padding:12px}
.blog-card__image img{width:100%;height:100%;object-fit:cover}
.blog-card__image span{color:#ffd863;font-size:20px;letter-spacing:-.03em}
.blog-card__title{margin:0}
.blog-card__body p{margin:0;font-size:15px;line-height:1.7}
.toss-categories{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}
.toss-categories a,.page-numbers{padding:10px 16px;border:1px solid #ccd9e3;border-radius:4px}
.toss-categories a:hover,.page-numbers.current{background:#033663;color:white}
.pagination,.post-navigation{margin-top:48px}
.pagination .nav-links,.post-navigation .nav-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.toss-search{display:flex;flex-wrap:wrap;gap:12px;max-width:650px;margin-top:28px}
.toss-search input{flex:1;min-width:0;padding:14px 18px;border:1px solid #a8c0d4;border-radius:4px;color:#0a1d2e;background:#fff;font:inherit}
.toss-empty{padding:32px 0}
.toss-comments{padding:32px 0 80px}
.toss-comments input:not([type=checkbox]):not([type=submit]),.toss-comments textarea{width:100%;border:1px solid #a8c0d4;padding:12px;font:inherit}
.toss-comments input[type=submit]{background:#ffd863;color:#0a1d2e;padding:14px 24px;border:0;cursor:pointer;font:inherit}
.comment-list{list-style:none;padding:0}
.comment-body{padding:24px 0;border-bottom:1px solid #ccd9e3}
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Mantém o conteúdo visível quando JavaScript estiver indisponível. */
.reveal{opacity:1;transform:none}
.toss-motion .reveal{opacity:0;transform:translateY(20px)}
.toss-motion .reveal.is-visible{opacity:1;transform:none}
.aligncenter{display:block;margin-inline:auto}
.alignleft{float:left;margin:0 24px 24px 0}
.alignright{float:right;margin:0 0 24px 24px}
.wp-caption{max-width:100%}
.wp-caption-text,.gallery-caption{font-size:14px}
.toss-prose::after{content:'';display:table;clear:both}
@media(max-width:1080px){.toss-menu{flex-direction:column;align-items:stretch;width:100%}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{position:absolute}.toss-search input{flex-basis:100%}.alignleft,.alignright{float:none;margin:24px 0}}
@media(prefers-reduced-motion:reduce){.toss-motion .reveal{opacity:1;transform:none}}