.pt-header {
	position: sticky;
	top: 0;
	z-index: var(--pt-z-header);
	width: 100%;
	transition: transform var(--pt-transition), box-shadow var(--pt-transition-fast);
	will-change: transform;
}

.admin-bar .pt-header { top: 32px; }
.pt-header.pt-header--hidden { transform: translateY(-100%); }
.pt-header.pt-header--scrolled { box-shadow: var(--pt-shadow-sm); }

.pt-header-top {
	background: #e3cfea;
}

.pt-header .pt-header-top__inner,
.pt-header .pt-header-nav__inner {
	width: 100%;
	max-width: none;
	margin-inline: 0;
	padding-inline: max(1%, .75rem);
}

.pt-header-top__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--pt-space-6);
	min-height: var(--pt-header-top-height);
}

.pt-brand {
	display: inline-flex;
	align-items: center;
	width: fit-content;
}

.pt-brand__image {
	width: auto;
	height: 48px;
	object-fit: contain;
}

.pt-header-brand .pt-brand__image {
	width: 123px;
	height: 35px;
}

.pt-header-brand {
	color: #6518F4;
	transition: color .2s ease;
}

.pt-header-brand:hover {
	color: #6518f4;
}

.pt-brand__image--mask {
	display: block;
	background: currentColor;
	-webkit-mask: url("../images/plugintema-logo.svg") center / contain no-repeat;
	mask: url("../images/plugintema-logo.svg") center / contain no-repeat;
}

.pt-header-utilities {
	display: flex;
	align-items: center;
	gap: clamp(1.25rem, 2vw, 2rem);
}

.pt-header-search {
	width: 420px;
	max-width: 100%;
	height: 56px;
}

.pt-search-form {
	position: relative;
	width: 100%;
	height: 100%;
}

.pt-search-form input {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 4rem 0 1.5rem;
	border: 1px solid transparent;
	border-radius: var(--pt-radius-pill);
	outline: none;
	background: var(--pt-charcoal);
	color: var(--pt-white);
	transition: border-color var(--pt-transition-fast), box-shadow var(--pt-transition-fast), background var(--pt-transition-fast);
}

.pt-search-form input::placeholder { color: var(--pt-gray-300); opacity: 1; }
.pt-search-form input:focus { border-color: var(--pt-purple); box-shadow: var(--pt-focus); background: var(--pt-black); }

.pt-search-form button {
	position: absolute;
	top: 50%;
	right: .65rem;
	display: grid;
	width: 2.35rem;
	height: 2.35rem;
	padding: 0;
	transform: translateY(-50%);
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
	color: var(--pt-white);
	cursor: pointer;
	appearance: none;
}

.pt-search-form button:hover,
.pt-search-form button:focus,
.pt-search-form button:active {
	background: transparent;
	box-shadow: none;
}

.pt-search-form button:focus-visible {
	outline-color: var(--pt-white);
	outline-offset: -3px;
}

.pt-live-search {
	position: absolute;
	top: calc(100% + .5rem);
	right: 0;
	left: 0;
	z-index: var(--pt-z-menu);
	overflow: hidden;
	padding: .5rem;
	border: 1px solid #3b3841;
	border-radius: var(--pt-radius-md);
	background: var(--pt-charcoal);
	box-shadow: var(--pt-shadow-md);
	color: var(--pt-white);
}

.pt-live-search[hidden] {
	display: none;
}

.pt-live-search__status {
	min-height: 0;
	color: var(--pt-gray-300);
	font-size: .875rem;
	text-align: center;
}

.pt-live-search__status:not(:empty) {
	display: flex;
	min-height: 4.5rem;
	align-items: center;
	justify-content: center;
	gap: .65rem;
	padding: 1rem;
}

.pt-live-search__spinner {
	width: 1.15rem;
	height: 1.15rem;
	border: 2px solid rgba(255, 255, 255, .25);
	border-top-color: var(--pt-white);
	border-radius: 50%;
	animation: pt-live-search-spin .7s linear infinite;
}

@keyframes pt-live-search-spin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.pt-live-search__spinner { animation: none; }
}

.pt-live-search__list {
	display: block;
}

.pt-live-search__option + .pt-live-search__option {
	border-top: 1px solid rgba(255, 255, 255, .1);
}

.pt-live-search__option {
	display: block;
	padding: .7rem .8rem;
	border-radius: .4rem;
	color: var(--pt-white);
	text-decoration: none;
}

.pt-live-search__option.is-active,
.pt-live-search__option:hover {
	background: rgba(255, 255, 255, .09);
}

.pt-live-search__title {
	display: block;
	font-size: .9375rem;
	font-weight: 650;
	line-height: 1.35;
}

.pt-live-search__meta {
	display: block;
	margin-top: .15rem;
	color: var(--pt-gray-300);
	font-size: .75rem;
}

.pt-live-search__all {
	display: block;
	margin-top: .35rem;
	padding: .65rem .8rem;
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: var(--pt-white);
	font-size: .875rem;
	font-weight: 650;
	text-align: center;
	text-decoration: none;
}

.pt-live-search__all:hover {
	text-decoration: underline;
}

.pt-header-updates {
	display: inline-flex;
	align-items: center;
	color: var(--pt-ink);
	font-family: var(--pt-font-sans);
	font-size: 1.25rem;
	font-weight: 400;
	text-decoration: none;
	white-space: nowrap;
}

.pt-header-updates:hover {
	color: var(--pt-ink);
	font-weight: 700;
}

.pt-header-nav {
	background: var(--pt-black);
	color: var(--pt-white);
}

.pt-header-nav__inner {
	--pt-nav-group-gap: clamp(2rem, 2.8vw, 4rem);
	display: grid;
	grid-template-columns: auto auto auto auto;
	align-items: center;
	justify-content: space-between;
	column-gap: var(--pt-nav-group-gap);
	min-height: var(--pt-header-nav-height);
}

.pt-main-navigation {
	display: contents;
	min-width: 0;
}

.pt-main-menu {
	display: contents;
}

.pt-nav-group {
	display: flex;
	align-items: center;
	gap: clamp(.7rem, 1vw, 1.25rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pt-nav-group a,
.pt-nav-link {
	display: block;
	padding-block: 1.35rem;
	color: var(--pt-white);
	font-family: var(--pt-font-sans);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.pt-nav-group--store a,
.pt-nav-group--store .pt-nav-link {
	color: var(--pt-white);
	font-size: 16px;
	font-weight: 700;
}

.pt-nav-group--topics a,
.pt-nav-group--topics .pt-nav-link,
.pt-nav-group--labs a,
.pt-nav-group--labs .pt-nav-link {
	color: #d1cfea;
}

.pt-nav-group a:hover,
.pt-nav-group a:active,
.pt-nav-group a[aria-current="page"] {
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--pt-white);
	text-decoration: none;
	transform: none;
}

.pt-nav-group--topics a:hover,
.pt-nav-group--topics a:active,
.pt-nav-group--topics a[aria-current="page"],
.pt-nav-group--labs a:hover,
.pt-nav-group--labs a:active,
.pt-nav-group--labs a[aria-current="page"] {
	color: var(--pt-white);
}

.pt-header-actions {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: .6rem;
	margin-left: 0;
}

.pt-header-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	width: auto;
	min-width: 3.75rem;
	height: 2.8rem;
	min-height: 2.8rem;
	padding: 0 .55rem;
	border: 1px solid rgba(255, 255, 255, .75);
	border-radius: var(--pt-radius-sm);
	background: var(--pt-black);
	box-shadow: 3px 3px 0 var(--pt-white);
	color: var(--pt-white);
	text-decoration: none;
	transition: border-color var(--pt-transition-fast), background var(--pt-transition-fast), box-shadow var(--pt-transition-fast), transform var(--pt-transition-fast);
}

.pt-header-action:hover {
	transform: translate(2px, 2px);
	border-color: var(--pt-white);
	background: var(--pt-black);
	box-shadow: 1px 1px 0 var(--pt-white);
}

.pt-header-action:focus,
.pt-header-action:focus-visible,
.pt-header-action:active {
	background: var(--pt-black);
}

.pt-header-action:active {
	transform: translate(3px, 3px);
	box-shadow: none;
}

.pt-header-action__icon {
	display: block;
	width: 21px;
	height: 21px;
	background: currentColor;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.pt-header-action__icon--account {
	-webkit-mask-image: url("https://blog.plugintema.com.br/wp-content/uploads/sites/6/2026/08/usuario-branco_usuario-branco.svg");
	mask-image: url("https://blog.plugintema.com.br/wp-content/uploads/sites/6/2026/08/usuario-branco_usuario-branco.svg");
}

.pt-header-action__icon--cart {
	-webkit-mask-image: url("https://blog.plugintema.com.br/wp-content/uploads/sites/6/2026/08/icon-cart-black.svg");
	mask-image: url("https://blog.plugintema.com.br/wp-content/uploads/sites/6/2026/08/icon-cart-black.svg");
}

.pt-header-action__external {
	flex: 0 0 12px;
	color: var(--pt-white);
}

.pt-menu-toggle,
.pt-menu-toggle[hidden] { display: none; }

/* =========================================================
   Categorias — dropdown desktop
   ========================================================= */
@media (min-width: 1171px) {

	.pt-desktop-categories {
		position: relative;
	}

	.pt-desktop-categories__toggle {
		display: inline-flex;
		align-items: center;
		gap: .65rem;
		padding: 1.35rem 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		color: #d1cfea;
		font-family: var(--pt-font-sans);
		font-size: 20px;
		font-weight: 400;
		line-height: 1.2;
		cursor: pointer;
	}

	.pt-desktop-categories__toggle:hover,
	.pt-desktop-categories__toggle:focus,
	.pt-desktop-categories__toggle:active,
	.pt-desktop-categories__toggle[aria-expanded="true"] {
		border: 0;
		background: transparent;
		box-shadow: none;
		color: var(--pt-white);
		transform: none;
	}

	.pt-desktop-categories__chevron {
		width: .5rem;
		height: .5rem;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: translateY(-2px) rotate(45deg);
		transition: transform var(--pt-transition-fast);
	}

	.pt-desktop-categories__toggle[aria-expanded="true"]
	.pt-desktop-categories__chevron {
		transform: translateY(2px) rotate(-135deg);
	}

	.pt-desktop-categories__menu {
		position: absolute;
		top: calc(100% - .3rem);
		left: 0;
		z-index: calc(var(--pt-z-menu) + 2);
		width: 20rem;
		padding: .7rem 1.15rem;
		border: 1px solid #e1dfe4;
		border-radius: .65rem;
		background: #fff;
		box-shadow: 0 10px 25px rgb(0 0 0 / 18%);
		color: #222;
	}

	.pt-desktop-categories__menu[hidden] {
		display: none;
	}

	.pt-desktop-categories__group {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.pt-desktop-categories__group li {
		margin: 0;
		padding: 0;
	}

	.pt-nav-group--topics .pt-desktop-categories__menu a {
		display: block;
		padding: .62rem .1rem;
		border: 0;
		background: transparent;
		box-shadow: none;
		color: #5d5961;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.25;
		text-decoration: none;
		transform: none;
	}

	.pt-nav-group--topics .pt-desktop-categories__menu a:hover,
	.pt-nav-group--topics .pt-desktop-categories__menu a:focus {
		color: #111;
		text-decoration: none;
	}

	.pt-desktop-categories__divider {
		height: 1px;
		margin: .4rem 0;
		background: #cbc8ce;
	}
}

/* =========================================================
   Destaque decorativo ".blog" na faixa lilás
   ========================================================= */
@media (min-width: 1171px) {

        .pt-header-top {
                position: relative;
                overflow: visible;
                isolation: isolate;
        }

        .pt-header-top::after {
                content: ".BLOG";
                position: absolute;
                left: clamp(18rem, 33vw, 34rem);
                bottom: -9px;
                z-index: 1;
                color: #e612d9;
                font-family: var(--pt-font-sans);
                font-size: clamp(3.25rem, 5.5vw, 5rem);
                font-weight: 700;
                line-height: .82;
                letter-spacing: -.06em;
                white-space: nowrap;
                pointer-events: none;
                user-select: none;
        }

        .pt-header-top__inner {
                position: relative;
                z-index: 3;
        }

        .pt-header-nav {
                position: relative;
                z-index: 2;
        }
}

/* Remove decoração .BLOG */
.pt-header-top::after {
        content: none !important;
        display: none !important;
}