/* ==========================================================================
   ABEG: ajustes sobre o CSS legado do ts_mbiz (assets/css/legacy).
   Aqui ficam só as peças recriadas (slider, off-canvas, prévia de associadas)
   e as correções de diferença entre o markup do Joomla e o do WordPress.
   ========================================================================== */

/* Admin bar do WP não deve empurrar o layout "box" */
html { margin-top: 0 !important; }
body.admin-bar .t3-wrapper { padding-top: 32px; }
@media (max-width: 782px) { body.admin-bar .t3-wrapper { padding-top: 46px; } }

/* Busca: placeholder no lugar do value="Pesquisa" do K2 */
.head-search .inputbox::placeholder { color: #9e9e9e; opacity: 1; }

/* Menu do topo: itens do WP vêm sem classes do Joomla */
.top-menu ul.nav > li { display: inline-block; }

/* ---------- Slider da home (substitui o Slider Revolution) ---------- */
.abeg-slider {
	position: relative;
	overflow: hidden;
	background: #e9e9e9;
	aspect-ratio: 1170 / 480;
	max-height: 480px;
	width: 100%;
}
.abeg-slider-track { position: absolute; inset: 0; }
.abeg-slide {
	position: absolute;
	inset: 0;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: opacity .6s ease, visibility 0s linear .6s;
}
.abeg-slide.is-active { opacity: 1; visibility: visible; transition: opacity .6s ease; z-index: 1; }
.abeg-slide img { width: 100%; height: 100%; display: block; object-position: center; }
.abeg-slide.fit-cover img { object-fit: cover; }
.abeg-slide.fit-contain img { object-fit: contain; }
.abeg-slide-caption {
	position: absolute;
	left: 1.1%;
	bottom: 8%;
	max-width: 1000px;
	padding: 10px 16px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .55);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: -.5px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	opacity: 0;
	transform: translateY(6px);
	transition: opacity .3s ease .5s, transform .3s ease .5s;
}
.abeg-slide.is-active .abeg-slide-caption { opacity: 1; transform: none; }
.abeg-slider-bullets {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2px;
	z-index: 2;
	text-align: center;
	line-height: 0;
}
.abeg-slider-bullets button {
	width: 12px;
	height: 12px;
	margin: 0 4px 6px;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 50%;
	background: rgba(255, 255, 255, .35);
	box-shadow: 0 0 2px rgba(0, 0, 0, .4);
	cursor: pointer;
}
.abeg-slider-bullets button.is-active,
.abeg-slider-bullets button:hover { background: #28599e; }

@media (max-width: 767px) {
	.abeg-slide-caption {
		left: 5%;
		right: 7%;
		bottom: 30px;
		font-size: 13px;
		line-height: 1.3;
		padding: 6px 10px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.abeg-slide, .abeg-slide-caption { transition: none; }
}

/* ---------- Off-canvas (menu mobile) ---------- */
.abeg-off-canvas {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1100;
	width: 280px;
	max-width: 85vw;
	overflow-y: auto;
	visibility: hidden;
	transform: translateX(-100%);
	transition: transform .3s ease, visibility 0s linear .3s;
	background: #232323;
}
.abeg-off-canvas.is-open { visibility: visible; transform: none; transition: transform .3s ease; }
.abeg-off-canvas-backdrop {
	position: fixed;
	inset: 0;
	z-index: 1090;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility 0s linear .3s;
}
.abeg-off-canvas.is-open + .abeg-off-canvas-backdrop { opacity: 1; visibility: visible; transition: opacity .3s ease; }
.abeg-off-canvas .dropdown-menu { display: none; position: static; float: none; box-shadow: none; border: 0; background: transparent; }
.abeg-off-canvas .open > .dropdown-menu { display: block; }
body.abeg-menu-aberto { overflow: hidden; }
@media (min-width: 992px) {
	.abeg-off-canvas, .abeg-off-canvas-backdrop { display: none; }
}

/* ---------- Voltar ao topo ---------- */
#back-to-top { position: fixed; opacity: 0; visibility: hidden; transition: opacity .3s; }
#back-to-top.affix { opacity: 1; visibility: visible; }

/* ---------- Prévia das associadas (até o carrossel da Fase 2) ---------- */
.abeg-associadas-previa {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px 20px;
	margin: 20px 0 30px;
	padding: 0;
	list-style: none;
}
.abeg-associadas-previa a { display: block; font-weight: 700; font-size: 13px; }
.abeg-associadas-previa img { display: block; width: 100%; max-width: 230px; height: 106px; object-fit: contain; margin-bottom: 8px; }
@media (max-width: 767px) {
	.abeg-associadas-previa { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- Listagem genérica (busca/arquivos sem template próprio) ---------- */
.abeg-lista-item { padding: 20px 0; border-bottom: 1px solid #eee; }
.abeg-lista-img { float: left; margin: 0 20px 10px 0; max-width: 260px; }
.abeg-lista-img img { max-width: 100%; height: auto; }
.abeg-lista-data { color: #9e9e9e; font-size: 12px; margin: 0 0 8px; }
@media (max-width: 767px) { .abeg-lista-img { float: none; display: block; margin: 0 0 10px; max-width: 100%; } }

/* Listagens K2 */
div.catItemHeader h3.catItemTitle a{color:#292929}
div.catItemHeader h3.catItemTitle a:hover{color:#2557a7}
div.catItemView{position:relative}
/* Selo "Destaque" (substitui a faixa "FEATURED" do K2) */
.abeg-destaque{display:inline-flex;align-items:center;gap:5px;margin:0 12px 0 0;vertical-align:middle;padding:2px 9px 2px 7px;border-radius:999px;background:#eaf1fb;color:#2557a7;font-size:11px;font-weight:600;line-height:18px;letter-spacing:.4px;text-transform:uppercase}
.abeg-destaque .fa{font-size:10px;color:#e8a317}
div.catItemHeader{overflow:hidden}/* texto em coluna ao lado da imagem, sem descer por baixo dela */
/* Resumo da listagem: texto limpo, sem altura fixa nem barra de rolagem (bugs do Joomla) */
div.catItemIntroText,.abeg-ed-anteriores div.catItemIntroText{height:auto;overflow:visible}
div.catItemIntroText p{margin:0 0 6px;font-family:inherit;font-size:14px;line-height:1.6;color:#555;text-align:left}
div.catItemReadMore{margin-top:4px}

/* Abas próprias (substituem o Sprocket Tabs) */
.abeg-tabs-nav{list-style:none;margin:0;padding:0;display:flex;border-bottom:1px solid #e7e7e7}
.abeg-tabs-nav li a{display:block;padding:9px 18px;background:#f0f0f0;border:1px solid #e7e7e7;border-bottom:0;color:#292929;font-size:14px;margin-bottom:-1px}
.abeg-tabs-nav li.active a{background:#fff}
.abeg-tabs-nav li a i{color:#292929;margin-right:3px}
.abeg-tabs-panel{display:none;border:1px solid #e7e7e7;border-top:0;background:#fff;padding:20px 20px 15px}
.abeg-tabs-panel.active{display:block}
.article-content .page-module-title{margin-top:20px}
.article-content .gap{height:30px}

/* Grade de associadas/entidades */
.abeg-grade-parceiros h3{font-size:16px;margin:20px 0 10px}
.abeg-grade-parceiros h3,.abeg-grade-parceiros h3 a{color:#28599e}
.abeg-grade-parceiros .card-assoc{display:flex;flex-direction:column;min-height:300px;justify-content:space-between;text-align:center}
.abeg-grade-parceiros .card-logo{display:flex;align-items:center;justify-content:center;min-height:150px}
.abeg-grade-parceiros .card-logo img{margin:auto;max-height:150px;width:auto;max-width:90%}
.abeg-grade-parceiros .card-icones{margin:10px 0 15px}
.abeg-grade-parceiros .card-ico{position:relative;display:inline-block;margin:0 3px;padding:6px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:default;line-height:1}
.abeg-grade-parceiros .card-ico i{color:#28599e;font-size:16px}
.abeg-grade-parceiros .card-tip{display:none;position:absolute;z-index:20;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;min-width:180px;max-width:260px;padding:8px 10px;background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.2);font-size:12px;line-height:1.4;color:#333;text-align:center}
.abeg-grade-parceiros .card-tip strong{display:block;margin-bottom:3px;background:#f7f7f7;margin:-8px -10px 6px;padding:6px 10px;border-bottom:1px solid #ebebeb}
.abeg-grade-parceiros .card-ico:hover .card-tip,.abeg-grade-parceiros .card-ico:focus .card-tip{display:block}
@media(max-width:480px){.abeg-grade-parceiros hr{display:none}}
.article-content .progress{position:relative;height:25px;margin-bottom:20px}
.article-content .progress-type{line-height:21px}
.article-content ul.circle ul.circle{margin:0;padding:0}

/* K2: ícones do tamanho da fonte (substituem o sprite blank.gif) */
div.itemToolbar ul li a#fontDecrease,div.itemToolbar ul li a#fontIncrease{display:inline-block;width:13px;height:13px;border-radius:50%;background:#c9c9c9;position:relative;vertical-align:middle;margin-left:4px}
div.itemToolbar ul li a#fontDecrease::after,div.itemToolbar ul li a#fontIncrease::after{content:"";position:absolute;left:3px;top:6px;width:7px;height:1px;background:#fff}
div.itemToolbar ul li a#fontIncrease::before{content:"";position:absolute;left:6px;top:3px;width:1px;height:7px;background:#fff}
div.itemToolbar ul li a#fontDecrease:hover,div.itemToolbar ul li a#fontIncrease:hover{background:#28599e}
@media (max-width:767px){div.catItemImageBlock,div.catItemImageBlock span.catItemImage{float:none;display:block;margin:0 0 12px}div.catItemImageBlock img{width:100% !important}}

/* Listagem: imagem 16:9 à esquerda, texto ao lado; selo + data + botão numa linha só */
div.catItemView{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #eee}
.abeg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px}
.abeg-meta .abeg-destaque{margin:0}
.abeg-meta span.catItemDateCreated,.abeg-meta span.catItemAuthor{margin:0;padding:0}
.abeg-meta div.catItemLinks{margin:0;padding:0;float:none}
.abeg-meta div.catItemLinks .clr{display:none}
.abeg-meta div.catItemReadMore{margin:0 0 0 auto;float:none}
@media (min-width:768px){
div.catItemView{display:grid;grid-template-columns:260px 1fr;column-gap:22px;align-items:start}
div.catItemView > .clr,div.catItemImageBlock .clr{display:none}
div.catItemImageBlock{float:none;margin:0}
div.catItemImageBlock span.catItemImage,div.catItemImageBlock span.catItemImage > a{display:block;position:relative;float:none;margin:0}
div.catItemImageBlock img{width:100% !important;height:auto !important;aspect-ratio:16/9;object-fit:cover;border-radius:2px}
div.catItemHeader{overflow:visible}
}