/*
 * Theme Name: Ananda
 * Theme URI: https://agenciaananda.com.br
 * Author: Agẽncia Ananda
 * Author URI: https://agenciaananda.com.br
 * Description: Tema minimalista WordPress com Bootstrap.
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * Text Domain: meutema-bootstrap
 */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');



:root {
	--ananda-primary: #333;
	--ananda-secondary: #333333;
	--ananda-black: #333;
}



body {
	font-family: "Heebo", sans-serif;
}

body.archive, body.blog {
background-color:#f4f3ea;
}

h1, h2, h3 {

	 font-family: "Bebas Neue", sans-serif;
}

figure img {
	border-radius: 20px;
	width: 100%;height:auto
}

figure figcaption {
	width: 100%;
	padding: 10px 20px;
	font-size: 14px;
}



/* btn */
.btn {
	border-radius: 20px;
	padding: 5px 20px;
}
.btn-primary {
	background-color: var(--ananda-black);
	border: none;
}

.btn-menu, .btn-fechar {
	background-repeat:no-repeat;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: 32px;;
	background-position: center;
    opacity: 1;
	font-size:0;
	border:none;
	background-color:transparent;

}
.btn-fechar {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-lg'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
}
.btn-menu
{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-left'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");}

/* article grid */

.archive main, .blog main {max-width:990px;}

.share-icons a {
	font-size: 1.5rem;
	color: #212529;
	transition: color 0.2s;
}
.share-icons a:hover {
	color: #0d6efd;
}

/* Container geral */
.share-icons {
	display: flex;
	gap: 10px;margin:10px 0;
}

/* Links individuais */
.share-icons a {
	background-repeat:no-repeat;
	display: inline-block;
	width: 30px;    /* largura do ícone */
	height: 30px;   /* altura do ícone */
	background-size: 20px;;
	background-position: center;
	border-radius: 50%;  /* deixa redondo */
	transition: transform 0.2s, filter 0.2s;
	text-indent: -9999px; /* esconde o texto */
}

/* Hover efeito */
.share-icons a:hover {
	transform: scale(1.1);
	filter: brightness(1.2);
}

/* Imagens de fundo específicas por rede usando URLs */
.share-icons a[href*="facebook.com"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-facebook'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
}
.share-icons a[href*="x.com"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-twitter-x'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/%3E%3C/svg%3E");
}
.share-icons a[href*="whatsapp.com"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-whatsapp'%3E%3Cpath d='M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232'/%3E%3C/svg%3E");
}
.share-icons a[href*="linkedin.com"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-linkedin'%3E%3Cpath d='M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z'/%3E%3C/svg%3E");
}

.prev-post a, .next-post a{
text-decoration:none;
color:#333;
}

.prev-post a:before, .next-post a:after{
		color:#333;
		text-decoration:none;
		border: 1px solid;
		width: 30px;
		height: 30px;
		display: inline-block;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 25px;
		position: relative;	content: '';	border-radius: 100%;top: 10px;
}


.prev-post a:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M5 12l6 6M5 12l6-6'/%3E%3C/svg%3E");

	margin-right: 10px;

}


.next-post a:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 18l6-6M13 6l6 6'/%3E%3C/svg%3E");

margin-left: 10px;
}
.readmore {text-decoration:none;color:#333;position: relative;
	bottom: -5px;}


.readmore:after{

	font-size: 15px;
	background-size: 21px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 18l6-6M13 6l6 6'/%3E%3C/svg%3E");
transition: all 0.5s;
width: 30px;
height: 30px;
content: '';
display: inline-block;
border-radius: 100%;
position: relative;
top: 10px;
margin-left: 0px;transition:all 0.5s;
}

.readmore:hover:after  {right:-10px;transition:all 0.5s;}



.card-text {
	font-size: 1em;
	line-height: 1.4;
}


.card-text a {
	color: #333;
}


.post-meta {
	font-size: 11px;
	text-transform: uppercase;
}

article .card {	border: none; border-radius:15px;}

article .card .wp-post-image {
	border-top-left-radius:15px;
	border-top-right-radius:15px;width: 100%;
	height: auto;
}
article .card .card-body {padding:25px;}

article .card .card-title {font-size: 1.8em;	line-height: 1.1;}
article .card .card-title a, a {color:var(--ananda-black);}


/* posts relacionados */

section.related-posts {
	background: #e3e9e6;
	padding: 50px 0;
}

.related-posts article .card .card-title {
	font-size: 1.2em;
	line-height: 1.1;
}

/* header */

#header_container {
position:fixed;
top:0;
z-index:1000;
;transition: top .5s;
}

#header_container.moved-down {
	top: -90px;
	transition: top .5s;
}

/* menu */
header ul.menu {
	display: inline-flex	;
	margin:0;
	column-gap: 30px;
	list-style: none;
}

header ul.menu a {
	padding: 5px 20px;
}

header  .menu ul.sub-menu {
	width: 200px;
	font-size: 0.9em;
}
/* post navigations */

a.prev, a.next {    font-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
	display: inline-block;
	width: 32px;  /* garante área */
	height: 32px;}

a.prev {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' viewBox='0 0 24 24'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E");

}

a.next {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' viewBox='0 0 24 24'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
}

a.prev:hover {
	background: #333 no-repeat center/30px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' viewBox='0 0 24 24'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E")!important;

}

a.next:hover {
	background: #333 no-repeat center/30px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' viewBox='0 0 24 24'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")!important;
}

ul.page-numbers {
	display: flex;
	list-style: none;
	padding-left: 0;
	gap: 0.5rem;
}

ul.page-numbers li a:hover {
	background: #333;
	color: #fff;
	transition:background-color 0.5s;
}

ul.page-numbers li span,
ul.page-numbers li a {
	display: block;
	padding: 0.5rem 0.75rem;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	color: #333;
	text-decoration: none;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: flex	;
	justify-content: center;
	align-items: center;transition:background-color 0.5s;
}

ul.page-numbers li .current {
	background-color: #333;
	color: #fff;
	border-color: #333;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: flex	;
	justify-content: center;
	align-items: center;
}


/* Limitar a altura do dropdown e permitir rolagem */
.dropdown-menu.scrollable {
	max-height: 250px; /* Ajuste a altura que quiser */
	overflow-y: auto;
}


/* category */

.category-nav {
	display: flex;
	gap: 50px;border-bottom: 1px solid #ccc;justify-content: center;
}

.category-nav a {
	text-decoration: none;
	color: var(--ananda-black);
}
.archive-desc {
	width: 100%;
	max-width: 700px;
	margin: 5vh auto 0 auto;
}

a.current-cat {
	border-bottom: 2px solid;
	padding-bottom: 5px;
}

/* page numbers */

ul.page-numbers {
	margin: 0;
	gap: 1.5rem;
}
ul.page-numbers li span, ul.page-numbers li a{
	border: none;
	color: #333000;
}

/* gotop*/

.back-to-top {
	position: fixed;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' %3E%3Cpath fill-rule='evenodd' d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:30px;
background-position:center;
	right: 16px;
	bottom: 16px;
	width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background-color: var(--bs-primary, #0d6efd);
	color: #fff;
	box-shadow: 0 8px 24px rgba(0,0,0,.15);
	cursor: pointer;
	z-index: 1050;

	/* escondido inicialmente */
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
}

.back-to-top.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity .25s ease, transform .25s ease, visibility 0s;
}

.back-to-top svg { fill: currentColor; }
.back-to-top:hover { filter: brightness(1.05); }
.back-to-top:focus { outline: 2px solid rgba(13,110,253,.5); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
	.back-to-top, .back-to-top.show { transition: none; }
}

/* tags */

.tag-nav {
	display: flex
	;
	column-gap: 20px;
	align-items: center;
	margin: 5vh 0;
	justify-content: center;
}

.post-tags
{ display: flex;
	flex-wrap: wrap; /* deixa quebrar em várias linhas */
	gap: 0.3rem;     /* espaçamento entre tags */}
.post-tags a {
	color: #999;
	font-size: 13px;
	background: #f5f5f5;
	padding: 3px 10px;
	border-radius: 17px;
}

.post-tags a {
	white-space: nowrap; /* não quebra dentro da tag */
}

/* cookies */

.cookie-consent {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #222;
	color: #fff;
	padding: 15px;
	text-align: center;
	z-index: 9999;

	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-in-out;
}

.cookie-consent.show {
	opacity: 1;
	visibility: visible;
}

.cookie-consent p {
	margin: 0;
	display: inline;
}

.cookie-consent a {
	color: #0d6efd; /* cor link bootstrap */
	text-decoration: underline;
}

.cookie-consent button {
	margin-left: 15px;
}



/* Menu padrão (desktop) */
/* -------- RESET BÁSICO -------- */
header  ul.menu,
header  ul.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.elementor-widget-container ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* -------- MENU PRINCIPAL -------- */
header  ul.menu {
	display: flex;
	gap: 20px;
}

header  ul.menu > li {
	position: relative; /* Necessário p/ submenus */
}

header  ul.menu > li > a {
font-family: "Bebas Neue", sans-serif; 
	font-size:20px;
  position:relative;
  width: auto;
  color: #ffffff;
  text-decoration:none;
  border-radius: 7px;
  border: solid 2px #ff7815;
  background-color: #de3400;
  text-align:center;
  padding:5px 20px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-box-shadow: 3px 3px 0px #bb3309;
  -moz-box-shadow: 3px 3px 0px #bb3309;
  box-shadow: 3px 3px 0px #bb3309;
}

header  ul.menu > li > a:hover,
header  ul.menu > li > a:focus {
	color: #fff; 
  -webkit-box-shadow: 0px 0px 0px #bb3309;
  -moz-box-shadow: 0px 0px 0px #bb3309;
  box-shadow: 0px 0px 0px #bb3309;	
}

/* -------- SUBMENU (dropdown) -------- */
header  ul.menu li ul.sub-menu {
font-family: "Bebas Neue", sans-serif;
    font-size: 20px;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background-color: #de3400;
    display: none;
    z-index: 1000;
  -webkit-box-shadow: 3px 3px 0px #bb33094f;
  -moz-box-shadow: 3px 3px 0px #bb33094f;
  box-shadow: 3px 3px 0px #bb33094f;	
}


header  ul.menu li.current-menu-item ul.sub-menu {

    border: 2px solid #54cff1;
    background-color: #1f55bd;
    display: none;
    z-index: 1000;
  -webkit-box-shadow: 5px 5px 0px #183a7c;
  -moz-box-shadow: 5px 5px 0px #183a7c;
  box-shadow: 5px 5px 0px #183a7c;	
}

header  ul.menu li:hover > ul.sub-menu {
	display: block;
}

header  ul.menu li ul.sub-menu li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

header  ul.menu li ul.sub-menu li a:hover {
	background-color: #bb3309;
	color: #fff;
}

header  ul.menu li.current-menu-item ul.sub-menu li a:hover {
	background-color: #183a7c;
	color: #fff;
}

header ul.menu > li {
    padding: 10px 0;
}

/* -------- ATIVO -------- */
header  ul.menu li.current-menu-item > a,
header  ul.menu li.current_page_ancestor > a {

	background: #1f55bd;
    border-color: #54cff1;
    box-shadow: 3px 3px 0px #183a7c;
}

li.menu-item-has-children > a:after{
	content:'';
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 25px!important;
	background-size: 22px;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}


main {padding-top:65px;}

.page-title {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

main article {
    min-height: 400px;
}

/* mdqueries */

@media (max-width: 768px) {



	ul.menu {
		flex-direction: column;
		gap: 0;
	}

	ul.menu li:hover > ul.sub-menu {
		position: static;
		display: none; /* escondido por padrão */
		padding-left: 15px;
	}

	ul.menu li.show > ul.sub-menu {
		display: block;
		border: none;
		border-radius: 0;
		box-shadow:none;
	}


	ul.menu li > a.toggle-submenu::after {
		float: right;
		font-size: 0.8em;

	}

	.related-posts .row {
		display: flex;
		flex-wrap: nowrap; /* não quebra linha */
		overflow-x: auto; /* habilita rolagem horizontal */
		-webkit-overflow-scrolling: touch; /* rolagem suave no iOS */
		gap: 1rem; /* espaço entre cards */
	}

	.related-posts .row article {
		flex: 0 0 80%; /* cada card ocupa ~80% da tela */
		max-width: 80%;
	}

	/* esconder scrollbar em alguns navegadores (opcional) */
	.related-posts .row::-webkit-scrollbar {
		display: none;
	}
	.related-posts .row {
		-ms-overflow-style: none;  /* IE e Edge */
		scrollbar-width: none;     /* Firefox */
	}

}