/* All About Material v1.4.19 — applications, architect profiles and brand community */

.aam-admin-dashboard #admin-applications {
	display: none;
}

.aam-admin-dashboard #admin-applications.is-active {
	display: block;
}

.aam-admin-dashboard .aam-stat-cards {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.aam-dashboard-title-actions,
.aam-material-form-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.aam-btn-add-material {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	box-shadow: 0 15px 32px color-mix(in srgb, var(--aam-primary) 25%, transparent);
}

.aam-btn-add-material .dashicons,
.aam-application-add-form .dashicons {
	width: 19px;
	height: 19px;
	font-size: 19px;
}

.aam-material-modal {
	padding: 24px;
}

.aam-material-modal-dialog {
	width: min(1060px, 100%);
	max-height: calc(100vh - 48px);
	padding: 0;
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 24px;
	overflow-x: hidden;
	background: #fff;
}

.aam-material-modal-dialog > .aam-modal-close {
	position: sticky;
	z-index: 4;
	top: 18px;
	float: right;
	margin: 18px 18px -58px 0;
}

.aam-material-modal-dialog > .aam-modal-close .dashicons {
	color: transparent;
}

.aam-material-form-panel {
	margin: 0 !important;
	padding: 38px 42px 42px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.aam-material-form-panel > .aam-panel-head {
	padding-right: 56px;
}

.aam-material-form-panel > .aam-panel-head h2 {
	margin-top: 5px;
}

.aam-multi-image-field {
	margin: 4px 0 8px;
}

.aam-multi-image-dropzone {
	position: relative;
	display: grid !important;
	justify-items: center;
	gap: 7px;
	min-height: 164px;
	padding: 25px;
	border: 1.5px dashed color-mix(in srgb, var(--aam-primary) 35%, var(--aam-line));
	border-radius: 15px;
	background: linear-gradient(135deg, color-mix(in srgb, var(--aam-primary) 6%, #fff), #fff);
	text-align: center;
	cursor: pointer;
	transition: border-color .22s, background .22s, transform .22s;
}

.aam-multi-image-dropzone:hover {
	border-color: var(--aam-primary);
	background: color-mix(in srgb, var(--aam-primary) 8%, #fff);
	transform: translateY(-1px);
}

.aam-multi-image-dropzone input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.aam-multi-image-icon {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: var(--aam-primary-soft);
	color: var(--aam-primary);
}

.aam-multi-image-icon .dashicons {
	width: 25px;
	height: 25px;
	font-size: 25px;
}

.aam-multi-image-dropzone strong {
	color: var(--aam-ink);
	font: 700 15px/1.4 "Poppins", sans-serif;
}

.aam-multi-image-dropzone small {
	color: var(--aam-muted);
	font-size: 12px;
}

.aam-multi-image-preview {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

.aam-multi-image-preview:empty {
	display: none;
}

.aam-multi-image-preview-item {
	position: relative;
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	border: 1px solid var(--aam-line);
	border-radius: 11px;
	background: var(--aam-soft);
}

.aam-multi-image-preview-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aam-multi-image-preview-item small {
	position: absolute;
	right: 6px;
	bottom: 6px;
	padding: 3px 7px;
	border-radius: 20px;
	background: rgba(8,19,31,.82);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
}

.aam-application-manager {
	min-height: 360px;
}

.aam-application-add-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	align-items: end;
	margin: 4px 0 26px;
	padding: 20px;
	border: 1px solid var(--aam-line);
	border-radius: 14px;
	background: color-mix(in srgb, var(--aam-primary) 4%, #fff);
}

.aam-application-add-form label {
	display: grid;
	gap: 7px;
}

.aam-application-add-form label > span {
	color: var(--aam-ink);
	font-size: 12px;
	font-weight: 700;
}

.aam-application-add-form input {
	height: 50px;
	padding: 0 15px;
	border: 1px solid var(--aam-line);
	border-radius: 10px;
	background: #fff;
	font: 500 14px "DM Sans", sans-serif;
}

.aam-application-add-form .aam-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 50px;
}

.aam-application-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.aam-application-list article {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 15px;
	border: 1px solid var(--aam-line);
	border-radius: 13px;
	background: #fff;
}

.aam-application-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 11px;
	background: var(--aam-primary-soft);
	color: var(--aam-primary);
}

.aam-application-list article strong,
.aam-application-list article small {
	display: block;
}

.aam-application-list article strong {
	color: var(--aam-ink);
	font: 700 14px/1.35 "Poppins", sans-serif;
}

.aam-application-list article small {
	margin-top: 3px;
	color: var(--aam-muted);
}

.aam-icon-action {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--aam-line);
	border-radius: 50%;
	background: #fff;
	color: var(--aam-muted);
	cursor: pointer;
	transition: background .2s, color .2s, border-color .2s;
}

.aam-icon-action-danger:hover {
	border-color: #efc4c4;
	background: #fff1f1 !important;
	color: #c93636 !important;
}

.aam-panel-empty.is-hidden {
	display: none;
}

.aam-brand-followers {
	position: relative;
	z-index: 3;
	margin-top: -1px;
	background: #fff;
}

.aam-brand-followers-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	padding: 20px 25px;
	border: 1px solid var(--aam-line);
	border-top: 0;
	border-radius: 0 0 16px 16px;
	background: linear-gradient(90deg, color-mix(in srgb, var(--aam-primary) 5%, #fff), #fff 55%);
}

.aam-brand-follower-summary {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
}

.aam-follower-stack {
	display: flex;
	padding-left: 8px;
}

.aam-follower-stack > a,
.aam-follower-placeholder {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	margin-left: -8px;
	overflow: hidden;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--aam-primary-soft);
	color: var(--aam-primary);
	box-shadow: 0 4px 12px rgba(15,31,49,.12);
}

.aam-follower-stack img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aam-brand-follower-summary strong,
.aam-brand-follower-summary small {
	display: block;
}

.aam-brand-follower-summary strong {
	color: var(--aam-ink);
	font: 700 15px/1.4 "Poppins", sans-serif;
}

.aam-brand-follower-summary small {
	margin-top: 2px;
	color: var(--aam-muted);
}

.aam-follow-brand-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.aam-follow-brand-button.is-active {
	border: 1px solid color-mix(in srgb, var(--aam-primary) 32%, var(--aam-line));
	background: var(--aam-primary-soft) !important;
	color: var(--aam-primary) !important;
}

.aam-architect-cover {
	position: relative;
	height: 335px;
	margin-bottom: -180px;
	background: linear-gradient(135deg, color-mix(in srgb, var(--aam-primary) 8%, #eef2f6), #f8fafc 50%, color-mix(in srgb, var(--aam-primary) 4%, #fff));
	background-position: center;
	background-size: cover;
}

.aam-architect-cover::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.35));
}

.aam-architect-profile-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(300px, 430px) minmax(0, 1fr);
	gap: 70px;
	align-items: start;
	padding-bottom: 90px;
}

.aam-architect-identity-card {
	padding: 50px 42px 42px;
	border: 1px solid var(--aam-line);
	border-radius: 24px;
	background: rgba(255,255,255,.96);
	box-shadow: 0 22px 60px rgba(15,31,49,.1);
	text-align: center;
}

.aam-architect-portrait {
	width: min(240px, 100%);
	aspect-ratio: 1;
	margin: 0 auto 30px;
	padding: 13px;
	border: 1px solid var(--aam-line);
	border-radius: 19px;
	background: #fff;
}

.aam-architect-portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 11px;
}

.aam-architect-identity-card h1 {
	margin: 0;
	font-size: clamp(27px, 2.5vw, 38px);
}

.aam-architect-role {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 7px;
	margin: 15px 0 26px;
	color: var(--aam-muted);
	font-weight: 700;
	text-transform: uppercase;
}

.aam-architect-card-actions {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.aam-btn-dark {
	background: var(--aam-ink) !important;
	color: #fff !important;
	pointer-events: none;
}

.aam-architect-profile-content {
	padding-top: 220px;
}

.aam-architect-profile-content > h2 {
	margin: 8px 0 22px;
	font-size: clamp(30px, 3vw, 44px);
}

.aam-architect-profile-content > .aam-rich-text p {
	max-width: 900px;
	font-size: 17px;
	line-height: 1.85;
}

.aam-architect-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 26px 40px;
	margin-top: 38px;
}

.aam-architect-facts > div {
	position: relative;
	padding-left: 43px;
}

.aam-architect-facts .dashicons {
	position: absolute;
	top: 3px;
	left: 0;
	width: 28px;
	height: 28px;
	color: var(--aam-muted);
	font-size: 26px;
}

.aam-architect-facts small,
.aam-architect-facts strong {
	display: block;
}

.aam-architect-facts small {
	margin-bottom: 12px;
	color: var(--aam-muted);
	font-size: 14px;
}

.aam-architect-facts strong {
	color: var(--aam-ink);
	font: 700 16px/1.6 "Poppins", sans-serif;
}

.aam-architect-following {
	margin-top: 55px;
	padding-top: 35px;
	border-top: 1px solid var(--aam-line);
}

.aam-architect-following > div:last-child {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.aam-architect-following a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px 8px 8px;
	border: 1px solid var(--aam-line);
	border-radius: 999px;
	background: #fff;
	color: var(--aam-ink);
}

.aam-architect-following .aam-brand-logo {
	width: 38px;
	height: 38px;
	border-radius: 50%;
}

.aam-architect-following .aam-brand-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aam-architect-directory-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.aam-architect-directory-card {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr) auto;
	gap: 17px;
	align-items: center;
	padding: 22px;
	border: 1px solid var(--aam-line);
	border-radius: 16px;
	background: #fff;
	color: var(--aam-ink);
	transition: transform .2s, box-shadow .2s, border-color .2s;
}

.aam-architect-directory-card:hover {
	border-color: color-mix(in srgb, var(--aam-primary) 28%, var(--aam-line));
	box-shadow: var(--aam-shadow);
	transform: translateY(-3px);
}

.aam-architect-directory-card > img {
	width: 82px;
	height: 82px;
	object-fit: cover;
	border-radius: 14px;
}

.aam-architect-directory-card small,
.aam-architect-directory-card strong,
.aam-architect-directory-card em {
	display: block;
}

.aam-architect-directory-card small {
	color: var(--aam-primary);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.aam-architect-directory-card strong {
	margin: 4px 0 3px;
	font: 700 17px/1.35 "Poppins", sans-serif;
}

.aam-architect-directory-card em {
	overflow: hidden;
	color: var(--aam-muted);
	font-style: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 1120px) {
	.aam-admin-dashboard .aam-stat-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.aam-architect-profile-grid { grid-template-columns: minmax(280px, 370px) minmax(0, 1fr); gap: 40px; }
	.aam-architect-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
	.aam-dashboard-title-actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
	.aam-material-modal { padding: 10px; }
	.aam-material-modal-dialog { max-height: calc(100vh - 20px); border-radius: 18px; }
	.aam-material-form-panel { padding: 29px 18px 24px; }
	.aam-material-form-panel > .aam-panel-head { padding-right: 44px; }
	.aam-multi-image-preview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.aam-material-form-actions { align-items: stretch; flex-direction: column-reverse; }
	.aam-material-form-actions .aam-btn { width: 100%; justify-content: center; }
	.aam-application-add-form { grid-template-columns: 1fr; }
	.aam-application-list { grid-template-columns: 1fr; }
	.aam-admin-dashboard .aam-stat-cards { grid-template-columns: 1fr 1fr; }
	.aam-brand-followers-card { align-items: stretch; flex-direction: column; }
	.aam-brand-follower-summary { align-items: flex-start; flex-direction: column; }
	.aam-brand-follow-form .aam-btn,
	.aam-brand-followers-card > .aam-btn { width: 100%; justify-content: center; }
	.aam-architect-cover { height: 230px; margin-bottom: -90px; }
	.aam-architect-profile-grid { grid-template-columns: 1fr; gap: 0; padding-right: 16px; padding-left: 16px; }
	.aam-architect-identity-card { padding: 27px 20px; }
	.aam-architect-portrait { width: 190px; }
	.aam-architect-profile-content { padding: 45px 4px 0; }
	.aam-architect-facts { grid-template-columns: 1fr; }
	.aam-architect-directory-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
	.aam-admin-dashboard .aam-stat-cards { grid-template-columns: 1fr; }
	.aam-architect-directory-card { grid-template-columns: 68px minmax(0, 1fr); }
	.aam-architect-directory-card > img { width: 68px; height: 68px; }
	.aam-architect-directory-card > b { display: none; }
}