@import url('../social-suite-common.css');

.awwa-widget-pinterest_aesthetic_board .awwa-widget-stage {
	height:100%;
	min-height:0;
	overflow:hidden;
	padding:0!important;
}

.aww-pin-aesthetic {
	--pin-bg:#fff8fb;
	--pin-card:#fff;
	--pin-copy:#38262f;
	--pin-muted:#90747f;
	--pin-line:#eddce4;
	--pin-accent:#bd416e;
	--pin-shadow:0 8px 25px rgba(75,37,53,.06);
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:250px;
	overflow:hidden;
	background:var(--pin-bg);
	color:var(--pin-copy);
	container-type:inline-size;
	container-name:awwPinBoard;
}
.aww-pin-aesthetic.theme-cream {--pin-bg:#f8f1e5;--pin-card:#fffdf8;--pin-copy:#342b23;--pin-muted:#8a7a68;--pin-line:#e8dcc8;--pin-accent:#9b664d}
.aww-pin-aesthetic.theme-clean {--pin-bg:#f7f7f6;--pin-card:#fff;--pin-copy:#202020;--pin-muted:#757575;--pin-line:#e6e6e3;--pin-accent:#555}
.aww-pin-aesthetic.theme-midnight {--pin-bg:#19151a;--pin-card:#252027;--pin-copy:#fff7fb;--pin-muted:#bdaab5;--pin-line:#3b333d;--pin-accent:#ff91ba;--pin-shadow:0 12px 30px rgba(0,0,0,.22)}
.aww-pin-aesthetic.theme-sage {--pin-bg:#f2f5ef;--pin-card:#fbfcf9;--pin-copy:#2f3a31;--pin-muted:#778178;--pin-line:#dce5d9;--pin-accent:#66806a;--pin-shadow:0 9px 26px rgba(48,71,51,.08)}
.aww-pin-aesthetic.theme-lilac {--pin-bg:#f8f4ff;--pin-card:#fff;--pin-copy:#3d3150;--pin-muted:#847892;--pin-line:#e7def2;--pin-accent:#8c63b3;--pin-shadow:0 9px 28px rgba(88,58,118,.08)}

.aww-pin-aesthetic-head {
	position:relative;
	z-index:2;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:20px;
	padding:20px 22px 16px;
	border-bottom:1px solid var(--pin-line);
	background:color-mix(in srgb,var(--pin-bg) 88%,transparent);
	backdrop-filter:blur(10px);
}
.aww-pin-aesthetic[data-show-header="0"] .aww-pin-aesthetic-head {display:none}
.aww-pin-aesthetic[data-show-board-text="0"] .aww-pin-aesthetic-board-text {display:none}
.aww-pin-aesthetic[data-show-board-stats="0"] .aww-pin-aesthetic-meta {display:none}
.aww-pin-aesthetic-head>div:first-child {min-width:0}
.aww-pin-aesthetic-kicker {display:block;color:var(--pin-accent);font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.aww-pin-aesthetic-head h3 {margin:4px 0 0;font:600 clamp(18px,3.2cqw,28px)/1.05 Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aww-pin-aesthetic-head p {max-width:620px;margin:6px 0 0;color:var(--pin-muted);font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aww-pin-aesthetic-meta {display:flex;gap:14px;flex:0 0 auto}
.aww-pin-aesthetic-meta span,.aww-pin-aesthetic-meta b {display:block;text-align:right}
.aww-pin-aesthetic-meta b {font-size:13px;color:var(--pin-copy)}
.aww-pin-aesthetic-meta span {color:var(--pin-muted);font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

.aww-pin-aesthetic-canvas {
	position:relative;
	flex:1;
	min-height:0;
	overflow:auto;
	padding:var(--aww-pin-gap);
	overscroll-behavior:contain;
	scrollbar-width:thin;
	scrollbar-color:color-mix(in srgb,var(--pin-muted) 40%,transparent) transparent;
}
.aww-pin-aesthetic-grid {min-height:100%;align-items:start}
.aww-pin-aesthetic-pin {
	position:relative;
	display:block;
	min-width:0;
	overflow:hidden;
	background:var(--pin-card);
	border:1px solid var(--pin-line);
	color:var(--pin-copy);
	box-shadow:var(--pin-shadow);
	contain:layout paint;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.aww-pin-aesthetic[data-motion="1"] .aww-pin-aesthetic-pin:hover {z-index:2;transform:translateY(-3px);border-color:color-mix(in srgb,var(--pin-accent) 44%,var(--pin-line));box-shadow:0 16px 38px rgba(75,37,53,.16)}
.aww-pin-aesthetic-media {position:relative;display:block;min-height:80px;overflow:hidden;background:color-mix(in srgb,var(--pin-bg) 74%,#e9c5d3);color:inherit;text-decoration:none}
.aww-pin-aesthetic-media img {display:block;width:100%;height:auto;transition:transform .35s ease}
.aww-pin-aesthetic[data-motion="1"] .aww-pin-aesthetic-pin:hover .aww-pin-aesthetic-media img {transform:scale(1.018)}
.aww-pin-aesthetic.shape-square .aww-pin-aesthetic-media {aspect-ratio:1}
.aww-pin-aesthetic.shape-portrait .aww-pin-aesthetic-media {aspect-ratio:4/5}
.aww-pin-aesthetic.shape-landscape .aww-pin-aesthetic-media {aspect-ratio:4/3}
.aww-pin-aesthetic.shape-square .aww-pin-aesthetic-media img,.aww-pin-aesthetic.shape-portrait .aww-pin-aesthetic-media img,.aww-pin-aesthetic.shape-landscape .aww-pin-aesthetic-media img {width:100%;height:100%;object-fit:cover}
.aww-pin-aesthetic-placeholder {height:145px;display:grid;place-items:center;background:linear-gradient(145deg,#efb7cb,#d9658e);color:#fff;font:800 34px Georgia,serif}
.aww-pin-aesthetic-open {position:absolute;right:7px;top:7px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#3b2831;font-size:11px;box-shadow:0 5px 16px rgba(0,0,0,.13);opacity:0;transform:translateY(-3px);transition:.16s ease}
.aww-pin-aesthetic-pin:hover .aww-pin-aesthetic-open,.aww-pin-aesthetic-media:focus-visible .aww-pin-aesthetic-open {opacity:1;transform:none}
.aww-pin-aesthetic-copy {padding:10px 11px 11px}
.aww-pin-aesthetic-title {margin:0;color:var(--pin-copy);font-size:10px;line-height:1.38;font-weight:800}
.aww-pin-aesthetic-text {margin:6px 0 0;color:var(--pin-muted);font-size:9px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.aww-pin-aesthetic-stats {display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--pin-muted);font-size:8px}
.aww-pin-aesthetic-link {display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:var(--pin-accent);font-size:8px;font-weight:900;text-decoration:none}
.aww-pin-aesthetic.link-style-button .aww-pin-aesthetic-link {padding:6px 8px;border:1px solid color-mix(in srgb,var(--pin-accent) 22%,var(--pin-line));background:color-mix(in srgb,var(--pin-accent) 7%,var(--pin-card))}
.aww-pin-aesthetic.link-style-text .aww-pin-aesthetic-link {border-bottom:1px solid currentColor;padding-bottom:2px}
.aww-pin-aesthetic-progress {min-height:23px;padding:6px 12px 8px;color:var(--pin-muted);font-size:8px;text-align:center;letter-spacing:.02em}
.aww-pin-aesthetic-sentinel {height:2px;pointer-events:none}

/* Classic natural-height Pinterest columns. */
.aww-pin-aesthetic.layout-masonry .aww-pin-aesthetic-grid {column-count:var(--aww-pin-columns);column-gap:var(--aww-pin-gap)}
.aww-pin-aesthetic.layout-masonry .aww-pin-aesthetic-pin {display:inline-block;width:100%;margin:0 0 var(--aww-pin-gap);break-inside:avoid}
.aww-pin-aesthetic.layout-masonry .aww-pin-aesthetic-loading,.aww-pin-aesthetic.layout-masonry .aww-pin-aesthetic-none {column-span:all}

/* Uniform gallery squares. */
.aww-pin-aesthetic.layout-tiles .aww-pin-aesthetic-grid {display:grid;grid-template-columns:repeat(var(--aww-pin-columns),minmax(0,1fr));gap:var(--aww-pin-gap)}
.aww-pin-aesthetic.layout-tiles .aww-pin-aesthetic-pin {height:100%}
.aww-pin-aesthetic.layout-tiles .aww-pin-aesthetic-media {aspect-ratio:1}
.aww-pin-aesthetic.layout-tiles .aww-pin-aesthetic-media img {width:100%;height:100%;object-fit:cover}
.aww-pin-aesthetic.layout-tiles .aww-pin-aesthetic-title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Editorial blocks with a repeating hero rhythm. */
.aww-pin-aesthetic.layout-blocks .aww-pin-aesthetic-grid {display:grid;grid-template-columns:repeat(var(--aww-pin-columns),minmax(0,1fr));grid-auto-flow:dense;gap:var(--aww-pin-gap)}
.aww-pin-aesthetic.layout-blocks .aww-pin-aesthetic-pin:nth-child(8n+1),.aww-pin-aesthetic.layout-blocks .aww-pin-aesthetic-pin:nth-child(8n+6) {grid-column:span 2;grid-row:span 2}
.aww-pin-aesthetic.layout-blocks .aww-pin-aesthetic-pin:nth-child(8n+1) .aww-pin-aesthetic-media,.aww-pin-aesthetic.layout-blocks .aww-pin-aesthetic-pin:nth-child(8n+6) .aww-pin-aesthetic-media {aspect-ratio:4/3}
.aww-pin-aesthetic.layout-blocks .aww-pin-aesthetic-pin:not(:nth-child(8n+1)):not(:nth-child(8n+6)) .aww-pin-aesthetic-media {aspect-ratio:1}
.aww-pin-aesthetic.layout-blocks .aww-pin-aesthetic-media img {width:100%;height:100%;object-fit:cover}

/* A large lead Pin followed by a clean visual grid. */
.aww-pin-aesthetic.layout-spotlight .aww-pin-aesthetic-grid {display:grid;grid-template-columns:repeat(var(--aww-pin-columns),minmax(0,1fr));grid-auto-flow:dense;gap:var(--aww-pin-gap)}
.aww-pin-aesthetic.layout-spotlight .aww-pin-aesthetic-pin:first-child {grid-column:span 2;grid-row:span 2}
.aww-pin-aesthetic.layout-spotlight .aww-pin-aesthetic-pin:first-child .aww-pin-aesthetic-title {font:600 clamp(14px,2.5cqw,21px)/1.2 Georgia,serif}
.aww-pin-aesthetic.layout-spotlight .aww-pin-aesthetic-pin:not(:first-child) .aww-pin-aesthetic-media {aspect-ratio:1}
.aww-pin-aesthetic.layout-spotlight .aww-pin-aesthetic-media img {width:100%;height:100%;object-fit:cover}

/* Studio-polaroid moodboard with subtle hand-placed movement. */
.aww-pin-aesthetic.layout-polaroid .aww-pin-aesthetic-grid {column-count:var(--aww-pin-columns);column-gap:calc(var(--aww-pin-gap) + 3px);padding:4px}
.aww-pin-aesthetic.layout-polaroid .aww-pin-aesthetic-pin {display:inline-block;width:calc(100% - 4px);margin:2px 2px calc(var(--aww-pin-gap) + 5px);padding:6px;break-inside:avoid;overflow:visible}
.aww-pin-aesthetic.layout-polaroid .aww-pin-aesthetic-copy {padding:9px 5px 5px}
.aww-pin-aesthetic.layout-polaroid[data-motion="1"] .aww-pin-aesthetic-pin:nth-child(3n+1) {transform:rotate(-.7deg)}
.aww-pin-aesthetic.layout-polaroid[data-motion="1"] .aww-pin-aesthetic-pin:nth-child(3n+2) {transform:rotate(.55deg)}
.aww-pin-aesthetic.layout-polaroid[data-motion="1"] .aww-pin-aesthetic-pin:hover {transform:rotate(0) translateY(-3px)}
.aww-pin-aesthetic.layout-polaroid .aww-pin-aesthetic-loading,.aww-pin-aesthetic.layout-polaroid .aww-pin-aesthetic-none {column-span:all}

/* Dense inspiration wall for smaller dashboard widgets. */
.aww-pin-aesthetic.layout-compact .aww-pin-aesthetic-grid {display:grid;grid-template-columns:repeat(var(--aww-pin-columns),minmax(0,1fr));gap:max(3px,calc(var(--aww-pin-gap) - 5px))}
.aww-pin-aesthetic.layout-compact .aww-pin-aesthetic-pin {box-shadow:none}
.aww-pin-aesthetic.layout-compact .aww-pin-aesthetic-copy {padding:7px}
.aww-pin-aesthetic.layout-compact .aww-pin-aesthetic-title {font-size:8px}
.aww-pin-aesthetic.layout-compact .aww-pin-aesthetic-text {font-size:8px;-webkit-line-clamp:2}
.aww-pin-aesthetic.layout-compact .aww-pin-aesthetic-media {aspect-ratio:1}
.aww-pin-aesthetic.layout-compact .aww-pin-aesthetic-media img {width:100%;height:100%;object-fit:cover}

.aww-pin-aesthetic-loading {display:grid;grid-template-columns:repeat(var(--aww-pin-columns),minmax(0,1fr));gap:var(--aww-pin-gap)}
.aww-pin-aesthetic-loading i {display:block;height:165px;background:linear-gradient(110deg,color-mix(in srgb,var(--pin-bg) 72%,#eacbd7) 20%,color-mix(in srgb,var(--pin-card) 90%,#fff) 42%,color-mix(in srgb,var(--pin-bg) 72%,#eacbd7) 64%);background-size:220% 100%;animation:awwAestheticShimmer 1.1s linear infinite}
.aww-pin-aesthetic-loading i:nth-child(3n+1) {height:215px}
.aww-pin-aesthetic-loading i:nth-child(4n+2) {height:125px}
.aww-pin-aesthetic[data-motion="0"] * {animation:none!important;transition:none!important}
.aww-pin-aesthetic-none {display:grid;place-items:center;align-content:center;min-height:250px;padding:28px;text-align:center;border:1px dashed var(--pin-line);background:color-mix(in srgb,var(--pin-card) 64%,transparent)}
.aww-pin-aesthetic-none span {font-size:30px}
.aww-pin-aesthetic-none b,.aww-pin-aesthetic-none small {display:block}
.aww-pin-aesthetic-none b {margin-top:5px;font:600 17px Georgia,serif}
.aww-pin-aesthetic-none small {margin-top:4px;color:var(--pin-muted);font-size:10px}
.aww-pin-aesthetic-none.error span {width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffe1e8;color:#b6385f;font-weight:900;font-size:15px}
.aww-pin-aesthetic-empty {height:100%;min-height:260px;display:grid;place-items:center;align-content:center;padding:30px;background:linear-gradient(145deg,#fff7fa,#f8dce7);text-align:center;color:#39252e}
.aww-pin-aesthetic-orb {width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e60023;color:#fff;font:900 30px Georgia,serif;box-shadow:0 14px 32px rgba(230,0,35,.2)}
.aww-pin-aesthetic-empty b {margin-top:12px;font:600 19px Georgia,serif}
.aww-pin-aesthetic-empty p {max-width:430px;margin:7px auto;color:#816b74;font-size:11px;line-height:1.55}
.aww-pin-aesthetic-empty a {color:#a93660;font-size:10px;font-weight:900;text-decoration:none}

/* Every customization control stays inside the Activate Widgets sidebar. */
.aww-pin-sidebar-intro {display:flex;align-items:center;gap:10px;margin:2px 0 12px;padding:12px;background:linear-gradient(135deg,#fff4f8,#f9dfe9);border:1px solid #efd6e0}
.aww-pin-sidebar-intro>span {width:32px;height:32px;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:0 6px 18px rgba(103,48,69,.1)}
.aww-pin-sidebar-intro b,.aww-pin-sidebar-intro small {display:block}
.aww-pin-sidebar-intro b {font-size:11px}
.aww-pin-sidebar-intro small {margin-top:2px;color:#806b74;font-size:9px;line-height:1.4}
.aww-pin-sidebar-field select,.aww-pin-sidebar-field input {width:100%}
.aww-pin-sidebar-section {margin:9px 0;border:1px solid #eadde3;background:#fff}
.aww-pin-sidebar-section summary {display:flex;align-items:center;justify-content:space-between;padding:10px 11px;color:#5b4650;font-size:10px;font-weight:900;letter-spacing:.025em;cursor:pointer;list-style:none}
.aww-pin-sidebar-section summary::-webkit-details-marker {display:none}
.aww-pin-sidebar-section summary span {color:#a45973;transition:transform .16s ease}
.aww-pin-sidebar-section[open] summary span {transform:rotate(180deg)}
.aww-pin-sidebar-section-body {padding:2px 10px 8px;border-top:1px solid #f1e8ec}
.aww-pin-sidebar-section-body .awwa-setting-group {margin:9px 0}
.aww-pin-sidebar-refresh {width:100%!important;min-height:36px!important;margin-top:8px!important;border:1px solid #e5cbd5!important;background:#fff8fb!important;color:#9e3f62!important;font-weight:800!important;cursor:pointer!important}

@keyframes awwAestheticShimmer {to{background-position:-220% 0}}

@media (prefers-reduced-motion:reduce) {
	.aww-pin-aesthetic * {animation:none!important;transition:none!important}
}
@container awwPinBoard (max-width:620px) {
	.aww-pin-aesthetic-head {align-items:flex-start;flex-direction:column;padding:16px}
	.aww-pin-aesthetic-meta span,.aww-pin-aesthetic-meta b {text-align:left}
	.aww-pin-aesthetic.layout-blocks .aww-pin-aesthetic-pin:nth-child(8n+1),.aww-pin-aesthetic.layout-blocks .aww-pin-aesthetic-pin:nth-child(8n+6),.aww-pin-aesthetic.layout-spotlight .aww-pin-aesthetic-pin:first-child {grid-column:span 1;grid-row:span 1}
}
@container awwPinBoard (max-width:440px) {
	.aww-pin-aesthetic {--aww-pin-columns:2!important}
	.aww-pin-aesthetic-head p {display:none}
	.aww-pin-aesthetic-copy {padding:7px}
	.aww-pin-aesthetic-stats {gap:5px}
}