/*
 * DIGITAL BUSINESS CARD — QRCodeChimp-style Template
 * Single configurable theme driven entirely by CSS variables.
 * All vars are injected inline by the PHP template from admin settings.
 */

/* ==========================================================================
   RESET & BASE
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
	width: 100%;
	min-height: 100%;
	font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	background: #f2f2f2;
	-webkit-font-smoothing: antialiased;
}

body.dbc-body {
	display: flex;
	justify-content: center;
	padding-bottom: 90px;
}

img { max-width: 100%; height: auto; }
a { text-decoration: none; }

/* ==========================================================================
   PAGE WRAPPER
   ========================================================================== */
.dbc-page-wrapper {
	width: 100%;
	max-width: 480px;
	background: var(--qrc-card-bg, #fff);
	border-radius: var(--qrc-border-radius, 16px);
	overflow: hidden;
	box-shadow: 0 7px 29px 0 rgba(100, 100, 111, 0.2);
	margin: 20px 0;
}

/* ==========================================================================
   HERO / PROFILE (profile_3 style)
   ========================================================================== */
.dbc-profile-hero {
	position: relative;
	overflow: hidden;
	background-color: var(--qrc-secondary, #000);
	border-radius: var(--qrc-border-radius, 16px) var(--qrc-border-radius, 16px) 0 0;
}

.dbc-hero-img {
	height: 420px;
	width: 100%;
	background-size: cover;
	background-position: center top;
	background-color: var(--qrc-secondary, #111);
	position: relative;
}

.dbc-hero-svg {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 260px;
	pointer-events: none;
}

.dbc-hero-info {
	position: relative;
	padding: 0 20px 16px;
	margin-top: -228px;
	z-index: 2;
}

.dbc-brand-logo {
	margin-bottom: 12px;
}

.dbc-brand-logo img {
	max-height: 48px;
	max-width: 140px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.dbc-name {
	font-size: 36px;
	font-weight: 800;
	line-height: 1.1;
	color: var(--qrc-hero-text, #fff);
	text-shadow: 2px 2px 6px rgba(0,0,0,0.35);
	word-break: break-word;
}

.dbc-title {
	font-size: 15px;
	font-weight: 500;
	color: var(--qrc-hero-text, #fff);
	opacity: 0.9;
	margin-top: 4px;
}

.dbc-company {
	font-size: 13px;
	color: var(--qrc-hero-text, #fff);
	opacity: 0.8;
	margin-top: 4px;
}

/* Shortcut icon buttons */
.dbc-shortcuts {
	display: flex;
	gap: 12px;
	padding: 14px 20px 20px;
	position: relative;
	z-index: 2;
}

.dbc-shortcut {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(255,255,255,0.18);
	border: 1.5px solid rgba(255,255,255,0.35);
	color: #fff;
	transition: transform 0.2s, background 0.2s;
	backdrop-filter: blur(6px);
}

.dbc-shortcut svg { width: 20px; height: 20px; }
.dbc-shortcut:hover { transform: translateY(-2px); background: rgba(255,255,255,0.28); }

.dbc-sc-whatsapp { background: #25d366 !important; border-color: #25d366 !important; }

/* ==========================================================================
   CARDS & SECTIONS
   ========================================================================== */
.dbc-section {
	margin: 0 20px 14px;
}

.dbc-card {
	background: var(--qrc-card-bg, #fff);
	border-radius: var(--qrc-border-radius, 16px);
	box-shadow: 0 0 3px 0 rgba(255,255,255,0.15), 0 8px 16px -8px rgba(0,0,0,0.08);
	border: 1px solid rgba(0,0,0,0.06);
	overflow: hidden;
}

.dbc-section-hdr {
	padding: 20px 20px 12px;
}

.dbc-section-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--qrc-text, #333);
}

.dbc-section-title.bold { font-weight: 800; }
.dbc-section-title.center { text-align: center; }

.dbc-section-desc {
	font-size: 14px;
	color: var(--qrc-text-secondary, #656b6c);
	line-height: 1.6;
	margin-top: 6px;
}

.dbc-section-desc.center { text-align: center; }

/* standalone heading sections (About Me, etc.) */
.dbc-section.dbc-card > .dbc-section-title {
	padding: 20px 20px 0;
}

.dbc-section.dbc-card > .dbc-section-desc {
	padding: 8px 20px 20px;
}

/* ==========================================================================
   CONTACT SECTION — dark card (QRCodeChimp style)
   ========================================================================== */
.dbc-contact-section {
	padding: 0;
	background: var(--qrc-secondary, #111);
	border-color: transparent;
}

.dbc-contact-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

.dbc-contact-hdr-icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255,255,255,0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dbc-contact-hdr-icon svg { width: 16px; height: 16px; color: #fff; }

.dbc-contact-hdr-text {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
}

.dbc-contact-row {
	display: flex;
	flex-direction: column;
	padding: 10px 20px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.dbc-contact-row:last-of-type { border-bottom: none; }

.dbc-contact-label {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	color: rgba(255,255,255,0.45);
	margin-bottom: 3px;
}

.dbc-contact-value {
	font-size: 14px;
	font-weight: 500;
	color: rgba(255,255,255,0.92);
	word-break: break-all;
}

/* Multi-line address display */
.dbc-address-lines {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.dbc-address-lines span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255,255,255,0.92);
}

.dbc-direction-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 8px 20px 14px;
	padding: 7px 16px;
	border-radius: 100px;
	border: 1.5px solid rgba(255,255,255,0.3);
	color: rgba(255,255,255,0.8);
	font-size: 13px;
	font-weight: 600;
	transition: background 0.15s, color 0.15s;
}

.dbc-direction-btn:hover {
	background: rgba(255,255,255,0.12);
	color: #fff;
}

/* ==========================================================================
   GALLERY — full-width single column (QRCodeChimp style)
   ========================================================================== */
.dbc-gallery-section { padding: 20px 20px 12px; }

.dbc-gallery-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	margin-top: 14px;
}

.dbc-gallery-item a {
	display: block;
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 16/9;
}

.dbc-gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.dbc-gallery-item a:hover img { transform: scale(1.03); }

/* ==========================================================================
   CTA BUTTONS
   ========================================================================== */
.dbc-cta-section {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.dbc-cta-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 18px;
	border-radius: var(--qrc-border-radius, 16px);
	color: var(--qrc-text, #333);
	background: var(--qrc-card-bg, #fff);
	font-size: 14px;
	font-weight: 600;
	transition: transform 0.15s, box-shadow 0.15s;
	border: 1.5px solid rgba(0,0,0,0.08);
}

.dbc-cta-btn:hover {
	transform: translateY(-1px);
	border-color: var(--qrc-primary, #333);
	color: var(--qrc-primary, #333);
}

.dbc-cta-btn .dashicons {
	font-size: 15px; width: 15px; height: 15px;
	color: var(--qrc-primary, #333);
}

/* ==========================================================================
   SOCIAL LIST (individual card rows — QRCodeChimp style)
   ========================================================================== */
.dbc-social-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.dbc-social-item {
	display: flex;
	align-items: center;
	padding: 14px 18px;
	gap: 14px;
	color: var(--qrc-text, #333);
	transition: transform 0.15s, box-shadow 0.15s;
}

.dbc-social-item:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px -4px rgba(0,0,0,0.12);
}

.dbc-social-icon {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: rgba(0,0,0,0.06);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dbc-social-icon svg { width: 18px; height: 18px; color: var(--qrc-text, #333); }

.dbc-social-name {
	flex: 1;
	font-size: 14px;
	font-weight: 600;
}

.dbc-social-arrow { color: var(--qrc-text-secondary, #999); }

/* ==========================================================================
   WEB LINKS
   ========================================================================== */
.dbc-weblinks-list {
	display: flex;
	flex-direction: column;
}

.dbc-weblink-item {
	display: flex;
	align-items: center;
	padding: 12px 18px;
	gap: 14px;
	border-top: 1px solid rgba(0,0,0,0.05);
	color: var(--qrc-text, #333);
	transition: background 0.1s;
}

.dbc-weblink-item:first-child { border-top: none; }
.dbc-weblink-item:hover { background: rgba(0,0,0,0.02); }

.dbc-weblink-icon {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	overflow: hidden;
	background: rgba(0,0,0,0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dbc-weblink-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dbc-weblink-icon svg { width: 20px; height: 20px; color: var(--qrc-primary, #333); }

.dbc-weblink-text { flex: 1; min-width: 0; }

.dbc-weblink-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--qrc-text, #333);
}

.dbc-weblink-subtitle {
	font-size: 12px;
	color: var(--qrc-text-secondary, #656b6c);
	margin-top: 2px;
}

.dbc-weblink-arrow { color: var(--qrc-text-secondary, #999); flex-shrink: 0; }

/* ==========================================================================
   SCHEDULE MEETING
   ========================================================================== */
.dbc-meeting-section { padding: 20px; }

.dbc-meeting-btns {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 14px;
}

.dbc-meeting-btn {
	display: block;
	text-align: center;
	padding: 13px 20px;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 600;
	transition: opacity 0.15s, transform 0.15s;
}

.dbc-meeting-btn:hover { opacity: 0.88; transform: translateY(-1px); }

.dbc-btn-primary {
	background: var(--qrc-primary, #333);
	color: #fff;
}

.dbc-btn-outline {
	background: transparent;
	border: 1.5px solid var(--qrc-primary, #333);
	color: var(--qrc-primary, #333);
}

/* ==========================================================================
   LEAD FORM
   ========================================================================== */
.dbc-lead-section { padding: 20px; }

.dbc-lead-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 14px;
}

.dbc-input-group input,
.dbc-input-group textarea {
	width: 100%;
	padding: 12px 16px;
	font-size: 14px;
	font-family: inherit;
	border-radius: 10px;
	border: 1.5px solid rgba(0,0,0,0.1);
	background: #fafafa;
	color: var(--qrc-text, #333);
	outline: none;
	transition: border-color 0.2s;
}

.dbc-input-group input:focus,
.dbc-input-group textarea:focus {
	border-color: var(--qrc-primary, #333);
	background: #fff;
}

.dbc-input-group input::placeholder,
.dbc-input-group textarea::placeholder { color: #aaa; }

.dbc-privacy-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.dbc-privacy-row input[type="checkbox"] {
	width: auto;
	margin-top: 3px;
	flex-shrink: 0;
}

.dbc-privacy-row label {
	font-size: 12px;
	color: var(--qrc-text-secondary, #656b6c);
	line-height: 1.5;
}

.dbc-privacy-row label a {
	color: var(--qrc-primary, #333);
	text-decoration: underline;
}

.dbc-submit-btn {
	padding: 13px 20px;
	border-radius: 100px;
	border: none;
	background: var(--qrc-primary, #333);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	transition: opacity 0.15s, transform 0.15s;
}

.dbc-submit-btn:hover { opacity: 0.9; transform: translateY(-1px); }

.ditta-form-feedback {
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 500;
}

.ditta-form-feedback.success {
	background: rgba(37,211,102,0.1);
	color: #22c55e;
	border: 1px solid rgba(37,211,102,0.2);
}

.ditta-form-feedback.error {
	background: rgba(239,68,68,0.1);
	color: #ef4444;
	border: 1px solid rgba(239,68,68,0.2);
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.dbc-footer {
	text-align: center;
	padding: 16px 20px 24px;
	font-size: 11px;
	color: var(--qrc-text-secondary, #999);
}

/* ==========================================================================
   STICKY BAR
   ========================================================================== */
.dbc-sticky-bar {
	position: fixed;
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 24px);
	max-width: 440px;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 10px;
	background: rgba(255,255,255,0.95);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-radius: 16px;
	box-shadow: 0 4px 24px rgba(0,0,0,0.15);
	border: 1px solid rgba(0,0,0,0.08);
	z-index: 999;
}

.dbc-sticky-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	height: 50px;
	border-radius: 12px;
	border: none;
	cursor: pointer;
	font-family: inherit;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	transition: transform 0.2s;
	text-decoration: none;
}

.dbc-sticky-btn:hover { transform: translateY(-2px); }

.dbc-sticky-save {
	flex: 2;
	background: var(--qrc-primary, #333);
	color: #fff;
}

.dbc-sticky-qr,
.dbc-sticky-share {
	flex: 1;
	background: #f0f0f0;
	color: #333;
}

/* ==========================================================================
   MODALS
   ========================================================================== */
.dbc-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s;
}

.dbc-modal.active {
	opacity: 1;
	pointer-events: auto;
}

.dbc-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5);
	backdrop-filter: blur(8px);
}

.dbc-modal-box {
	position: relative;
	width: 100%;
	max-width: 360px;
	background: #fff;
	border-radius: 20px;
	padding: 28px 24px 24px;
	text-align: center;
	box-shadow: 0 20px 50px rgba(0,0,0,0.2);
	transform: scale(0.92);
	transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
	z-index: 2;
}

.dbc-modal.active .dbc-modal-box { transform: scale(1); }

.dbc-modal-close {
	position: absolute;
	top: 12px; right: 14px;
	background: none;
	border: none;
	font-size: 24px;
	color: #999;
	cursor: pointer;
	line-height: 1;
	padding: 4px;
}

.dbc-modal-box h3 {
	font-size: 17px;
	font-weight: 700;
	margin: 0 0 6px;
	color: #111;
}

.dbc-modal-box > p {
	font-size: 13px;
	color: #666;
	margin: 0 0 20px;
}

/* QR modal */
.dbc-qr-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding: 16px;
	border-radius: 16px;
	margin: 0 auto 16px;
	width: 196px;
	height: 196px;
	border: 1px solid #eee;
	position: relative;
}

.dbc-qr-wrap .qr-center-logo-overlay {
	position: absolute;
	width: 38px; height: 38px;
	border-radius: 8px;
	background: #fff;
	padding: 3px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
}

.dbc-qr-name { font-size: 15px; font-weight: 700; color: #111; margin: 0 0 2px; }
.dbc-qr-company { font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 0.8px; }

/* Share modal */
.dbc-share-list { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }

.dbc-share-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 16px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	font-family: inherit;
	width: 100%;
	transition: opacity 0.15s;
}

.dbc-share-item:hover { opacity: 0.88; }
.dbc-share-wa { background: #25d366; color: #fff; }
.dbc-share-email { background: #3b82f6; color: #fff; }
.dbc-share-copy { background: #f3f4f6; color: #374151; }

.copy-success-toast {
	position: fixed;
	bottom: 90px;
	left: 50%;
	transform: translateX(-50%);
	background: #10b981;
	color: #fff;
	padding: 9px 20px;
	border-radius: 100px;
	font-size: 13px;
	font-weight: 600;
	z-index: 100000;
	box-shadow: 0 4px 16px rgba(16,185,129,0.25);
}

/* ==========================================================================
   LEAD GATE — full-screen page shown before card content
   ========================================================================== */
body.dbc-has-gate:not(.dbc-gate-passed) #dbc-card-content,
body.dbc-has-gate:not(.dbc-gate-passed) .dbc-sticky-bar {
	display: none !important;
}

body.dbc-has-gate.dbc-gate-passed #ditta-lead-gate {
	display: none !important;
}

.dbc-lead-gate {
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	background: #f2f2f2;
	padding-bottom: 40px;
}

.dbc-lead-gate-page {
	width: 100%;
	max-width: 480px;
	margin: 20px 0;
	background: var(--qrc-card-bg, #fff);
	border-radius: var(--qrc-border-radius, 16px);
	overflow: hidden;
	box-shadow: 0 7px 29px 0 rgba(100, 100, 111, 0.2);
}

.dbc-gate-header {
	background: var(--qrc-secondary, #111);
	padding: 48px 24px 32px;
	text-align: center;
}

.dbc-gate-avatar {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 16px;
	border: 3px solid rgba(255,255,255,0.25);
	box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

.dbc-gate-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dbc-gate-name {
	font-size: 26px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 6px;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}

.dbc-gate-title {
	font-size: 14px;
	color: rgba(255,255,255,0.8);
	margin-bottom: 4px;
}

.dbc-gate-company {
	font-size: 13px;
	color: rgba(255,255,255,0.6);
}

.dbc-gate-form-wrap {
	padding: 28px 24px 32px;
}

.dbc-gate-form-title {
	font-size: 18px;
	font-weight: 700;
	color: var(--qrc-text, #111);
	margin-bottom: 6px;
	text-align: center;
}

.dbc-gate-form-desc {
	font-size: 13px;
	color: var(--qrc-text-secondary, #666);
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.5;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 480px) {
	body.dbc-body { padding-bottom: 80px; }
	.dbc-page-wrapper { margin: 0; border-radius: 0; box-shadow: none; }
	.dbc-lead-gate-page { margin: 0; border-radius: 0; }
	.dbc-sticky-bar { border-radius: 12px; bottom: 10px; }
}

/* ========================================================================== 
   IPV DESIGN SYSTEM 3.1 — multi-template premium skin set
   Inspired by modern digital-card competitors, implemented on current backend.
   ========================================================================== */

/* Fix malformed selector from previous build and normalize links */
.dbc-contact-value,
.dbc-contact-value:visited {
	font-size: 14px;
	font-weight: 600;
	color: rgba(255,255,255,0.94);
	word-break: break-word;
}

body.dbc-body {
	min-height: 100vh;
	padding: 28px 14px 104px;
	background:
		radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--qrc-primary, #111) 16%, transparent), transparent 34%),
		radial-gradient(circle at 82% 4%, rgba(255,255,255,.35), transparent 28%),
		linear-gradient(145deg, #f7f7f5 0%, #eceff3 100%);
}

.dbc-page-wrapper,
.dbc-lead-gate-page {
	max-width: 430px;
	border-radius: 30px;
	box-shadow: 0 34px 90px rgba(16, 24, 40, .16), 0 4px 18px rgba(16, 24, 40, .08);
	border: 1px solid rgba(255,255,255,.65);
	isolation: isolate;
}

.dbc-card {
	border-radius: 22px;
	box-shadow: 0 15px 34px rgba(16, 24, 40, .08);
	border: 1px solid rgba(16,24,40,.07);
}

.dbc-section { margin: 0 18px 14px; }
.dbc-section-title { letter-spacing: -.02em; }
.dbc-section-desc { line-height: 1.68; }

.dbc-brand-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	max-width: 158px;
	padding: 8px 12px;
	border-radius: 16px;
	background: rgba(255,255,255,.82);
	box-shadow: 0 10px 26px rgba(0,0,0,.12);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.dbc-brand-logo img {
	max-height: 34px;
	max-width: 128px;
	object-fit: contain;
	filter: none !important;
}

.dbc-shortcut,
.dbc-sticky-btn,
.dbc-cta-btn,
.dbc-social-item,
.dbc-weblink-item,
.dbc-meeting-btn,
.dbc-submit-btn {
	-webkit-tap-highlight-color: transparent;
}

.dbc-shortcut {
	box-shadow: 0 12px 28px rgba(0,0,0,.16);
}

.dbc-cta-btn,
.dbc-social-item,
.dbc-weblink-item {
	will-change: transform;
}

.dbc-cta-btn:hover,
.dbc-social-item:hover,
.dbc-weblink-item:hover {
	transform: translateY(-2px);
}

.dbc-sticky-bar {
	max-width: 410px;
	border-radius: 22px;
	box-shadow: 0 20px 55px rgba(16,24,40,.22);
}

.dbc-sticky-save {
	background: linear-gradient(135deg, var(--qrc-primary, #111), color-mix(in srgb, var(--qrc-primary, #111) 68%, #000));
}

/* --------------------------------------------------------------------------
   Template 1: Prestige Dark — premium, closest to high-end QRCodeChimp style
   -------------------------------------------------------------------------- */
.dbc-template-prestige-dark {
	background:
		radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--qrc-primary, #bfa76f) 22%, transparent), transparent 30%),
		radial-gradient(circle at 88% 12%, rgba(255,255,255,.08), transparent 28%),
		linear-gradient(145deg, #06070a 0%, #151923 55%, #08090d 100%) !important;
}

.dbc-template-prestige-dark .dbc-page-wrapper,
.dbc-template-prestige-dark .dbc-lead-gate-page {
	background: #10131a;
	border-color: rgba(255,255,255,.1);
	box-shadow: 0 36px 100px rgba(0,0,0,.55);
}

.dbc-template-prestige-dark .dbc-profile-hero {
	border-radius: 30px 30px 22px 22px;
	background: #08090d;
}

.dbc-template-prestige-dark .dbc-hero-img {
	height: 410px;
	background-position: center top;
}

.dbc-template-prestige-dark .dbc-hero-img::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.32) 42%, rgba(7,8,12,.96) 100%);
}

.dbc-template-prestige-dark .dbc-hero-svg { display: none; }
.dbc-template-prestige-dark .dbc-hero-info { margin-top: -170px; padding: 0 24px 18px; }
.dbc-template-prestige-dark .dbc-name { font-size: 38px; letter-spacing: -.05em; color: #fff; text-shadow: 0 8px 26px rgba(0,0,0,.46); }
.dbc-template-prestige-dark .dbc-title { color: rgba(255,255,255,.88); font-weight: 600; }
.dbc-template-prestige-dark .dbc-company { color: rgba(255,255,255,.66); letter-spacing: .05em; text-transform: uppercase; }
.dbc-template-prestige-dark .dbc-shortcuts { padding: 12px 24px 24px; }
.dbc-template-prestige-dark .dbc-shortcut { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.18); color: #fff; }
.dbc-template-prestige-dark .dbc-section-title { color: #fff; }
.dbc-template-prestige-dark .dbc-section-desc { color: rgba(255,255,255,.65); }
.dbc-template-prestige-dark .dbc-card { background: rgba(255,255,255,.065); border-color: rgba(255,255,255,.10); box-shadow: 0 18px 42px rgba(0,0,0,.24); }
.dbc-template-prestige-dark .dbc-contact-section { background: linear-gradient(160deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); }
.dbc-template-prestige-dark .dbc-cta-btn,
.dbc-template-prestige-dark .dbc-social-item,
.dbc-template-prestige-dark .dbc-weblink-item { color: #fff; }
.dbc-template-prestige-dark .dbc-social-icon,
.dbc-template-prestige-dark .dbc-weblink-icon { background: color-mix(in srgb, var(--qrc-primary, #bfa76f) 20%, rgba(255,255,255,.09)); }
.dbc-template-prestige-dark .dbc-social-icon svg,
.dbc-template-prestige-dark .dbc-weblink-icon svg,
.dbc-template-prestige-dark .dbc-cta-btn .dashicons { color: var(--qrc-primary, #d7bd79); }
.dbc-template-prestige-dark .dbc-footer { color: rgba(255,255,255,.38); }

/* --------------------------------------------------------------------------
   Template 2: Corporate Light — clean white enterprise profile
   -------------------------------------------------------------------------- */
.dbc-template-corporate-light {
	background: linear-gradient(145deg, #eef3f8 0%, #f8fafc 45%, #e9eef5 100%) !important;
}

.dbc-template-corporate-light .dbc-page-wrapper,
.dbc-template-corporate-light .dbc-lead-gate-page {
	background: #ffffff;
	border-color: rgba(15,23,42,.08);
}

.dbc-template-corporate-light .dbc-profile-hero {
	margin: 14px 14px 0;
	border-radius: 26px;
	background: linear-gradient(135deg, #ffffff 0%, #f4f7fb 100%);
	border: 1px solid rgba(15,23,42,.07);
	box-shadow: inset 0 -1px 0 rgba(15,23,42,.04);
}

.dbc-template-corporate-light .dbc-hero-img {
	height: 178px;
	border-radius: 22px 22px 0 0;
	background-position: center 18%;
}

.dbc-template-corporate-light .dbc-hero-img::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.88) 92%);
}

.dbc-template-corporate-light .dbc-hero-svg { display: none; }
.dbc-template-corporate-light .dbc-hero-info { margin-top: -42px; padding: 0 22px 12px; text-align: left; }
.dbc-template-corporate-light .dbc-brand-logo { background: #fff; border: 1px solid rgba(15,23,42,.08); box-shadow: 0 12px 28px rgba(15,23,42,.10); }
.dbc-template-corporate-light .dbc-name { color: #0f172a; text-shadow: none; font-size: 32px; letter-spacing: -.04em; }
.dbc-template-corporate-light .dbc-title { color: #475569; font-weight: 600; }
.dbc-template-corporate-light .dbc-company { color: #64748b; text-transform: uppercase; letter-spacing: .05em; }
.dbc-template-corporate-light .dbc-shortcuts { padding: 8px 22px 20px; }
.dbc-template-corporate-light .dbc-shortcut { background: #fff; color: var(--qrc-primary, #2563eb); border-color: rgba(37,99,235,.16); box-shadow: 0 10px 24px rgba(15,23,42,.08); }
.dbc-template-corporate-light .dbc-card { background: #fff; border-color: rgba(15,23,42,.08); }
.dbc-template-corporate-light .dbc-contact-section { background: #0f172a; }
.dbc-template-corporate-light .dbc-section-title { color: #0f172a; }
.dbc-template-corporate-light .dbc-section-desc { color: #64748b; }
.dbc-template-corporate-light .dbc-cta-btn { color: #0f172a; }
.dbc-template-corporate-light .dbc-social-icon,
.dbc-template-corporate-light .dbc-weblink-icon { background: color-mix(in srgb, var(--qrc-primary, #2563eb) 12%, #eff6ff); color: var(--qrc-primary, #2563eb); }

/* --------------------------------------------------------------------------
   Template 3: Neon Tech — AION / data center / AI aesthetic
   -------------------------------------------------------------------------- */
.dbc-template-neon-tech {
	background:
		linear-gradient(120deg, rgba(0,229,255,.14), transparent 28%),
		radial-gradient(circle at 80% 12%, color-mix(in srgb, var(--qrc-primary, #00e5ff) 28%, transparent), transparent 30%),
		linear-gradient(145deg, #020617 0%, #0b1120 100%) !important;
}

.dbc-template-neon-tech .dbc-page-wrapper,
.dbc-template-neon-tech .dbc-lead-gate-page {
	background: rgba(2,6,23,.88);
	border-color: rgba(0,229,255,.20);
	box-shadow: 0 0 0 1px rgba(0,229,255,.08), 0 38px 110px rgba(0,0,0,.55);
}

.dbc-template-neon-tech .dbc-page-wrapper::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 34px 34px;
	mask-image: linear-gradient(180deg, #000 0%, transparent 65%);
	z-index: -1;
}

.dbc-template-neon-tech .dbc-profile-hero { background: #020617; border-bottom: 1px solid rgba(0,229,255,.18); }
.dbc-template-neon-tech .dbc-hero-img { height: 360px; filter: saturate(1.05) contrast(1.04); }
.dbc-template-neon-tech .dbc-hero-img::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(2,6,23,.16) 0%, rgba(2,6,23,.68) 62%, #020617 100%), radial-gradient(circle at 20% 25%, rgba(0,229,255,.18), transparent 34%);
}
.dbc-template-neon-tech .dbc-hero-svg { display: none; }
.dbc-template-neon-tech .dbc-hero-info { margin-top: -132px; padding: 0 23px 16px; }
.dbc-template-neon-tech .dbc-brand-logo { background: rgba(2,6,23,.76); border: 1px solid rgba(0,229,255,.22); box-shadow: 0 0 24px rgba(0,229,255,.12); }
.dbc-template-neon-tech .dbc-name { color: #e0faff; text-shadow: 0 0 26px color-mix(in srgb, var(--qrc-primary, #00e5ff) 40%, transparent); letter-spacing: -.045em; }
.dbc-template-neon-tech .dbc-title { color: #7dd3fc; }
.dbc-template-neon-tech .dbc-company { color: #94a3b8; text-transform: uppercase; letter-spacing: .08em; }
.dbc-template-neon-tech .dbc-card { background: rgba(15,23,42,.72); border-color: rgba(125,211,252,.18); box-shadow: 0 18px 44px rgba(0,0,0,.28); }
.dbc-template-neon-tech .dbc-section-title { color: #e2faff; }
.dbc-template-neon-tech .dbc-section-desc { color: #9fb7c8; }
.dbc-template-neon-tech .dbc-contact-section { background: linear-gradient(160deg, rgba(15,23,42,.95), rgba(2,6,23,.82)); }
.dbc-template-neon-tech .dbc-shortcut { background: rgba(0,229,255,.11); border-color: rgba(0,229,255,.28); color: #dffbff; }
.dbc-template-neon-tech .dbc-cta-btn,
.dbc-template-neon-tech .dbc-social-item,
.dbc-template-neon-tech .dbc-weblink-item { color: #e2faff; }
.dbc-template-neon-tech .dbc-social-icon,
.dbc-template-neon-tech .dbc-weblink-icon { background: rgba(0,229,255,.10); }
.dbc-template-neon-tech .dbc-social-icon svg,
.dbc-template-neon-tech .dbc-weblink-icon svg,
.dbc-template-neon-tech .dbc-cta-btn .dashicons { color: var(--qrc-primary, #00e5ff); }
.dbc-template-neon-tech .dbc-footer { color: rgba(226,250,255,.38); }

/* --------------------------------------------------------------------------
   Template 4: Editorial White — minimal luxury card
   -------------------------------------------------------------------------- */
.dbc-template-editorial-white {
	background: linear-gradient(145deg, #f8f5ef 0%, #ffffff 46%, #eee8df 100%) !important;
}

.dbc-template-editorial-white .dbc-page-wrapper,
.dbc-template-editorial-white .dbc-lead-gate-page {
	background: #fffdf8;
	border-color: rgba(48,38,26,.10);
	box-shadow: 0 36px 90px rgba(67,54,34,.15);
}

.dbc-template-editorial-white .dbc-profile-hero {
	background: #fffdf8;
	border-radius: 30px 30px 0 0;
}

.dbc-template-editorial-white .dbc-hero-img {
	height: 320px;
	border-bottom: 1px solid rgba(48,38,26,.08);
}

.dbc-template-editorial-white .dbc-hero-img::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.1) 54%, rgba(255,253,248,.98) 100%);
}

.dbc-template-editorial-white .dbc-hero-svg { display: none; }
.dbc-template-editorial-white .dbc-hero-info { margin-top: -74px; padding: 0 28px 18px; text-align: center; }
.dbc-template-editorial-white .dbc-brand-logo { background: #fffdf8; box-shadow: none; border: 1px solid rgba(48,38,26,.14); margin-inline: auto; }
.dbc-template-editorial-white .dbc-name { color: #201b14; text-shadow: none; font-size: 34px; font-weight: 700; letter-spacing: -.045em; }
.dbc-template-editorial-white .dbc-title { color: #5f5142; }
.dbc-template-editorial-white .dbc-company { color: #8d7c69; text-transform: uppercase; letter-spacing: .12em; }
.dbc-template-editorial-white .dbc-shortcuts { justify-content: center; padding: 4px 24px 24px; }
.dbc-template-editorial-white .dbc-shortcut { background: #201b14; color: #fffdf8; border-color: #201b14; box-shadow: 0 12px 26px rgba(32,27,20,.18); }
.dbc-template-editorial-white .dbc-card { background: #fffdf8; border-color: rgba(48,38,26,.10); box-shadow: none; }
.dbc-template-editorial-white .dbc-section-title { color: #201b14; }
.dbc-template-editorial-white .dbc-section-desc { color: #776957; }
.dbc-template-editorial-white .dbc-contact-section { background: #201b14; }
.dbc-template-editorial-white .dbc-cta-btn { color: #201b14; }
.dbc-template-editorial-white .dbc-social-icon,
.dbc-template-editorial-white .dbc-weblink-icon { background: #f2eadf; }
.dbc-template-editorial-white .dbc-social-icon svg,
.dbc-template-editorial-white .dbc-weblink-icon svg,
.dbc-template-editorial-white .dbc-cta-btn .dashicons { color: #8a6f45; }

/* --------------------------------------------------------------------------
   Template 5: Gradient Pro — colorful, energetic, sales/profile card
   -------------------------------------------------------------------------- */
.dbc-template-gradient-pro {
	background:
		radial-gradient(circle at 15% 8%, color-mix(in srgb, var(--qrc-primary, #7c3aed) 34%, transparent), transparent 30%),
		radial-gradient(circle at 90% 0%, #ff6bcb55, transparent 26%),
		linear-gradient(145deg, #1d1040 0%, #321a6b 46%, #0f172a 100%) !important;
}

.dbc-template-gradient-pro .dbc-page-wrapper,
.dbc-template-gradient-pro .dbc-lead-gate-page {
	background: #fbfbff;
	border-color: rgba(255,255,255,.25);
}

.dbc-template-gradient-pro .dbc-profile-hero {
	background: linear-gradient(135deg, var(--qrc-primary, #7c3aed), #ff4ecd);
	border-radius: 30px 30px 28px 28px;
}

.dbc-template-gradient-pro .dbc-hero-img {
	height: 360px;
	mix-blend-mode: multiply;
	opacity: .88;
}

.dbc-template-gradient-pro .dbc-hero-img::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 0%, rgba(29,16,64,.34) 44%, rgba(29,16,64,.86) 100%);
}

.dbc-template-gradient-pro .dbc-hero-svg { display: none; }
.dbc-template-gradient-pro .dbc-hero-info { margin-top: -132px; padding: 0 24px 16px; }
.dbc-template-gradient-pro .dbc-brand-logo { background: rgba(255,255,255,.92); }
.dbc-template-gradient-pro .dbc-name { color: #fff; text-shadow: 0 8px 24px rgba(0,0,0,.25); letter-spacing: -.052em; }
.dbc-template-gradient-pro .dbc-title { color: rgba(255,255,255,.9); }
.dbc-template-gradient-pro .dbc-company { color: rgba(255,255,255,.72); text-transform: uppercase; letter-spacing: .08em; }
.dbc-template-gradient-pro .dbc-shortcut { background: rgba(255,255,255,.20); color: #fff; border-color: rgba(255,255,255,.35); }
.dbc-template-gradient-pro .dbc-card { border-color: rgba(124,58,237,.12); }
.dbc-template-gradient-pro .dbc-contact-section { background: linear-gradient(135deg, #211039, color-mix(in srgb, var(--qrc-primary, #7c3aed) 38%, #211039)); }
.dbc-template-gradient-pro .dbc-social-icon,
.dbc-template-gradient-pro .dbc-weblink-icon { background: color-mix(in srgb, var(--qrc-primary, #7c3aed) 13%, #f5f3ff); }
.dbc-template-gradient-pro .dbc-social-icon svg,
.dbc-template-gradient-pro .dbc-weblink-icon svg,
.dbc-template-gradient-pro .dbc-cta-btn .dashicons { color: var(--qrc-primary, #7c3aed); }

/* Lead gate inherits selected style */
.dbc-template-prestige-dark .dbc-lead-gate,
.dbc-template-neon-tech .dbc-lead-gate,
.dbc-template-gradient-pro .dbc-lead-gate { background: transparent; }
.dbc-template-corporate-light .dbc-lead-gate,
.dbc-template-editorial-white .dbc-lead-gate { background: transparent; }

.dbc-template-prestige-dark .dbc-gate-header { background: #090b10; }
.dbc-template-neon-tech .dbc-gate-header { background: #020617; border-bottom: 1px solid rgba(0,229,255,.18); }
.dbc-template-editorial-white .dbc-gate-header { background: #201b14; }
.dbc-template-gradient-pro .dbc-gate-header { background: linear-gradient(135deg, var(--qrc-primary, #7c3aed), #ff4ecd); }

@media (max-width: 480px) {
	body.dbc-body { padding: 0 0 88px; }
	.dbc-page-wrapper,
	.dbc-lead-gate-page { margin: 0; border-radius: 0; border: none; max-width: none; box-shadow: none; }
	.dbc-profile-hero { border-radius: 0 0 24px 24px !important; }
	.dbc-template-corporate-light .dbc-profile-hero { margin: 0 0 0; border-radius: 0 0 24px 24px !important; }
	.dbc-template-prestige-dark .dbc-hero-img { height: 390px; }
	.dbc-template-corporate-light .dbc-hero-img { height: 176px; }
	.dbc-template-neon-tech .dbc-hero-img,
	.dbc-template-gradient-pro .dbc-hero-img { height: 342px; }
	.dbc-template-editorial-white .dbc-hero-img { height: 304px; }
	.dbc-section { margin-left: 14px; margin-right: 14px; }
	.dbc-sticky-bar { max-width: calc(100% - 20px); }
}

/* final hardening */
.dbc-page-wrapper { position: relative; }

/* ==========================================================================
   Premium quick actions bar — cloned from the dark rounded competitor style
   Add Contact is fixed on the left, QR code is fixed on the right.
   ========================================================================== */
.dbc-sticky-bar.dbc-sticky-premium-actions {
	position: fixed;
	left: 50%;
	bottom: 14px;
	transform: translateX(-50%);
	width: calc(100% - 28px);
	max-width: 430px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 11px;
	padding: 12px 14px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 34%),
		#050505;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 22px;
	box-shadow:
		0 22px 58px rgba(0,0,0,.42),
		0 8px 18px rgba(0,0,0,.24),
		inset 0 1px 0 rgba(255,255,255,.10);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	z-index: 999;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-btn {
	appearance: none;
	-webkit-appearance: none;
	min-width: 0;
	height: 64px;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border: 1px solid rgba(255,255,255,.22);
	background:
		linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
		#242424;
	color: #fff;
	border-radius: 999px;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		inset 0 -16px 22px rgba(0,0,0,.18),
		0 10px 22px rgba(0,0,0,.28);
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
	font-family: inherit;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: transform .18s ease, filter .18s ease, border-color .18s ease, background .18s ease;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-btn:hover,
.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-btn:focus-visible {
	transform: translateY(-2px);
	filter: brightness(1.08);
	border-color: rgba(255,255,255,.34);
	outline: none;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-btn:active {
	transform: translateY(0) scale(.98);
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-pill {
	order: 1;
	flex: 1 1 auto;
	justify-content: space-between;
	gap: 14px;
	min-width: 0;
	padding: 8px 8px 8px 23px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04)),
		#2b2b2b;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-share {
	order: 2;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-qr {
	order: 3;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-circle {
	width: 64px;
	flex-basis: 64px;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-circle svg {
	width: 26px;
	height: 26px;
	filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 2px;
	min-width: 0;
	color: #fff;
	text-align: left;
	white-space: nowrap;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-label-top,
.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-label-main {
	display: block;
	font-size: 18px;
	font-weight: 800;
	line-height: .98;
	letter-spacing: -.03em;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-icon-bubble {
	width: 54px;
	height: 54px;
	min-width: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82));
	color: #242424;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 8px 18px rgba(0,0,0,.22);
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-icon-bubble svg {
	width: 28px;
	height: 28px;
}

@media (max-width: 380px) {
	.dbc-sticky-bar.dbc-sticky-premium-actions {
		width: calc(100% - 18px);
		gap: 8px;
		padding: 10px;
		border-radius: 20px;
	}

	.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-btn {
		height: 58px;
	}

	.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-circle {
		width: 58px;
		flex-basis: 58px;
	}

	.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-pill {
		padding-left: 18px;
		gap: 10px;
	}

	.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-label-top,
	.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-label-main {
		font-size: 16px;
	}

	.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-icon-bubble {
		width: 48px;
		height: 48px;
		min-width: 48px;
	}
}

/* ==========================================================================
   v3.1.2 BUGFIX — Premium quick action pill layout
   The base sticky button CSS uses flex-direction: column; this reset forces
   the Add Contact icon to stay inside the pill, on the right.
   ========================================================================== */
.dbc-sticky-bar.dbc-sticky-premium-actions,
.dbc-sticky-bar.dbc-sticky-premium-actions * {
	box-sizing: border-box;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-btn {
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-pill {
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	overflow: hidden;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-pill .dbc-sticky-label {
	flex: 1 1 auto;
	min-width: 0;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-pill .dbc-sticky-icon-bubble {
	position: static !important;
	flex: 0 0 54px;
	align-self: center;
	margin: 0 !important;
	transform: none !important;
}

.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-pill .dbc-sticky-icon-bubble svg {
	display: block;
	flex: 0 0 auto;
}

@media (max-width: 380px) {
	.dbc-sticky-bar.dbc-sticky-premium-actions .dbc-sticky-pill .dbc-sticky-icon-bubble {
		flex-basis: 48px;
	}
}

/* ==========================================================================
   ACTION DOCK v3.2 — Clean component: Add Contact (left) | Share | QR (right)
   Replaces the old .dbc-sticky-bar / .dbc-sticky-premium-actions markup.
   ========================================================================== */

.dbc-action-dock {
	position: fixed;
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 24px);
	max-width: 440px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border-radius: 20px;
	box-shadow: 0 4px 28px rgba(0, 0, 0, 0.16), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	border: 1px solid rgba(0, 0, 0, 0.08);
	z-index: 999;
}

/* Shared base for all dock buttons */
.dbc-dock-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	border-radius: 14px;
	border: none;
	cursor: pointer;
	font-family: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.dbc-dock-btn:hover { transform: translateY(-2px); }
.dbc-dock-btn:active { transform: translateY(0); opacity: 0.88; }

/* ---- "Add Contact" pill (LEFT) ---- */
.dbc-dock-add {
	flex: 1;
	gap: 10px;
	padding: 0 16px;
	background: linear-gradient(135deg,
		var(--qrc-primary, #333),
		color-mix(in srgb, var(--qrc-primary, #333) 72%, #000)
	);
	color: #fff;
	min-width: 0;
}

/* Icon bubble inside Add Contact */
.dbc-dock-add-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	min-width: 34px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.22);
}

.dbc-dock-add-icon svg {
	width: 18px;
	height: 18px;
	display: block;
	flex-shrink: 0;
}

/* Two-line label */
.dbc-dock-add-text {
	display: flex;
	flex-direction: column;
	line-height: 1.1;
	text-align: left;
	overflow: hidden;
}

.dbc-dock-add-top {
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	opacity: 0.8;
	white-space: nowrap;
}

.dbc-dock-add-main {
	font-size: 14px;
	font-weight: 800;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

/* ---- Icon-only circle buttons (Share CENTER, QR RIGHT) ---- */
.dbc-dock-icon-btn {
	width: 52px;
	flex-shrink: 0;
	background: rgba(0, 0, 0, 0.055);
	color: #444;
}

.dbc-dock-icon-btn svg {
	width: 22px;
	height: 22px;
	display: block;
}

.dbc-dock-icon-btn:hover { background: rgba(0, 0, 0, 0.09); }

/* Responsive */
@media (max-width: 480px) {
	.dbc-action-dock { bottom: 10px; border-radius: 16px; }
	.dbc-dock-add-main { font-size: 13px; }
}

/* ==========================================================================
   HERO OVERLAY — controlled by PHP inline style on .dbc-hero-overlay
   ========================================================================== */

.dbc-hero-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
}

/* Hero info and shortcuts sit above the overlay */
.dbc-hero-info   { position: relative; z-index: 2; }
.dbc-shortcuts   { position: relative; z-index: 2; }

/* ==========================================================================
   INLINE QR BLOCK — for qr_first themes
   ========================================================================== */
.dbc-inline-qr-section {
	margin: 0 18px 16px;
}

.dbc-inline-qr-card {
	padding: 0;
	overflow: hidden;
}

.dbc-inline-qr-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 28px 24px 24px;
	text-align: center;
	gap: 12px;
}

.dbc-inline-qr-scan-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--dbc-muted, #666);
	margin: 0;
}

.dbc-inline-qr-frame {
	background: #fff;
	border: 1.5px solid var(--dbc-border, rgba(0,0,0,0.08));
	border-radius: 16px;
	padding: 14px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

.dbc-inline-qr-name {
	font-size: 16px;
	font-weight: 700;
	color: var(--dbc-text, #111);
	margin-top: 4px;
}

.dbc-inline-qr-company {
	font-size: 12px;
	color: var(--dbc-muted, #666);
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.dbc-inline-qr-add-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: 100px;
	background: var(--dbc-primary, #111);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-top: 4px;
	transition: opacity 0.15s, transform 0.15s;
}

.dbc-inline-qr-add-btn:hover { opacity: 0.88; transform: translateY(-1px); }

/* ==========================================================================
   SOCIAL-FIRST PILL LAYOUT — for social / creator themes
   ========================================================================== */
.dbc-layout-social-first .dbc-social-list {
	gap: 10px;
}

.dbc-layout-social-first .dbc-social-item {
	border-radius: 100px;
	padding: 14px 20px;
	background: var(--dbc-surface, #fff);
	border: 1.5px solid var(--dbc-border, rgba(0,0,0,0.08));
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.dbc-layout-social-first .dbc-social-item:hover {
	border-color: var(--dbc-primary, #333);
	transform: translateY(-2px);
}

.dbc-layout-social-first .dbc-social-icon {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

/* ==========================================================================
   THEME 1: Black & Gold Luxury
   ========================================================================== */
body.dbc-template-etsy-luxury-black-gold {
	background: radial-gradient(circle at 20% 5%, rgba(200,168,90,0.18) 0%, transparent 35%),
	            linear-gradient(145deg, #050505 0%, #0d0d0d 100%);
}

.dbc-template-etsy-luxury-black-gold .dbc-page-wrapper {
	background: #111111;
	border: 1px solid rgba(200,168,90,0.22);
	box-shadow: 0 40px 100px rgba(0,0,0,0.65), 0 0 0 1px rgba(200,168,90,0.10);
}

.dbc-template-etsy-luxury-black-gold .dbc-profile-hero {
	background: #080808;
}

.dbc-template-etsy-luxury-black-gold .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-luxury-black-gold .dbc-hero-info {
	margin-top: -180px;
	padding: 0 28px 20px;
}

.dbc-template-etsy-luxury-black-gold .dbc-hero-svg { display: none; }

.dbc-template-etsy-luxury-black-gold .dbc-name {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: -0.04em;
	color: #fff;
	text-shadow: 0 8px 32px rgba(0,0,0,0.5);
}

.dbc-template-etsy-luxury-black-gold .dbc-title {
	color: var(--dbc-primary, #c8a85a);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.dbc-template-etsy-luxury-black-gold .dbc-company {
	color: rgba(255,255,255,0.55);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 12px;
}

.dbc-template-etsy-luxury-black-gold .dbc-shortcuts {
	padding: 10px 28px 26px;
}

.dbc-template-etsy-luxury-black-gold .dbc-shortcut {
	background: rgba(200,168,90,0.12);
	border-color: rgba(200,168,90,0.35);
	color: var(--dbc-primary, #c8a85a);
	box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

.dbc-template-etsy-luxury-black-gold .dbc-section {
	margin: 0 18px 14px;
}

.dbc-template-etsy-luxury-black-gold .dbc-card {
	background: #191919;
	border: 1px solid rgba(200,168,90,0.18);
	box-shadow: 0 12px 32px rgba(0,0,0,0.3);
}

.dbc-template-etsy-luxury-black-gold .dbc-section-title { color: var(--dbc-primary, #c8a85a); font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; }
.dbc-template-etsy-luxury-black-gold .dbc-section-desc  { color: rgba(255,255,255,0.55); }

.dbc-template-etsy-luxury-black-gold .dbc-contact-section {
	background: #0a0a0a;
	border: 1px solid rgba(200,168,90,0.18);
}

.dbc-template-etsy-luxury-black-gold .dbc-contact-label { color: rgba(200,168,90,0.55); }
.dbc-template-etsy-luxury-black-gold .dbc-contact-value,
.dbc-template-etsy-luxury-black-gold .dbc-contact-value:visited { color: rgba(255,255,255,0.88); }
.dbc-template-etsy-luxury-black-gold .dbc-contact-row { border-bottom-color: rgba(200,168,90,0.10); }

.dbc-template-etsy-luxury-black-gold .dbc-cta-btn {
	background: #191919;
	border-color: rgba(200,168,90,0.30);
	color: #f5f0e8;
}

.dbc-template-etsy-luxury-black-gold .dbc-cta-btn:hover {
	border-color: var(--dbc-primary, #c8a85a);
	color: var(--dbc-primary, #c8a85a);
	background: rgba(200,168,90,0.08);
}

.dbc-template-etsy-luxury-black-gold .dbc-social-item { color: #f5f0e8; }
.dbc-template-etsy-luxury-black-gold .dbc-social-icon  { background: rgba(200,168,90,0.10); }
.dbc-template-etsy-luxury-black-gold .dbc-social-icon svg { color: var(--dbc-primary, #c8a85a); }
.dbc-template-etsy-luxury-black-gold .dbc-weblink-item { color: #f5f0e8; }
.dbc-template-etsy-luxury-black-gold .dbc-weblink-icon { background: rgba(200,168,90,0.10); }
.dbc-template-etsy-luxury-black-gold .dbc-weblink-icon svg { color: var(--dbc-primary, #c8a85a); }
.dbc-template-etsy-luxury-black-gold .dbc-footer { color: rgba(200,168,90,0.35); }

.dbc-template-etsy-luxury-black-gold .dbc-btn-primary {
	background: linear-gradient(135deg, #c8a85a, #a88840);
	color: #080808;
}

/* ==========================================================================
   THEME 2: Dark Navy Realtor
   ========================================================================== */
body.dbc-template-etsy-dark-navy-realtor {
	background: linear-gradient(145deg, #0a0f1a 0%, #111827 100%);
}

.dbc-template-etsy-dark-navy-realtor .dbc-page-wrapper {
	background: #111827;
	border: 1px solid rgba(142,164,200,0.15);
	box-shadow: 0 36px 90px rgba(0,0,0,0.55);
}

.dbc-template-etsy-dark-navy-realtor .dbc-profile-hero { background: #0b111e; }
.dbc-template-etsy-dark-navy-realtor .dbc-hero-svg     { display: none; }
.dbc-template-etsy-dark-navy-realtor .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-dark-navy-realtor .dbc-hero-info {
	margin-top: -140px;
	padding: 0 24px 18px;
	text-align: center;
}

.dbc-template-etsy-dark-navy-realtor .dbc-name    { color: #f0f4fa; font-size: 34px; letter-spacing: -0.04em; text-align: center; }
.dbc-template-etsy-dark-navy-realtor .dbc-title   { color: var(--dbc-primary, #8ea4c8); text-align: center; font-size: 13px; letter-spacing: 0.06em; }
.dbc-template-etsy-dark-navy-realtor .dbc-company { color: rgba(255,255,255,0.45); text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; }

.dbc-template-etsy-dark-navy-realtor .dbc-shortcuts { padding: 8px 24px 22px; justify-content: center; }
.dbc-template-etsy-dark-navy-realtor .dbc-shortcut  { background: rgba(142,164,200,0.10); border-color: rgba(142,164,200,0.25); color: var(--dbc-primary, #8ea4c8); }

.dbc-template-etsy-dark-navy-realtor .dbc-card {
	background: #172033;
	border: 1px solid rgba(142,164,200,0.12);
	box-shadow: none;
	border-radius: 12px;
}

.dbc-template-etsy-dark-navy-realtor .dbc-section-title { color: #d7dde8; font-size: 14px; letter-spacing: 0.05em; }
.dbc-template-etsy-dark-navy-realtor .dbc-section-desc  { color: #aab3c5; }

.dbc-template-etsy-dark-navy-realtor .dbc-contact-section { background: #0b1320; border: 1px solid rgba(142,164,200,0.15); }
.dbc-template-etsy-dark-navy-realtor .dbc-contact-label   { color: rgba(142,164,200,0.55); }
.dbc-template-etsy-dark-navy-realtor .dbc-contact-row     { border-bottom-color: rgba(255,255,255,0.06); }

.dbc-template-etsy-dark-navy-realtor .dbc-cta-btn    { background: #172033; border-color: rgba(142,164,200,0.22); color: #d7dde8; }
.dbc-template-etsy-dark-navy-realtor .dbc-social-item { color: #d7dde8; }
.dbc-template-etsy-dark-navy-realtor .dbc-social-icon { background: rgba(142,164,200,0.10); }
.dbc-template-etsy-dark-navy-realtor .dbc-social-icon svg { color: var(--dbc-primary, #8ea4c8); }
.dbc-template-etsy-dark-navy-realtor .dbc-weblink-item { color: #d7dde8; }
.dbc-template-etsy-dark-navy-realtor .dbc-weblink-icon { background: rgba(142,164,200,0.10); }
.dbc-template-etsy-dark-navy-realtor .dbc-footer { color: rgba(170,179,197,0.35); }

/* ==========================================================================
   THEME 3: Minimal White QR
   ========================================================================== */
body.dbc-template-etsy-minimal-white-qr {
	background: #f2f2f2;
}

.dbc-template-etsy-minimal-white-qr .dbc-page-wrapper {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 4px 28px rgba(0,0,0,0.08);
	border-radius: 20px;
}

.dbc-template-etsy-minimal-white-qr .dbc-profile-hero { background: #ffffff; }
.dbc-template-etsy-minimal-white-qr .dbc-hero-svg     { display: none; }
.dbc-template-etsy-minimal-white-qr .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-minimal-white-qr .dbc-hero-info {
	margin-top: -80px;
	padding: 0 24px 16px;
	text-align: left;
}

.dbc-template-etsy-minimal-white-qr .dbc-name    { color: #111; font-size: 30px; font-weight: 700; text-shadow: none; letter-spacing: -0.03em; }
.dbc-template-etsy-minimal-white-qr .dbc-title   { color: #444; font-weight: 500; }
.dbc-template-etsy-minimal-white-qr .dbc-company { color: #666; text-transform: uppercase; letter-spacing: 0.08em; font-size: 11px; }

.dbc-template-etsy-minimal-white-qr .dbc-shortcuts { padding: 4px 24px 20px; }
.dbc-template-etsy-minimal-white-qr .dbc-shortcut  { background: #f5f5f5; border-color: #e0e0e0; color: #111; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }

.dbc-template-etsy-minimal-white-qr .dbc-card {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	box-shadow: none;
}

.dbc-template-etsy-minimal-white-qr .dbc-section-title { color: #111; font-weight: 700; }
.dbc-template-etsy-minimal-white-qr .dbc-section-desc  { color: #666; }
.dbc-template-etsy-minimal-white-qr .dbc-contact-section { background: #111; }
.dbc-template-etsy-minimal-white-qr .dbc-cta-btn { background: #fff; border-color: #ddd; color: #111; }
.dbc-template-etsy-minimal-white-qr .dbc-cta-btn:hover { border-color: #111; color: #111; }
.dbc-template-etsy-minimal-white-qr .dbc-social-icon { background: #f5f5f5; border: 1px solid #e5e5e5; }
.dbc-template-etsy-minimal-white-qr .dbc-weblink-icon { background: #f5f5f5; }
.dbc-template-etsy-minimal-white-qr .dbc-footer { color: #aaa; }

/* Inline QR — make it prominent in minimal theme */
.dbc-template-etsy-minimal-white-qr .dbc-inline-qr-card {
	border: 2px solid #111;
	border-radius: 16px;
}

.dbc-template-etsy-minimal-white-qr .dbc-inline-qr-frame {
	border: 2px solid #111;
}

.dbc-template-etsy-minimal-white-qr .dbc-inline-qr-scan-label { color: #111; font-size: 12px; }

/* ==========================================================================
   THEME 4: Neutral Boho
   ========================================================================== */
body.dbc-template-etsy-neutral-boho {
	background: linear-gradient(145deg, #f0e8d8 0%, #f8f2e8 50%, #ede0ce 100%);
}

.dbc-template-etsy-neutral-boho .dbc-page-wrapper {
	background: #fffaf2;
	border: 1px solid #e7d8c2;
	box-shadow: 0 24px 72px rgba(74,55,32,0.12);
	border-radius: 28px;
}

.dbc-template-etsy-neutral-boho .dbc-profile-hero { background: #ede5d4; border-radius: 28px 28px 0 0; }
.dbc-template-etsy-neutral-boho .dbc-hero-svg     { display: none; }
.dbc-template-etsy-neutral-boho .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-neutral-boho .dbc-hero-info {
	margin-top: -130px;
	padding: 0 26px 18px;
}

.dbc-template-etsy-neutral-boho .dbc-name    { color: #fff; font-size: 34px; letter-spacing: -0.03em; text-shadow: 0 4px 16px rgba(74,55,32,0.45); }
.dbc-template-etsy-neutral-boho .dbc-title   { color: rgba(255,255,255,0.9); font-weight: 500; }
.dbc-template-etsy-neutral-boho .dbc-company { color: rgba(255,255,255,0.7); font-size: 12px; letter-spacing: 0.06em; }

.dbc-template-etsy-neutral-boho .dbc-shortcuts { padding: 8px 26px 22px; }
.dbc-template-etsy-neutral-boho .dbc-shortcut  { background: rgba(139,111,78,0.15); border-color: rgba(139,111,78,0.35); color: #8b6f4e; box-shadow: 0 4px 14px rgba(74,55,32,0.12); }

.dbc-template-etsy-neutral-boho .dbc-card {
	background: #fffaf2;
	border: 1px solid #e7d8c2;
	box-shadow: 0 4px 18px rgba(74,55,32,0.06);
	border-radius: 20px;
}

.dbc-template-etsy-neutral-boho .dbc-section-title { color: #8b6f4e; font-size: 15px; }
.dbc-template-etsy-neutral-boho .dbc-section-desc  { color: #766d62; }
.dbc-template-etsy-neutral-boho .dbc-contact-section { background: #4a3728; border: none; }
.dbc-template-etsy-neutral-boho .dbc-contact-label   { color: rgba(185,157,117,0.65); }
.dbc-template-etsy-neutral-boho .dbc-contact-row     { border-bottom-color: rgba(255,255,255,0.08); }

.dbc-template-etsy-neutral-boho .dbc-cta-btn { background: #fffaf2; border-color: #e7d8c2; color: #2b251f; }
.dbc-template-etsy-neutral-boho .dbc-cta-btn:hover { border-color: #8b6f4e; color: #8b6f4e; }
.dbc-template-etsy-neutral-boho .dbc-social-icon { background: rgba(139,111,78,0.10); }
.dbc-template-etsy-neutral-boho .dbc-social-icon svg { color: #8b6f4e; }
.dbc-template-etsy-neutral-boho .dbc-weblink-icon { background: rgba(139,111,78,0.10); }
.dbc-template-etsy-neutral-boho .dbc-weblink-icon svg { color: #8b6f4e; }
.dbc-template-etsy-neutral-boho .dbc-footer { color: rgba(139,111,78,0.45); }
.dbc-template-etsy-neutral-boho .dbc-btn-primary { background: #8b6f4e; color: #fffaf2; }

/* ==========================================================================
   THEME 5: Pink Beauty Social
   ========================================================================== */
body.dbc-template-etsy-pink-beauty-social {
	background: linear-gradient(145deg, #fff0f5 0%, #fce4ef 50%, #ffe8f0 100%);
}

.dbc-template-etsy-pink-beauty-social .dbc-page-wrapper {
	background: #fff5f9;
	border: 1px solid rgba(217,108,159,0.18);
	box-shadow: 0 20px 60px rgba(217,108,159,0.15);
	border-radius: 28px;
}

.dbc-template-etsy-pink-beauty-social .dbc-profile-hero { background: linear-gradient(160deg, #f0a0c5, #d96c9f); border-radius: 28px 28px 0 0; }
.dbc-template-etsy-pink-beauty-social .dbc-hero-svg     { display: none; }
.dbc-template-etsy-pink-beauty-social .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-pink-beauty-social .dbc-hero-info {
	margin-top: -120px;
	padding: 0 24px 16px;
	text-align: center;
}

.dbc-template-etsy-pink-beauty-social .dbc-name    { color: #fff; font-size: 34px; text-align: center; text-shadow: 0 4px 16px rgba(160,48,112,0.4); letter-spacing: -0.02em; }
.dbc-template-etsy-pink-beauty-social .dbc-title   { color: rgba(255,255,255,0.92); text-align: center; }
.dbc-template-etsy-pink-beauty-social .dbc-company { color: rgba(255,255,255,0.72); text-align: center; font-size: 12px; }

.dbc-template-etsy-pink-beauty-social .dbc-shortcuts { padding: 6px 24px 22px; justify-content: center; }
.dbc-template-etsy-pink-beauty-social .dbc-shortcut  { background: rgba(217,108,159,0.15); border-color: rgba(217,108,159,0.40); color: #d96c9f; }

.dbc-template-etsy-pink-beauty-social .dbc-card {
	background: #ffffff;
	border: 1.5px solid rgba(217,108,159,0.18);
	border-radius: 24px;
}

.dbc-template-etsy-pink-beauty-social .dbc-section-title { color: #2a1d24; }
.dbc-template-etsy-pink-beauty-social .dbc-section-desc  { color: #8b6b78; }
.dbc-template-etsy-pink-beauty-social .dbc-contact-section { background: #2a1d24; }
.dbc-template-etsy-pink-beauty-social .dbc-contact-label   { color: rgba(217,108,159,0.65); }

.dbc-template-etsy-pink-beauty-social .dbc-cta-btn {
	background: linear-gradient(135deg, #f5b8d6, #e888be);
	border: none;
	color: #2a1d24;
	font-weight: 700;
	border-radius: 100px;
}

.dbc-template-etsy-pink-beauty-social .dbc-btn-primary { background: #d96c9f; color: #fff; }

/* Social pills — prominent */
.dbc-template-etsy-pink-beauty-social .dbc-social-item {
	background: #fff;
	border: 1.5px solid rgba(217,108,159,0.22);
	border-radius: 100px;
	padding: 12px 18px;
}

.dbc-template-etsy-pink-beauty-social .dbc-social-item:hover { border-color: #d96c9f; background: #fff0f6; }
.dbc-template-etsy-pink-beauty-social .dbc-social-icon { background: rgba(217,108,159,0.12); border-radius: 50%; }
.dbc-template-etsy-pink-beauty-social .dbc-social-icon svg { color: #d96c9f; }
.dbc-template-etsy-pink-beauty-social .dbc-weblink-icon { background: rgba(217,108,159,0.10); }
.dbc-template-etsy-pink-beauty-social .dbc-weblink-icon svg { color: #d96c9f; }
.dbc-template-etsy-pink-beauty-social .dbc-footer { color: rgba(139,107,120,0.45); }

/* ==========================================================================
   THEME 6: Real Estate Split
   ========================================================================== */
body.dbc-template-etsy-real-estate-split {
	background: linear-gradient(145deg, #e8edf4 0%, #f0f4f8 100%);
}

.dbc-template-etsy-real-estate-split .dbc-page-wrapper {
	background: #f4f6f8;
	border: 1px solid rgba(28,79,130,0.10);
	box-shadow: 0 20px 60px rgba(28,79,130,0.12);
	border-radius: 18px;
}

.dbc-template-etsy-real-estate-split .dbc-profile-hero {
	background: #1c4f82;
	border-radius: 18px 18px 0 0;
}

.dbc-template-etsy-real-estate-split .dbc-hero-svg  { display: none; }
.dbc-template-etsy-real-estate-split .dbc-hero-img::after { display: none !important; }

/* Tall hero — split feeling */
.dbc-template-etsy-real-estate-split .dbc-hero-info {
	margin-top: -180px;
	padding: 0 24px 20px;
}

.dbc-template-etsy-real-estate-split .dbc-name    { color: #fff; font-size: 36px; font-weight: 800; letter-spacing: -0.04em; text-shadow: 0 6px 24px rgba(0,0,0,0.5); }
.dbc-template-etsy-real-estate-split .dbc-title   { color: var(--dbc-secondary, #c6a15b); font-weight: 700; font-size: 14px; letter-spacing: 0.04em; }
.dbc-template-etsy-real-estate-split .dbc-company { color: rgba(255,255,255,0.65); font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em; }

.dbc-template-etsy-real-estate-split .dbc-shortcuts { padding: 8px 24px 22px; }
.dbc-template-etsy-real-estate-split .dbc-shortcut  { background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.3); color: #fff; }

.dbc-template-etsy-real-estate-split .dbc-card {
	background: #ffffff;
	border: 1px solid rgba(28,79,130,0.08);
	box-shadow: 0 4px 18px rgba(28,79,130,0.06);
}

.dbc-template-etsy-real-estate-split .dbc-section-title { color: #1c4f82; font-weight: 700; }
.dbc-template-etsy-real-estate-split .dbc-section-desc  { color: #6b7280; }
.dbc-template-etsy-real-estate-split .dbc-contact-section { background: #0a2240; }
.dbc-template-etsy-real-estate-split .dbc-contact-label   { color: rgba(198,161,91,0.65); }

/* Website CTA — prominent gold button */
.dbc-template-etsy-real-estate-split .dbc-cta-btn {
	background: linear-gradient(135deg, #1c4f82, #163d66);
	border: none;
	color: #fff;
	font-weight: 700;
}

.dbc-template-etsy-real-estate-split .dbc-cta-btn:first-child {
	background: linear-gradient(135deg, #c6a15b, #a8882f);
	color: #fff;
}

.dbc-template-etsy-real-estate-split .dbc-social-icon { background: rgba(28,79,130,0.10); }
.dbc-template-etsy-real-estate-split .dbc-social-icon svg { color: #1c4f82; }
.dbc-template-etsy-real-estate-split .dbc-weblink-icon { background: rgba(28,79,130,0.10); }
.dbc-template-etsy-real-estate-split .dbc-weblink-icon svg { color: #1c4f82; }
.dbc-template-etsy-real-estate-split .dbc-footer { color: #9ca3af; }
.dbc-template-etsy-real-estate-split .dbc-btn-primary { background: #1c4f82; }

/* ==========================================================================
   THEME 7: Black & White Editorial
   ========================================================================== */
body.dbc-template-etsy-black-white-neutral {
	background: #e8e8e8;
}

.dbc-template-etsy-black-white-neutral .dbc-page-wrapper {
	background: #ffffff;
	border: none;
	border-radius: 0;
	box-shadow: 0 4px 32px rgba(0,0,0,0.12);
}

.dbc-template-etsy-black-white-neutral .dbc-profile-hero { background: #1a1a1a; border-radius: 0; }
.dbc-template-etsy-black-white-neutral .dbc-hero-svg     { display: none; }
.dbc-template-etsy-black-white-neutral .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-black-white-neutral .dbc-hero-info {
	margin-top: -150px;
	padding: 0 28px 20px;
	border-bottom: 3px solid #000;
}

.dbc-template-etsy-black-white-neutral .dbc-name    { color: #fff; font-size: 40px; font-weight: 900; letter-spacing: -0.06em; text-shadow: none; text-transform: uppercase; }
.dbc-template-etsy-black-white-neutral .dbc-title   { color: rgba(255,255,255,0.75); font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; font-size: 12px; }
.dbc-template-etsy-black-white-neutral .dbc-company { color: rgba(255,255,255,0.5); font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; }

.dbc-template-etsy-black-white-neutral .dbc-shortcuts { padding: 16px 28px 22px; }
.dbc-template-etsy-black-white-neutral .dbc-shortcut  { background: #000; border-color: #000; color: #fff; border-radius: 4px; }

.dbc-template-etsy-black-white-neutral .dbc-section { margin: 0 0 0; }
.dbc-template-etsy-black-white-neutral .dbc-card     { background: #fff; border: none; border-top: 1px solid #e5e5e5; border-radius: 0; box-shadow: none; }

.dbc-template-etsy-black-white-neutral .dbc-section-title { color: #000; text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; font-weight: 900; padding-left: 28px; }
.dbc-template-etsy-black-white-neutral .dbc-section-desc  { color: #555; padding-left: 28px; }
.dbc-template-etsy-black-white-neutral .dbc-contact-section { background: #000; }
.dbc-template-etsy-black-white-neutral .dbc-contact-label   { color: rgba(255,255,255,0.45); letter-spacing: 0.1em; text-transform: uppercase; font-size: 9px; }

.dbc-template-etsy-black-white-neutral .dbc-cta-btn {
	background: #000;
	border-color: #000;
	color: #fff;
	border-radius: 0;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.dbc-template-etsy-black-white-neutral .dbc-cta-btn:hover { background: #fff; color: #000; border-color: #000; }
.dbc-template-etsy-black-white-neutral .dbc-social-icon { background: #000; border-radius: 4px; }
.dbc-template-etsy-black-white-neutral .dbc-social-icon svg { color: #fff; }
.dbc-template-etsy-black-white-neutral .dbc-social-item { color: #111; }
.dbc-template-etsy-black-white-neutral .dbc-weblink-icon { background: #000; border-radius: 4px; }
.dbc-template-etsy-black-white-neutral .dbc-weblink-icon svg { color: #fff; }
.dbc-template-etsy-black-white-neutral .dbc-footer { color: #999; border-top: 1px solid #e5e5e5; }
.dbc-template-etsy-black-white-neutral .dbc-btn-primary { background: #000; color: #fff; border-radius: 0; }

/* ==========================================================================
   THEME 8: Creator / Author Colorful
   ========================================================================== */
body.dbc-template-etsy-creator-author-color {
	background: linear-gradient(145deg, #fff3d0 0%, #fff8ec 50%, #ffe8b0 100%);
}

.dbc-template-etsy-creator-author-color .dbc-page-wrapper {
	background: #fff8ec;
	border: 1px solid rgba(245,158,11,0.20);
	box-shadow: 0 20px 60px rgba(39,26,16,0.12);
	border-radius: 24px;
}

.dbc-template-etsy-creator-author-color .dbc-profile-hero {
	background: linear-gradient(135deg, #f59e0b, #d97706);
	border-radius: 24px 24px 0 0;
}

.dbc-template-etsy-creator-author-color .dbc-hero-svg  { display: none; }
.dbc-template-etsy-creator-author-color .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-creator-author-color .dbc-hero-info {
	margin-top: -130px;
	padding: 0 24px 18px;
}

.dbc-template-etsy-creator-author-color .dbc-name    { color: #fff; font-size: 36px; font-weight: 800; letter-spacing: -0.04em; text-shadow: 0 6px 20px rgba(39,26,16,0.4); }
.dbc-template-etsy-creator-author-color .dbc-title   { color: rgba(255,255,255,0.9); font-weight: 600; }
.dbc-template-etsy-creator-author-color .dbc-company { color: rgba(255,255,255,0.7); font-size: 12px; letter-spacing: 0.06em; }

.dbc-template-etsy-creator-author-color .dbc-shortcuts { padding: 8px 24px 22px; }
.dbc-template-etsy-creator-author-color .dbc-shortcut  { background: rgba(245,158,11,0.15); border-color: rgba(245,158,11,0.40); color: #d97706; }

.dbc-template-etsy-creator-author-color .dbc-card {
	background: #ffffff;
	border: 1px solid rgba(245,158,11,0.14);
	box-shadow: 0 4px 18px rgba(39,26,16,0.06);
	border-radius: 18px;
}

.dbc-template-etsy-creator-author-color .dbc-section-title { color: #271a10; }
.dbc-template-etsy-creator-author-color .dbc-section-desc  { color: #7a5b42; }
.dbc-template-etsy-creator-author-color .dbc-contact-section { background: #1c0e04; }
.dbc-template-etsy-creator-author-color .dbc-contact-label   { color: rgba(245,158,11,0.55); }

/* Link-in-bio style web links */
.dbc-template-etsy-creator-author-color .dbc-weblink-item {
	border-radius: 14px;
	padding: 14px 18px;
	margin: 0 12px 8px;
	background: #fff;
	border: 1.5px solid rgba(245,158,11,0.20);
	border-left: 4px solid var(--dbc-primary, #f59e0b);
}

.dbc-template-etsy-creator-author-color .dbc-weblink-item:first-child { border-top: none; }
.dbc-template-etsy-creator-author-color .dbc-weblinks-list { padding: 8px 0 12px; }

/* Colorful CTA buttons */
.dbc-template-etsy-creator-author-color .dbc-cta-btn {
	background: linear-gradient(135deg, #f59e0b, #d97706);
	border: none;
	color: #fff;
	font-weight: 700;
	border-radius: 14px;
}

.dbc-template-etsy-creator-author-color .dbc-cta-btn:nth-child(2n) {
	background: linear-gradient(135deg, #38bdf8, #0ea5e9);
}

.dbc-template-etsy-creator-author-color .dbc-social-item { color: #271a10; }
.dbc-template-etsy-creator-author-color .dbc-social-icon { background: rgba(245,158,11,0.12); }
.dbc-template-etsy-creator-author-color .dbc-social-icon svg { color: #d97706; }
.dbc-template-etsy-creator-author-color .dbc-weblink-icon { background: rgba(245,158,11,0.10); }
.dbc-template-etsy-creator-author-color .dbc-footer { color: rgba(122,91,66,0.45); }
.dbc-template-etsy-creator-author-color .dbc-btn-primary { background: #f59e0b; color: #fff; }

/* ==========================================================================
   THEME 9: QR Code Card
   ========================================================================== */
body.dbc-template-etsy-qr-code-card {
	background: #eef2f8;
}

.dbc-template-etsy-qr-code-card .dbc-page-wrapper {
	background: #f8fafc;
	border: 1px solid rgba(37,99,235,0.10);
	box-shadow: 0 8px 40px rgba(15,23,42,0.10);
	border-radius: 20px;
}

.dbc-template-etsy-qr-code-card .dbc-profile-hero { background: #0f172a; }
.dbc-template-etsy-qr-code-card .dbc-hero-svg     { display: none; }
.dbc-template-etsy-qr-code-card .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-qr-code-card .dbc-hero-info {
	margin-top: -60px;
	padding: 0 24px 14px;
	text-align: center;
}

.dbc-template-etsy-qr-code-card .dbc-name    { color: #fff; font-size: 28px; font-weight: 700; text-align: center; text-shadow: none; }
.dbc-template-etsy-qr-code-card .dbc-title   { color: var(--dbc-primary, #2563eb); text-align: center; font-size: 13px; font-weight: 600; }
.dbc-template-etsy-qr-code-card .dbc-company { color: rgba(255,255,255,0.55); text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; }

.dbc-template-etsy-qr-code-card .dbc-shortcuts { padding: 6px 24px 18px; justify-content: center; }
.dbc-template-etsy-qr-code-card .dbc-shortcut  { background: rgba(37,99,235,0.10); border-color: rgba(37,99,235,0.25); color: #2563eb; }

/* Inline QR — special framing */
.dbc-template-etsy-qr-code-card .dbc-inline-qr-card {
	background: #fff;
	border: 2px solid rgba(37,99,235,0.15);
	border-radius: 16px;
	box-shadow: 0 8px 28px rgba(37,99,235,0.10);
}

.dbc-template-etsy-qr-code-card .dbc-inline-qr-frame {
	border: 3px solid #2563eb;
	border-radius: 12px;
	padding: 16px;
}

.dbc-template-etsy-qr-code-card .dbc-inline-qr-scan-label { color: #2563eb; font-size: 11px; letter-spacing: 1px; }
.dbc-template-etsy-qr-code-card .dbc-inline-qr-name       { color: #0f172a; }
.dbc-template-etsy-qr-code-card .dbc-inline-qr-company    { color: #64748b; }

.dbc-template-etsy-qr-code-card .dbc-card {
	background: #ffffff;
	border: 1px solid rgba(37,99,235,0.08);
	box-shadow: none;
}

.dbc-template-etsy-qr-code-card .dbc-section-title { color: #0f172a; }
.dbc-template-etsy-qr-code-card .dbc-section-desc  { color: #64748b; }
.dbc-template-etsy-qr-code-card .dbc-contact-section { background: #0f172a; }
.dbc-template-etsy-qr-code-card .dbc-cta-btn { background: #fff; border-color: rgba(37,99,235,0.20); color: #0f172a; }
.dbc-template-etsy-qr-code-card .dbc-cta-btn:hover { border-color: #2563eb; color: #2563eb; }
.dbc-template-etsy-qr-code-card .dbc-social-icon { background: rgba(37,99,235,0.08); }
.dbc-template-etsy-qr-code-card .dbc-social-icon svg { color: #2563eb; }
.dbc-template-etsy-qr-code-card .dbc-btn-primary { background: #2563eb; }
.dbc-template-etsy-qr-code-card .dbc-footer { color: #94a3b8; }

/* ==========================================================================
   THEME 10: Luxe White & Gold
   ========================================================================== */
body.dbc-template-etsy-luxe-white-gold {
	background: linear-gradient(145deg, #f8f4e8 0%, #fef9f0 50%, #f2ece0 100%);
}

.dbc-template-etsy-luxe-white-gold .dbc-page-wrapper {
	background: #fffdf7;
	border: 1px solid #eadfca;
	box-shadow: 0 24px 72px rgba(31,26,18,0.10);
	border-radius: 0;
}

.dbc-template-etsy-luxe-white-gold .dbc-profile-hero { background: #1f1a12; border-radius: 0; }
.dbc-template-etsy-luxe-white-gold .dbc-hero-svg     { display: none; }
.dbc-template-etsy-luxe-white-gold .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-luxe-white-gold .dbc-hero-info {
	margin-top: -140px;
	padding: 0 32px 24px;
	text-align: center;
	border-bottom: 1px solid #eadfca;
}

.dbc-template-etsy-luxe-white-gold .dbc-name    { color: #fff; font-size: 34px; font-weight: 700; letter-spacing: -0.02em; text-shadow: 0 4px 16px rgba(0,0,0,0.5); text-align: center; }
.dbc-template-etsy-luxe-white-gold .dbc-title   { color: var(--dbc-primary, #b8923b); font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-align: center; }
.dbc-template-etsy-luxe-white-gold .dbc-company { color: rgba(255,255,255,0.6); font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; }

.dbc-template-etsy-luxe-white-gold .dbc-shortcuts { padding: 6px 32px 22px; justify-content: center; }
.dbc-template-etsy-luxe-white-gold .dbc-shortcut  { background: rgba(184,146,59,0.12); border-color: rgba(184,146,59,0.30); color: #b8923b; border-radius: 4px; }

.dbc-template-etsy-luxe-white-gold .dbc-section { margin: 0 24px 14px; }
.dbc-template-etsy-luxe-white-gold .dbc-card {
	background: #fffdf7;
	border: 1px solid #eadfca;
	box-shadow: none;
	border-radius: 0;
}

/* Gold dividers above section titles */
.dbc-template-etsy-luxe-white-gold .dbc-section-title {
	color: #1f1a12;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.dbc-template-etsy-luxe-white-gold .dbc-section-title::before,
.dbc-template-etsy-luxe-white-gold .dbc-section-title::after {
	content: '';
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, #c8a85a, transparent);
}

.dbc-template-etsy-luxe-white-gold .dbc-section-desc  { color: #776f63; }
.dbc-template-etsy-luxe-white-gold .dbc-contact-section { background: #1f1a12; }
.dbc-template-etsy-luxe-white-gold .dbc-contact-label   { color: rgba(184,146,59,0.65); text-transform: uppercase; letter-spacing: 0.1em; font-size: 9px; }
.dbc-template-etsy-luxe-white-gold .dbc-contact-row     { border-bottom-color: rgba(184,146,59,0.10); }

.dbc-template-etsy-luxe-white-gold .dbc-cta-btn { background: #fffdf7; border: 1px solid #eadfca; color: #1f1a12; border-radius: 0; }
.dbc-template-etsy-luxe-white-gold .dbc-cta-btn:hover { border-color: #b8923b; color: #b8923b; }
.dbc-template-etsy-luxe-white-gold .dbc-social-icon { background: rgba(184,146,59,0.08); border-radius: 4px; }
.dbc-template-etsy-luxe-white-gold .dbc-social-icon svg { color: #b8923b; }
.dbc-template-etsy-luxe-white-gold .dbc-weblink-icon { background: rgba(184,146,59,0.08); border-radius: 4px; }
.dbc-template-etsy-luxe-white-gold .dbc-weblink-icon svg { color: #b8923b; }
.dbc-template-etsy-luxe-white-gold .dbc-footer { color: rgba(119,111,99,0.55); border-top: 1px solid #eadfca; }
.dbc-template-etsy-luxe-white-gold .dbc-btn-primary { background: #1f1a12; color: #e3c878; border-radius: 0; }

/* ==========================================================================
   THEME 11: Modern Gradient Phone
   ========================================================================== */
body.dbc-template-etsy-modern-gradient-phone {
	background: linear-gradient(145deg, #1e1b4b 0%, #312e81 35%, #0f172a 65%, #0891b2 100%);
	min-height: 100vh;
}

.dbc-template-etsy-modern-gradient-phone .dbc-page-wrapper {
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.14);
	box-shadow: 0 32px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(167,139,250,0.15);
	border-radius: 30px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.dbc-template-etsy-modern-gradient-phone .dbc-profile-hero {
	background: transparent;
	border-radius: 30px 30px 0 0;
}

.dbc-template-etsy-modern-gradient-phone .dbc-hero-svg  { display: none; }
.dbc-template-etsy-modern-gradient-phone .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-modern-gradient-phone .dbc-hero-info {
	margin-top: -180px;
	padding: 0 26px 20px;
}

.dbc-template-etsy-modern-gradient-phone .dbc-name    { color: #fff; font-size: 38px; font-weight: 800; letter-spacing: -0.05em; text-shadow: 0 8px 32px rgba(0,0,0,0.5); }
.dbc-template-etsy-modern-gradient-phone .dbc-title   { color: var(--dbc-primary, #a78bfa); font-weight: 600; }
.dbc-template-etsy-modern-gradient-phone .dbc-company { color: rgba(219,234,254,0.65); font-size: 12px; letter-spacing: 0.06em; }

.dbc-template-etsy-modern-gradient-phone .dbc-shortcuts { padding: 10px 26px 24px; }
.dbc-template-etsy-modern-gradient-phone .dbc-shortcut  { background: rgba(167,139,250,0.18); border-color: rgba(167,139,250,0.35); color: #c4b5fd; box-shadow: 0 8px 22px rgba(0,0,0,0.3); backdrop-filter: blur(8px); }

.dbc-template-etsy-modern-gradient-phone .dbc-card {
	background: rgba(255,255,255,0.10);
	border: 1px solid rgba(255,255,255,0.14);
	box-shadow: 0 12px 36px rgba(0,0,0,0.25);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.dbc-template-etsy-modern-gradient-phone .dbc-section-title { color: #fff; }
.dbc-template-etsy-modern-gradient-phone .dbc-section-desc  { color: rgba(219,234,254,0.72); }
.dbc-template-etsy-modern-gradient-phone .dbc-contact-section {
	background: rgba(15,12,41,0.75);
	border: 1px solid rgba(167,139,250,0.18);
	backdrop-filter: blur(12px);
}
.dbc-template-etsy-modern-gradient-phone .dbc-contact-label { color: rgba(167,139,250,0.65); }

.dbc-template-etsy-modern-gradient-phone .dbc-cta-btn { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.18); color: #fff; backdrop-filter: blur(8px); }
.dbc-template-etsy-modern-gradient-phone .dbc-cta-btn:hover { background: rgba(167,139,250,0.22); border-color: rgba(167,139,250,0.45); }

/* Social pills — glass style */
.dbc-template-etsy-modern-gradient-phone .dbc-social-item { color: #fff; }
.dbc-template-etsy-modern-gradient-phone .dbc-social-icon { background: rgba(167,139,250,0.18); }
.dbc-template-etsy-modern-gradient-phone .dbc-social-icon svg { color: #c4b5fd; }
.dbc-template-etsy-modern-gradient-phone .dbc-weblink-item { color: #fff; }
.dbc-template-etsy-modern-gradient-phone .dbc-weblink-icon { background: rgba(167,139,250,0.18); }
.dbc-template-etsy-modern-gradient-phone .dbc-weblink-icon svg { color: #c4b5fd; }
.dbc-template-etsy-modern-gradient-phone .dbc-footer { color: rgba(219,234,254,0.35); }
.dbc-template-etsy-modern-gradient-phone .dbc-btn-primary { background: rgba(167,139,250,0.5); color: #fff; border: 1px solid rgba(167,139,250,0.35); }

/* ==========================================================================
   THEME 12: Business Bundle Clean
   ========================================================================== */
body.dbc-template-etsy-business-bundle-clean {
	background: linear-gradient(145deg, #dde6f3 0%, #edf2f8 50%, #e2eaf5 100%);
}

.dbc-template-etsy-business-bundle-clean .dbc-page-wrapper {
	background: #f3f6fb;
	border: 1px solid rgba(37,99,235,0.10);
	box-shadow: 0 16px 52px rgba(15,23,42,0.10);
	border-radius: 18px;
}

.dbc-template-etsy-business-bundle-clean .dbc-profile-hero {
	background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
	border-radius: 18px 18px 0 0;
}

.dbc-template-etsy-business-bundle-clean .dbc-hero-svg  { display: none; }
.dbc-template-etsy-business-bundle-clean .dbc-hero-img::after { display: none !important; }

.dbc-template-etsy-business-bundle-clean .dbc-hero-info {
	margin-top: -150px;
	padding: 0 24px 18px;
}

.dbc-template-etsy-business-bundle-clean .dbc-name    { color: #fff; font-size: 36px; font-weight: 800; letter-spacing: -0.04em; text-shadow: 0 6px 20px rgba(0,0,0,0.4); }
.dbc-template-etsy-business-bundle-clean .dbc-title   { color: var(--dbc-primary, #60a5fa); font-weight: 600; font-size: 14px; }
.dbc-template-etsy-business-bundle-clean .dbc-company { color: rgba(255,255,255,0.6); font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; }

.dbc-template-etsy-business-bundle-clean .dbc-shortcuts { padding: 8px 24px 22px; }
.dbc-template-etsy-business-bundle-clean .dbc-shortcut  { background: rgba(37,99,235,0.12); border-color: rgba(37,99,235,0.25); color: #2563eb; }

.dbc-template-etsy-business-bundle-clean .dbc-card {
	background: #ffffff;
	border: 1px solid rgba(37,99,235,0.08);
	box-shadow: 0 4px 16px rgba(15,23,42,0.06);
}

.dbc-template-etsy-business-bundle-clean .dbc-section-title { color: #0f172a; }
.dbc-template-etsy-business-bundle-clean .dbc-section-desc  { color: #64748b; }
.dbc-template-etsy-business-bundle-clean .dbc-contact-section { background: #0f172a; }
.dbc-template-etsy-business-bundle-clean .dbc-contact-label   { color: rgba(96,165,250,0.6); }

.dbc-template-etsy-business-bundle-clean .dbc-cta-btn { background: #fff; border-color: rgba(37,99,235,0.18); color: #0f172a; }
.dbc-template-etsy-business-bundle-clean .dbc-cta-btn:hover { border-color: #2563eb; color: #2563eb; }
.dbc-template-etsy-business-bundle-clean .dbc-social-icon { background: rgba(37,99,235,0.08); }
.dbc-template-etsy-business-bundle-clean .dbc-social-icon svg { color: #2563eb; }
.dbc-template-etsy-business-bundle-clean .dbc-weblink-icon { background: rgba(37,99,235,0.08); }
.dbc-template-etsy-business-bundle-clean .dbc-weblink-icon svg { color: #2563eb; }
.dbc-template-etsy-business-bundle-clean .dbc-footer { color: #94a3b8; }
.dbc-template-etsy-business-bundle-clean .dbc-btn-primary { background: #2563eb; }

/* ==========================================================================
   Lead gate — inherit per theme
   ========================================================================== */
.dbc-template-etsy-luxury-black-gold .dbc-lead-gate,
.dbc-template-etsy-dark-navy-realtor .dbc-lead-gate,
.dbc-template-etsy-modern-gradient-phone .dbc-lead-gate { background: transparent; }

.dbc-template-etsy-luxury-black-gold .dbc-gate-header     { background: #080808; border-bottom: 1px solid rgba(200,168,90,0.2); }
.dbc-template-etsy-dark-navy-realtor .dbc-gate-header     { background: #0b111e; }
.dbc-template-etsy-modern-gradient-phone .dbc-gate-header { background: rgba(30,27,75,0.85); backdrop-filter: blur(16px); }
.dbc-template-etsy-neutral-boho .dbc-gate-header          { background: #4a3728; }
.dbc-template-etsy-pink-beauty-social .dbc-gate-header    { background: linear-gradient(160deg, #f0a0c5, #d96c9f); }
.dbc-template-etsy-real-estate-split .dbc-gate-header     { background: #0a2240; }
.dbc-template-etsy-creator-author-color .dbc-gate-header  { background: linear-gradient(135deg, #f59e0b, #d97706); }
.dbc-template-etsy-luxe-white-gold .dbc-gate-header       { background: #1f1a12; }
.dbc-template-etsy-business-bundle-clean .dbc-gate-header { background: #0f172a; }

/* ==========================================================================
   Responsive override for all new themes
   ========================================================================== */
@media (max-width: 480px) {
	.dbc-template-etsy-luxury-black-gold .dbc-page-wrapper,
	.dbc-template-etsy-dark-navy-realtor .dbc-page-wrapper,
	.dbc-template-etsy-minimal-white-qr .dbc-page-wrapper,
	.dbc-template-etsy-neutral-boho .dbc-page-wrapper,
	.dbc-template-etsy-pink-beauty-social .dbc-page-wrapper,
	.dbc-template-etsy-real-estate-split .dbc-page-wrapper,
	.dbc-template-etsy-creator-author-color .dbc-page-wrapper,
	.dbc-template-etsy-qr-code-card .dbc-page-wrapper,
	.dbc-template-etsy-luxe-white-gold .dbc-page-wrapper,
	.dbc-template-etsy-modern-gradient-phone .dbc-page-wrapper,
	.dbc-template-etsy-business-bundle-clean .dbc-page-wrapper {
		border-radius: 0;
		margin: 0;
		border: none;
	}
	.dbc-template-etsy-black-white-neutral .dbc-hero-info { padding: 0 20px 16px; }
}

/* ==========================================================================
   CONTRAST FIXES — v3.4.1
   Full audit of all 12 themes: hero fallback bg, text on dark cards,
   grey arrows on white, shortcut icons, CTA dashicons.
   ========================================================================== */

/* --------------------------------------------------------------------------
   A — HERO IMG FALLBACK BG-COLOR (no-photo scenario)
   When no profile photo is uploaded, .dbc-hero-img shows background-color.
   The token --qrc-secondary is the CSS var, but its value can be LIGHT on
   several themes. Hardcode a safe dark (or light for light-name themes) here.
   -------------------------------------------------------------------------- */

/* T1 luxury-black-gold: secondary #f3e3b0 (champagne) → white name invisible */
.dbc-template-etsy-luxury-black-gold .dbc-hero-img { background-color: #080808; }

/* T3 minimal-white-qr: secondary #333 (dark), name is #111 → dark-on-dark */
.dbc-template-etsy-minimal-white-qr .dbc-hero-img  { background-color: #e8e8e8; }

/* T4 neutral-boho: secondary #b99d75 (tan) → white name invisible */
.dbc-template-etsy-neutral-boho .dbc-hero-img      { background-color: #3d3028; }

/* T5 pink-beauty-social: secondary #f0a0c5 (light pink) → white name invisible */
.dbc-template-etsy-pink-beauty-social .dbc-hero-img { background-color: #b0446f; }

/* T6 real-estate-split: secondary #c6a15b (gold) → white name invisible */
.dbc-template-etsy-real-estate-split .dbc-hero-img  { background-color: #1c4f82; }

/* T8 creator-author-color: secondary #38bdf8 (sky blue) → white name invisible */
.dbc-template-etsy-creator-author-color .dbc-hero-img { background-color: #7c3a00; }

/* T10 luxe-white-gold: secondary #e3c878 (light gold) → white name invisible */
.dbc-template-etsy-luxe-white-gold .dbc-hero-img    { background-color: #1f1a12; }

/* T11 modern-gradient: secondary #0891b2 (teal) → white name low contrast */
.dbc-template-etsy-modern-gradient-phone .dbc-hero-img { background-color: #1e1b4b; }

/* --------------------------------------------------------------------------
   B — SHORTCUT ICONS — low contrast on medium-tone hero backgrounds
   -------------------------------------------------------------------------- */

/* T4 neutral-boho: #8b6f4e brown icon on rgba(139,111,78,0.15) beige circle
   → replace with white-on-dark for both photo and no-photo scenarios         */
.dbc-template-etsy-neutral-boho .dbc-shortcut {
    background:   rgba(61,48,40,0.60);
    border-color: rgba(255,255,255,0.28);
    color: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.30);
}

/* T8 creator-author: amber icon on semi-transparent amber circle on orange hero */
.dbc-template-etsy-creator-author-color .dbc-shortcut {
    background:   rgba(0,0,0,0.30);
    border-color: rgba(255,255,255,0.32);
    color: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

/* --------------------------------------------------------------------------
   C — DARK-CARD THEMES: weblink & social text explicit overrides
   Base .dbc-weblink-title has its own rule: color: var(--qrc-text, #333).
   On dark cards this fallback (#333) creates invisible text.
   Even when --qrc-text is correctly injected, old customized meta can
   override it back to a dark value. Hardcode light colors for dark-card themes.
   -------------------------------------------------------------------------- */

/* T1 luxury-black-gold — cards #191919 */
.dbc-template-etsy-luxury-black-gold .dbc-weblink-title     { color: #f5f0e8; }
.dbc-template-etsy-luxury-black-gold .dbc-weblink-subtitle  { color: rgba(245,240,232,0.52); }
.dbc-template-etsy-luxury-black-gold .dbc-social-arrow,
.dbc-template-etsy-luxury-black-gold .dbc-weblink-arrow     { color: rgba(200,168,90,0.50); }

/* T2 dark-navy-realtor — cards #172033 */
.dbc-template-etsy-dark-navy-realtor .dbc-weblink-title     { color: #d7dde8; }
.dbc-template-etsy-dark-navy-realtor .dbc-weblink-subtitle  { color: rgba(170,179,197,0.65); }
.dbc-template-etsy-dark-navy-realtor .dbc-weblink-icon svg  { color: #8ea4c8; }
.dbc-template-etsy-dark-navy-realtor .dbc-social-arrow,
.dbc-template-etsy-dark-navy-realtor .dbc-weblink-arrow     { color: rgba(142,164,200,0.48); }

/* T11 modern-gradient-phone — cards rgba(255,255,255,0.10) over dark gradient */
.dbc-template-etsy-modern-gradient-phone .dbc-weblink-title     { color: rgba(219,234,254,0.92); }
.dbc-template-etsy-modern-gradient-phone .dbc-weblink-subtitle  { color: rgba(219,234,254,0.50); }
.dbc-template-etsy-modern-gradient-phone .dbc-social-arrow,
.dbc-template-etsy-modern-gradient-phone .dbc-weblink-arrow     { color: rgba(167,139,250,0.50); }

/* --------------------------------------------------------------------------
   D — LIGHT-CARD THEMES: explicit text colors + darken grey arrows
   #999 on #fff = 3.4:1 contrast — passes WCAG AA only at 18px+.
   For body text these arrows are 14px, so they fail. Fix to ≥ #666 (5.7:1).
   -------------------------------------------------------------------------- */

/* T3 minimal-white-qr */
.dbc-template-etsy-minimal-white-qr .dbc-social-item      { color: #111; }
.dbc-template-etsy-minimal-white-qr .dbc-weblink-item     { color: #111; }
.dbc-template-etsy-minimal-white-qr .dbc-weblink-title    { color: #111; }
.dbc-template-etsy-minimal-white-qr .dbc-weblink-subtitle { color: #555; }
.dbc-template-etsy-minimal-white-qr .dbc-social-icon svg  { color: #333; }
.dbc-template-etsy-minimal-white-qr .dbc-weblink-icon svg { color: #333; }
.dbc-template-etsy-minimal-white-qr .dbc-social-arrow,
.dbc-template-etsy-minimal-white-qr .dbc-weblink-arrow    { color: #666; }

/* T4 neutral-boho */
.dbc-template-etsy-neutral-boho .dbc-social-item      { color: #2b251f; }
.dbc-template-etsy-neutral-boho .dbc-weblink-item     { color: #2b251f; }
.dbc-template-etsy-neutral-boho .dbc-weblink-title    { color: #2b251f; }
.dbc-template-etsy-neutral-boho .dbc-weblink-subtitle { color: #766d62; }
.dbc-template-etsy-neutral-boho .dbc-social-arrow,
.dbc-template-etsy-neutral-boho .dbc-weblink-arrow    { color: #8b7260; }

/* T5 pink-beauty-social */
.dbc-template-etsy-pink-beauty-social .dbc-social-item      { color: #2a1d24; }
.dbc-template-etsy-pink-beauty-social .dbc-weblink-item     { color: #2a1d24; }
.dbc-template-etsy-pink-beauty-social .dbc-weblink-title    { color: #2a1d24; }
.dbc-template-etsy-pink-beauty-social .dbc-weblink-subtitle { color: #8b6b78; }
.dbc-template-etsy-pink-beauty-social .dbc-social-arrow,
.dbc-template-etsy-pink-beauty-social .dbc-weblink-arrow    { color: #b87898; }

/* T6 real-estate-split */
.dbc-template-etsy-real-estate-split .dbc-social-item      { color: #1c3a5c; }
.dbc-template-etsy-real-estate-split .dbc-weblink-item     { color: #1c3a5c; }
.dbc-template-etsy-real-estate-split .dbc-weblink-title    { color: #1c3a5c; }
.dbc-template-etsy-real-estate-split .dbc-weblink-subtitle { color: #6b7280; }
.dbc-template-etsy-real-estate-split .dbc-social-arrow,
.dbc-template-etsy-real-estate-split .dbc-weblink-arrow    { color: #4a7ab0; }

/* T7 black-white-neutral */
.dbc-template-etsy-black-white-neutral .dbc-weblink-item     { color: #111; }
.dbc-template-etsy-black-white-neutral .dbc-weblink-title    { color: #111; }
.dbc-template-etsy-black-white-neutral .dbc-weblink-subtitle { color: #555; }
.dbc-template-etsy-black-white-neutral .dbc-social-arrow,
.dbc-template-etsy-black-white-neutral .dbc-weblink-arrow    { color: #777; }

/* T8 creator-author-color */
.dbc-template-etsy-creator-author-color .dbc-social-item      { color: #271a10; }
.dbc-template-etsy-creator-author-color .dbc-weblink-item     { color: #271a10; }
.dbc-template-etsy-creator-author-color .dbc-weblink-title    { color: #271a10; }
.dbc-template-etsy-creator-author-color .dbc-weblink-subtitle { color: #7a5b42; }
.dbc-template-etsy-creator-author-color .dbc-social-arrow,
.dbc-template-etsy-creator-author-color .dbc-weblink-arrow    { color: #c07830; }

/* T9 qr-code-card */
.dbc-template-etsy-qr-code-card .dbc-social-item      { color: #0f172a; }
.dbc-template-etsy-qr-code-card .dbc-weblink-item     { color: #0f172a; }
.dbc-template-etsy-qr-code-card .dbc-weblink-title    { color: #0f172a; }
.dbc-template-etsy-qr-code-card .dbc-weblink-subtitle { color: #64748b; }
.dbc-template-etsy-qr-code-card .dbc-social-arrow,
.dbc-template-etsy-qr-code-card .dbc-weblink-arrow    { color: #4a7ae0; }

/* T10 luxe-white-gold */
.dbc-template-etsy-luxe-white-gold .dbc-social-item      { color: #1f1a12; }
.dbc-template-etsy-luxe-white-gold .dbc-weblink-item     { color: #1f1a12; }
.dbc-template-etsy-luxe-white-gold .dbc-weblink-title    { color: #1f1a12; }
.dbc-template-etsy-luxe-white-gold .dbc-weblink-subtitle { color: #7c7065; }
.dbc-template-etsy-luxe-white-gold .dbc-social-arrow,
.dbc-template-etsy-luxe-white-gold .dbc-weblink-arrow    { color: #9a7d50; }

/* T12 business-bundle-clean */
.dbc-template-etsy-business-bundle-clean .dbc-social-item      { color: #0f172a; }
.dbc-template-etsy-business-bundle-clean .dbc-weblink-item     { color: #0f172a; }
.dbc-template-etsy-business-bundle-clean .dbc-weblink-title    { color: #0f172a; }
.dbc-template-etsy-business-bundle-clean .dbc-weblink-subtitle { color: #64748b; }
.dbc-template-etsy-business-bundle-clean .dbc-social-arrow,
.dbc-template-etsy-business-bundle-clean .dbc-weblink-arrow    { color: #4a70c0; }

/* --------------------------------------------------------------------------
   E — CTA BUTTON DASHICONS on dark / gradient buttons
   Base rule: .dbc-cta-btn .dashicons { color: var(--qrc-primary, #333); }
   On dark-bg buttons, --qrc-primary can equal the button bg color → invisible.
   -------------------------------------------------------------------------- */

/* T6 real-estate: cta btn bg = dark blue gradient, dashicon = #1c4f82 → invisible */
.dbc-template-etsy-real-estate-split .dbc-cta-btn .dashicons  { color: rgba(255,255,255,0.80); }

/* T7 black-white: cta btn bg = #000, dashicon = #000 → invisible */
.dbc-template-etsy-black-white-neutral .dbc-cta-btn .dashicons { color: #fff; }

/* T8 creator: cta btn bg = orange gradient, dashicon = #f59e0b amber → very low contrast */
.dbc-template-etsy-creator-author-color .dbc-cta-btn .dashicons { color: rgba(255,255,255,0.88); }

/* T5 pink: cta btn bg = light-pink gradient (#f5b8d6→#e888be), primary = #d96c9f
   Dashicon pink on light pink = low contrast → use dark accent                */
.dbc-template-etsy-pink-beauty-social .dbc-cta-btn .dashicons  { color: #2a1d24; }

/* --------------------------------------------------------------------------
   F — HERO INFO TEXT-SHADOW safety — for when a light photo is loaded
   Add a subtle bottom-gradient text-protection on hero-info for themes
   that have no overlay. This ensures readability over any photo color.
   -------------------------------------------------------------------------- */
.dbc-template-etsy-neutral-boho .dbc-hero-info,
.dbc-template-etsy-pink-beauty-social .dbc-hero-info,
.dbc-template-etsy-creator-author-color .dbc-hero-info {
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.38) 100%);
}


/* ==========================================================================
   CSS VARIABLE OVERRIDE LAYER — v3.4.1
   All 12 themes now respond to admin color pickers.
   PHP injects --dbc-primary, --dbc-bg, --dbc-surface, --dbc-text,
   --dbc-muted, --dbc-secondary, --qrc-hero-text via <style>:root{}</style>.
   These rules (appended AFTER the hardcoded theme blocks) win the cascade
   at equal specificity and make every customizable color live.
   ========================================================================== */

/* ─────────────────────────────────────────────────────────────────────────
   SHARED PATTERNS (apply to every theme via the body class prefix)
   ───────────────────────────────────────────────────────────────────────── */

/* Page wrapper & card backgrounds ─────────────────── */
.dbc-template-etsy-luxury-black-gold .dbc-page-wrapper,
.dbc-template-etsy-dark-navy-realtor .dbc-page-wrapper,
.dbc-template-etsy-minimal-white-qr .dbc-page-wrapper,
.dbc-template-etsy-neutral-boho .dbc-page-wrapper,
.dbc-template-etsy-pink-beauty-social .dbc-page-wrapper,
.dbc-template-etsy-real-estate-split .dbc-page-wrapper,
.dbc-template-etsy-black-white-neutral .dbc-page-wrapper,
.dbc-template-etsy-creator-author-color .dbc-page-wrapper,
.dbc-template-etsy-qr-code-card .dbc-page-wrapper,
.dbc-template-etsy-luxe-white-gold .dbc-page-wrapper,
.dbc-template-etsy-business-bundle-clean .dbc-page-wrapper  { background: var(--dbc-bg); }
/* modern-gradient uses glass backdrop — keep base semi-transparent bg */
.dbc-template-etsy-modern-gradient-phone .dbc-page-wrapper  { background: color-mix(in srgb, var(--dbc-bg) 10%, transparent); }

.dbc-template-etsy-luxury-black-gold .dbc-card,
.dbc-template-etsy-dark-navy-realtor .dbc-card,
.dbc-template-etsy-minimal-white-qr .dbc-card,
.dbc-template-etsy-neutral-boho .dbc-card,
.dbc-template-etsy-pink-beauty-social .dbc-card,
.dbc-template-etsy-real-estate-split .dbc-card,
.dbc-template-etsy-black-white-neutral .dbc-card,
.dbc-template-etsy-creator-author-color .dbc-card,
.dbc-template-etsy-qr-code-card .dbc-card,
.dbc-template-etsy-luxe-white-gold .dbc-card,
.dbc-template-etsy-business-bundle-clean .dbc-card          { background: var(--dbc-surface); }
.dbc-template-etsy-modern-gradient-phone .dbc-card          { background: color-mix(in srgb, var(--dbc-bg) 10%, transparent); }

/* Section text ────────────────────────────────────── */
.dbc-template-etsy-minimal-white-qr .dbc-section-desc,
.dbc-template-etsy-neutral-boho .dbc-section-desc,
.dbc-template-etsy-pink-beauty-social .dbc-section-desc,
.dbc-template-etsy-real-estate-split .dbc-section-desc,
.dbc-template-etsy-black-white-neutral .dbc-section-desc,
.dbc-template-etsy-creator-author-color .dbc-section-desc,
.dbc-template-etsy-qr-code-card .dbc-section-desc,
.dbc-template-etsy-luxe-white-gold .dbc-section-desc,
.dbc-template-etsy-business-bundle-clean .dbc-section-desc  { color: var(--dbc-muted); }

.dbc-template-etsy-luxury-black-gold .dbc-section-desc,
.dbc-template-etsy-dark-navy-realtor .dbc-section-desc,
.dbc-template-etsy-modern-gradient-phone .dbc-section-desc  { color: var(--dbc-muted); }

/* Footer ────────────────────────────────────────────── */
.dbc-template-etsy-luxury-black-gold .dbc-footer,
.dbc-template-etsy-dark-navy-realtor .dbc-footer,
.dbc-template-etsy-minimal-white-qr .dbc-footer,
.dbc-template-etsy-neutral-boho .dbc-footer,
.dbc-template-etsy-pink-beauty-social .dbc-footer,
.dbc-template-etsy-real-estate-split .dbc-footer,
.dbc-template-etsy-black-white-neutral .dbc-footer,
.dbc-template-etsy-creator-author-color .dbc-footer,
.dbc-template-etsy-qr-code-card .dbc-footer,
.dbc-template-etsy-luxe-white-gold .dbc-footer,
.dbc-template-etsy-modern-gradient-phone .dbc-footer,
.dbc-template-etsy-business-bundle-clean .dbc-footer        { color: var(--dbc-muted); }

/* Primary button ────────────────────────────────────── */
.dbc-template-etsy-luxury-black-gold .dbc-btn-primary,
.dbc-template-etsy-dark-navy-realtor .dbc-btn-primary,
.dbc-template-etsy-minimal-white-qr .dbc-btn-primary,
.dbc-template-etsy-neutral-boho .dbc-btn-primary,
.dbc-template-etsy-pink-beauty-social .dbc-btn-primary,
.dbc-template-etsy-real-estate-split .dbc-btn-primary,
.dbc-template-etsy-black-white-neutral .dbc-btn-primary,
.dbc-template-etsy-creator-author-color .dbc-btn-primary,
.dbc-template-etsy-qr-code-card .dbc-btn-primary,
.dbc-template-etsy-luxe-white-gold .dbc-btn-primary,
.dbc-template-etsy-modern-gradient-phone .dbc-btn-primary,
.dbc-template-etsy-business-bundle-clean .dbc-btn-primary   { background: var(--dbc-primary); }

/* Social icon containers + SVGs ───────────────────── */
.dbc-template-etsy-luxury-black-gold .dbc-social-icon,
.dbc-template-etsy-dark-navy-realtor .dbc-social-icon,
.dbc-template-etsy-minimal-white-qr .dbc-social-icon,
.dbc-template-etsy-neutral-boho .dbc-social-icon,
.dbc-template-etsy-pink-beauty-social .dbc-social-icon,
.dbc-template-etsy-real-estate-split .dbc-social-icon,
.dbc-template-etsy-black-white-neutral .dbc-social-icon,
.dbc-template-etsy-creator-author-color .dbc-social-icon,
.dbc-template-etsy-qr-code-card .dbc-social-icon,
.dbc-template-etsy-luxe-white-gold .dbc-social-icon,
.dbc-template-etsy-modern-gradient-phone .dbc-social-icon,
.dbc-template-etsy-business-bundle-clean .dbc-social-icon   { background: color-mix(in srgb, var(--dbc-primary) 14%, transparent); }

.dbc-template-etsy-luxury-black-gold .dbc-social-icon svg,
.dbc-template-etsy-dark-navy-realtor .dbc-social-icon svg,
.dbc-template-etsy-minimal-white-qr .dbc-social-icon svg,
.dbc-template-etsy-neutral-boho .dbc-social-icon svg,
.dbc-template-etsy-pink-beauty-social .dbc-social-icon svg,
.dbc-template-etsy-real-estate-split .dbc-social-icon svg,
.dbc-template-etsy-creator-author-color .dbc-social-icon svg,
.dbc-template-etsy-qr-code-card .dbc-social-icon svg,
.dbc-template-etsy-luxe-white-gold .dbc-social-icon svg,
.dbc-template-etsy-modern-gradient-phone .dbc-social-icon svg,
.dbc-template-etsy-business-bundle-clean .dbc-social-icon svg { color: var(--dbc-primary); }
/* black-white keeps black icon on black bg by design — skip */

/* Weblink icon containers + SVGs ─────────────────── */
.dbc-template-etsy-luxury-black-gold .dbc-weblink-icon,
.dbc-template-etsy-dark-navy-realtor .dbc-weblink-icon,
.dbc-template-etsy-minimal-white-qr .dbc-weblink-icon,
.dbc-template-etsy-neutral-boho .dbc-weblink-icon,
.dbc-template-etsy-pink-beauty-social .dbc-weblink-icon,
.dbc-template-etsy-real-estate-split .dbc-weblink-icon,
.dbc-template-etsy-creator-author-color .dbc-weblink-icon,
.dbc-template-etsy-qr-code-card .dbc-weblink-icon,
.dbc-template-etsy-luxe-white-gold .dbc-weblink-icon,
.dbc-template-etsy-modern-gradient-phone .dbc-weblink-icon,
.dbc-template-etsy-business-bundle-clean .dbc-weblink-icon  { background: color-mix(in srgb, var(--dbc-primary) 11%, transparent); }

.dbc-template-etsy-luxury-black-gold .dbc-weblink-icon svg,
.dbc-template-etsy-dark-navy-realtor .dbc-weblink-icon svg,
.dbc-template-etsy-minimal-white-qr .dbc-weblink-icon svg,
.dbc-template-etsy-neutral-boho .dbc-weblink-icon svg,
.dbc-template-etsy-pink-beauty-social .dbc-weblink-icon svg,
.dbc-template-etsy-real-estate-split .dbc-weblink-icon svg,
.dbc-template-etsy-creator-author-color .dbc-weblink-icon svg,
.dbc-template-etsy-qr-code-card .dbc-weblink-icon svg,
.dbc-template-etsy-luxe-white-gold .dbc-weblink-icon svg,
.dbc-template-etsy-modern-gradient-phone .dbc-weblink-icon svg,
.dbc-template-etsy-business-bundle-clean .dbc-weblink-icon svg { color: var(--dbc-primary); }

/* ─────────────────────────────────────────────────────────────────────────
   PER-THEME SPECIFICS
   (properties that differ by theme — section titles, shortcuts, hero, CTA)
   ───────────────────────────────────────────────────────────────────────── */

/* ── T1: Black & Gold Luxury ─────────────────────────────────────────────── */
.dbc-template-etsy-luxury-black-gold .dbc-page-wrapper    { border-color: color-mix(in srgb, var(--dbc-primary) 22%, transparent); }
.dbc-template-etsy-luxury-black-gold .dbc-card            { border-color: color-mix(in srgb, var(--dbc-primary) 18%, transparent); }
.dbc-template-etsy-luxury-black-gold .dbc-section-title   { color: var(--dbc-primary); }
.dbc-template-etsy-luxury-black-gold .dbc-contact-section { background: color-mix(in srgb, var(--dbc-bg) 55%, #000); border-color: color-mix(in srgb, var(--dbc-primary) 18%, transparent); }
.dbc-template-etsy-luxury-black-gold .dbc-contact-label   { color: color-mix(in srgb, var(--dbc-primary) 55%, transparent); }
.dbc-template-etsy-luxury-black-gold .dbc-contact-row     { border-bottom-color: color-mix(in srgb, var(--dbc-primary) 10%, transparent); }
.dbc-template-etsy-luxury-black-gold .dbc-cta-btn         { background: color-mix(in srgb, var(--dbc-bg) 80%, #333); border-color: color-mix(in srgb, var(--dbc-primary) 30%, transparent); color: var(--dbc-text); }
.dbc-template-etsy-luxury-black-gold .dbc-cta-btn:hover   { border-color: var(--dbc-primary); color: var(--dbc-primary); }
.dbc-template-etsy-luxury-black-gold .dbc-shortcut        { background: color-mix(in srgb, var(--dbc-primary) 12%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 35%, transparent); color: var(--dbc-primary); }
.dbc-template-etsy-luxury-black-gold .dbc-title           { color: var(--dbc-primary); }
.dbc-template-etsy-luxury-black-gold .dbc-btn-primary     { background: linear-gradient(135deg, var(--dbc-primary), color-mix(in srgb, var(--dbc-primary) 72%, #000)); }

/* ── T2: Dark Navy Realtor ───────────────────────────────────────────────── */
.dbc-template-etsy-dark-navy-realtor .dbc-card            { border-radius: 12px; border-color: color-mix(in srgb, var(--dbc-primary) 12%, transparent); }
.dbc-template-etsy-dark-navy-realtor .dbc-section-title   { color: var(--dbc-text); }
.dbc-template-etsy-dark-navy-realtor .dbc-contact-section { background: color-mix(in srgb, var(--dbc-bg) 60%, #000); border-color: color-mix(in srgb, var(--dbc-primary) 15%, transparent); }
.dbc-template-etsy-dark-navy-realtor .dbc-contact-label   { color: color-mix(in srgb, var(--dbc-primary) 55%, transparent); }
.dbc-template-etsy-dark-navy-realtor .dbc-cta-btn         { background: color-mix(in srgb, var(--dbc-bg) 80%, #000); border-color: color-mix(in srgb, var(--dbc-primary) 22%, transparent); color: var(--dbc-text); }
.dbc-template-etsy-dark-navy-realtor .dbc-shortcut        { background: color-mix(in srgb, var(--dbc-primary) 10%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 25%, transparent); color: var(--dbc-primary); }
.dbc-template-etsy-dark-navy-realtor .dbc-title           { color: var(--dbc-primary); }

/* ── T3: Minimal White QR ────────────────────────────────────────────────── */
.dbc-template-etsy-minimal-white-qr .dbc-section-title    { color: var(--dbc-text); }
.dbc-template-etsy-minimal-white-qr .dbc-contact-section  { background: color-mix(in srgb, var(--dbc-primary) 90%, #000); }
.dbc-template-etsy-minimal-white-qr .dbc-cta-btn          { background: var(--dbc-surface); border-color: color-mix(in srgb, var(--dbc-text) 25%, transparent); color: var(--dbc-text); }
.dbc-template-etsy-minimal-white-qr .dbc-cta-btn:hover    { border-color: var(--dbc-primary); color: var(--dbc-primary); }
.dbc-template-etsy-minimal-white-qr .dbc-shortcut         { background: color-mix(in srgb, var(--dbc-primary) 8%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 25%, transparent); color: var(--dbc-text); }
.dbc-template-etsy-minimal-white-qr .dbc-inline-qr-card   { border-color: var(--dbc-primary); }
.dbc-template-etsy-minimal-white-qr .dbc-inline-qr-frame  { border-color: var(--dbc-primary); }

/* ── T4: Neutral Boho ────────────────────────────────────────────────────── */
.dbc-template-etsy-neutral-boho .dbc-section-title        { color: var(--dbc-primary); }
.dbc-template-etsy-neutral-boho .dbc-contact-section      { background: color-mix(in srgb, var(--dbc-primary) 70%, #000); }
.dbc-template-etsy-neutral-boho .dbc-contact-label        { color: color-mix(in srgb, var(--dbc-primary) 65%, transparent); }
.dbc-template-etsy-neutral-boho .dbc-cta-btn              { background: var(--dbc-surface); border-color: color-mix(in srgb, var(--dbc-primary) 40%, transparent); color: var(--dbc-text); }
.dbc-template-etsy-neutral-boho .dbc-cta-btn:hover        { border-color: var(--dbc-primary); color: var(--dbc-primary); }
.dbc-template-etsy-neutral-boho .dbc-card                 { border-color: color-mix(in srgb, var(--dbc-primary) 35%, transparent); }

/* ── T5: Pink Beauty Social ──────────────────────────────────────────────── */
.dbc-template-etsy-pink-beauty-social .dbc-section-title  { color: var(--dbc-text); }
.dbc-template-etsy-pink-beauty-social .dbc-contact-section { background: color-mix(in srgb, var(--dbc-text) 90%, #000); }
.dbc-template-etsy-pink-beauty-social .dbc-contact-label  { color: color-mix(in srgb, var(--dbc-primary) 65%, transparent); }
.dbc-template-etsy-pink-beauty-social .dbc-cta-btn        { background: linear-gradient(135deg, color-mix(in srgb, var(--dbc-primary) 50%, #fff), var(--dbc-primary)); border: none; color: var(--dbc-text); }
.dbc-template-etsy-pink-beauty-social .dbc-social-item    { border-color: color-mix(in srgb, var(--dbc-primary) 22%, transparent); }
.dbc-template-etsy-pink-beauty-social .dbc-social-item:hover { border-color: var(--dbc-primary); }
.dbc-template-etsy-pink-beauty-social .dbc-card           { border-color: color-mix(in srgb, var(--dbc-primary) 18%, transparent); }
.dbc-template-etsy-pink-beauty-social .dbc-shortcut       { background: color-mix(in srgb, var(--dbc-primary) 15%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 40%, transparent); color: var(--dbc-primary); }

/* ── T6: Real Estate Split ───────────────────────────────────────────────── */
.dbc-template-etsy-real-estate-split .dbc-profile-hero    { background: var(--dbc-primary); }
.dbc-template-etsy-real-estate-split .dbc-section-title   { color: var(--dbc-primary); }
.dbc-template-etsy-real-estate-split .dbc-contact-section { background: color-mix(in srgb, var(--dbc-primary) 85%, #000); }
.dbc-template-etsy-real-estate-split .dbc-contact-label   { color: color-mix(in srgb, var(--dbc-secondary) 65%, transparent); }
.dbc-template-etsy-real-estate-split .dbc-cta-btn         { background: linear-gradient(135deg, var(--dbc-primary), color-mix(in srgb, var(--dbc-primary) 72%, #000)); border: none; color: #fff; }
.dbc-template-etsy-real-estate-split .dbc-cta-btn:first-child { background: linear-gradient(135deg, var(--dbc-secondary), color-mix(in srgb, var(--dbc-secondary) 72%, #000)); }
.dbc-template-etsy-real-estate-split .dbc-shortcut        { background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.32); color: #fff; }
.dbc-template-etsy-real-estate-split .dbc-card            { border-color: color-mix(in srgb, var(--dbc-primary) 8%, transparent); }

/* ── T7: Black & White Editorial ─────────────────────────────────────────── */
/* Intentionally monochrome — primary #000 drives everything. Kept structural. */
.dbc-template-etsy-black-white-neutral .dbc-section-title { color: var(--dbc-text); }
.dbc-template-etsy-black-white-neutral .dbc-cta-btn       { background: var(--dbc-primary); border-color: var(--dbc-primary); color: #fff; }
.dbc-template-etsy-black-white-neutral .dbc-cta-btn:hover { background: var(--dbc-surface); color: var(--dbc-primary); border-color: var(--dbc-primary); }
.dbc-template-etsy-black-white-neutral .dbc-shortcut      { background: var(--dbc-primary); border-color: var(--dbc-primary); color: #fff; }
.dbc-template-etsy-black-white-neutral .dbc-social-icon   { background: var(--dbc-primary); }
.dbc-template-etsy-black-white-neutral .dbc-social-icon svg { color: #fff; }
.dbc-template-etsy-black-white-neutral .dbc-weblink-icon  { background: var(--dbc-primary); }
.dbc-template-etsy-black-white-neutral .dbc-weblink-icon svg { color: #fff; }
.dbc-template-etsy-black-white-neutral .dbc-contact-section { background: var(--dbc-primary); }

/* ── T8: Creator / Author Color ──────────────────────────────────────────── */
.dbc-template-etsy-creator-author-color .dbc-profile-hero { background: linear-gradient(135deg, var(--dbc-primary), color-mix(in srgb, var(--dbc-primary) 72%, #000)); }
.dbc-template-etsy-creator-author-color .dbc-section-title { color: var(--dbc-text); }
.dbc-template-etsy-creator-author-color .dbc-contact-section { background: color-mix(in srgb, var(--dbc-text) 92%, #000); }
.dbc-template-etsy-creator-author-color .dbc-contact-label { color: color-mix(in srgb, var(--dbc-primary) 55%, transparent); }
.dbc-template-etsy-creator-author-color .dbc-cta-btn      { background: linear-gradient(135deg, var(--dbc-primary), color-mix(in srgb, var(--dbc-primary) 72%, #000)); border: none; color: #fff; }
.dbc-template-etsy-creator-author-color .dbc-cta-btn:nth-child(2n) { background: linear-gradient(135deg, var(--dbc-secondary), color-mix(in srgb, var(--dbc-secondary) 72%, #000)); }
.dbc-template-etsy-creator-author-color .dbc-weblink-item { border-left-color: var(--dbc-primary); }
.dbc-template-etsy-creator-author-color .dbc-shortcut     { background: color-mix(in srgb, var(--dbc-primary) 15%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 40%, transparent); color: #fff; }
.dbc-template-etsy-creator-author-color .dbc-card         { border-color: color-mix(in srgb, var(--dbc-primary) 14%, transparent); }

/* ── T9: QR Code Card ────────────────────────────────────────────────────── */
.dbc-template-etsy-qr-code-card .dbc-section-title        { color: var(--dbc-text); }
.dbc-template-etsy-qr-code-card .dbc-contact-section      { background: var(--dbc-secondary); }
.dbc-template-etsy-qr-code-card .dbc-cta-btn              { background: var(--dbc-surface); border-color: color-mix(in srgb, var(--dbc-primary) 20%, transparent); color: var(--dbc-text); }
.dbc-template-etsy-qr-code-card .dbc-cta-btn:hover        { border-color: var(--dbc-primary); color: var(--dbc-primary); }
.dbc-template-etsy-qr-code-card .dbc-shortcut             { background: color-mix(in srgb, var(--dbc-primary) 10%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 25%, transparent); color: var(--dbc-primary); }
.dbc-template-etsy-qr-code-card .dbc-inline-qr-frame      { border-color: var(--dbc-primary); }
.dbc-template-etsy-qr-code-card .dbc-inline-qr-scan-label { color: var(--dbc-primary); }

/* ── T10: Luxe White & Gold ──────────────────────────────────────────────── */
.dbc-template-etsy-luxe-white-gold .dbc-section-title      { color: var(--dbc-text); }
.dbc-template-etsy-luxe-white-gold .dbc-contact-section    { background: color-mix(in srgb, var(--dbc-text) 88%, #000); }
.dbc-template-etsy-luxe-white-gold .dbc-contact-label      { color: color-mix(in srgb, var(--dbc-primary) 65%, transparent); }
.dbc-template-etsy-luxe-white-gold .dbc-contact-row        { border-bottom-color: color-mix(in srgb, var(--dbc-primary) 10%, transparent); }
.dbc-template-etsy-luxe-white-gold .dbc-cta-btn            { background: var(--dbc-surface); border-color: color-mix(in srgb, var(--dbc-primary) 30%, transparent); color: var(--dbc-text); }
.dbc-template-etsy-luxe-white-gold .dbc-cta-btn:hover      { border-color: var(--dbc-primary); color: var(--dbc-primary); }
.dbc-template-etsy-luxe-white-gold .dbc-shortcut           { background: color-mix(in srgb, var(--dbc-primary) 12%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 30%, transparent); color: var(--dbc-primary); }
.dbc-template-etsy-luxe-white-gold .dbc-btn-primary        { background: var(--dbc-text); color: var(--dbc-primary); }
.dbc-template-etsy-luxe-white-gold .dbc-card               { border-color: color-mix(in srgb, var(--dbc-primary) 22%, transparent); }
.dbc-template-etsy-luxe-white-gold .dbc-section-title::before,
.dbc-template-etsy-luxe-white-gold .dbc-section-title::after { background: linear-gradient(90deg, transparent, var(--dbc-primary), transparent); }

/* ── T11: Modern Gradient Phone ──────────────────────────────────────────── */
.dbc-template-etsy-modern-gradient-phone .dbc-section-title { color: #fff; }
.dbc-template-etsy-modern-gradient-phone .dbc-contact-section { background: color-mix(in srgb, var(--dbc-bg) 75%, #000); border-color: color-mix(in srgb, var(--dbc-primary) 18%, transparent); }
.dbc-template-etsy-modern-gradient-phone .dbc-contact-label { color: color-mix(in srgb, var(--dbc-primary) 65%, transparent); }
.dbc-template-etsy-modern-gradient-phone .dbc-cta-btn      { background: color-mix(in srgb, var(--dbc-bg) 12%, transparent); border-color: rgba(255,255,255,0.18); color: #fff; }
.dbc-template-etsy-modern-gradient-phone .dbc-cta-btn:hover { background: color-mix(in srgb, var(--dbc-primary) 22%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 45%, transparent); }
.dbc-template-etsy-modern-gradient-phone .dbc-shortcut     { background: color-mix(in srgb, var(--dbc-primary) 18%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 35%, transparent); color: color-mix(in srgb, var(--dbc-primary) 80%, #fff); }
.dbc-template-etsy-modern-gradient-phone .dbc-btn-primary  { background: color-mix(in srgb, var(--dbc-primary) 50%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 35%, transparent); }

/* ── T12: Business Bundle Clean ──────────────────────────────────────────── */
.dbc-template-etsy-business-bundle-clean .dbc-section-title { color: var(--dbc-text); }
.dbc-template-etsy-business-bundle-clean .dbc-contact-section { background: var(--dbc-secondary); }
.dbc-template-etsy-business-bundle-clean .dbc-contact-label { color: color-mix(in srgb, var(--dbc-primary) 60%, transparent); }
.dbc-template-etsy-business-bundle-clean .dbc-cta-btn      { background: var(--dbc-surface); border-color: color-mix(in srgb, var(--dbc-primary) 18%, transparent); color: var(--dbc-text); }
.dbc-template-etsy-business-bundle-clean .dbc-cta-btn:hover { border-color: var(--dbc-primary); color: var(--dbc-primary); }
.dbc-template-etsy-business-bundle-clean .dbc-shortcut     { background: color-mix(in srgb, var(--dbc-primary) 12%, transparent); border-color: color-mix(in srgb, var(--dbc-primary) 25%, transparent); color: var(--dbc-primary); }

/* ─────────────────────────────────────────────────────────────────────────
   HERO TEXT — name / title / company respond to --qrc-hero-text token
   ───────────────────────────────────────────────────────────────────────── */
/* Themes with white hero text (most) — already set via var in base/contrast blocks */
/* Themes with custom title color (accent) */
.dbc-template-etsy-luxury-black-gold .dbc-title,
.dbc-template-etsy-dark-navy-realtor .dbc-title,
.dbc-template-etsy-real-estate-split .dbc-title,
.dbc-template-etsy-qr-code-card .dbc-title,
.dbc-template-etsy-luxe-white-gold .dbc-title,
.dbc-template-etsy-modern-gradient-phone .dbc-title,
.dbc-template-etsy-business-bundle-clean .dbc-title { color: var(--dbc-primary); }

/* Themes with dark name (light hero bg) */
.dbc-template-etsy-minimal-white-qr .dbc-name { color: var(--dbc-text); }


/* ==========================================================================
   RESTORE — etsy-creator-author-color
   User requested: revert all contrast-fix and CSS-variable-layer overrides
   for this template back to original hardcoded design values.
   This block is placed last in the file and wins every previous override.
   ========================================================================== */

/* Page wrapper & hero — original warm amber palette */
.dbc-template-etsy-creator-author-color .dbc-page-wrapper {
    background: #fff8ec;
    border: 1px solid rgba(245,158,11,0.20);
}

.dbc-template-etsy-creator-author-color .dbc-profile-hero {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

/* Hero img: transparent so profile-hero gradient shows when no photo */
.dbc-template-etsy-creator-author-color .dbc-hero-img {
    background-color: transparent;
}

/* Hero info: remove safety gradient added by contrast fix */
.dbc-template-etsy-creator-author-color .dbc-hero-info {
    background: none;
}

/* Hero text */
.dbc-template-etsy-creator-author-color .dbc-name    { color: #fff; text-shadow: 0 6px 20px rgba(39,26,16,0.4); }
.dbc-template-etsy-creator-author-color .dbc-title   { color: rgba(255,255,255,0.9); }
.dbc-template-etsy-creator-author-color .dbc-company { color: rgba(255,255,255,0.7); }

/* Shortcuts — original amber bubble, amber icon */
.dbc-template-etsy-creator-author-color .dbc-shortcut {
    background:   rgba(245,158,11,0.15);
    border-color: rgba(245,158,11,0.40);
    color: #d97706;
    box-shadow: none;
}

/* Cards */
.dbc-template-etsy-creator-author-color .dbc-card {
    background:   #ffffff;
    border: 1px solid rgba(245,158,11,0.14);
    box-shadow: 0 4px 18px rgba(39,26,16,0.06);
    border-radius: 18px;
}

/* Section text */
.dbc-template-etsy-creator-author-color .dbc-section-title { color: #271a10; }
.dbc-template-etsy-creator-author-color .dbc-section-desc  { color: #7a5b42; }

/* Contact section */
.dbc-template-etsy-creator-author-color .dbc-contact-section { background: #1c0e04; }
.dbc-template-etsy-creator-author-color .dbc-contact-label   { color: rgba(245,158,11,0.55); }

/* Social */
.dbc-template-etsy-creator-author-color .dbc-social-item  { color: #271a10; }
.dbc-template-etsy-creator-author-color .dbc-social-icon  { background: rgba(245,158,11,0.12); }
.dbc-template-etsy-creator-author-color .dbc-social-icon svg { color: #d97706; }
.dbc-template-etsy-creator-author-color .dbc-social-arrow,
.dbc-template-etsy-creator-author-color .dbc-weblink-arrow { color: #7a5b42; }

/* Web links — link-in-bio style */
.dbc-template-etsy-creator-author-color .dbc-weblink-item {
    background:   #fff;
    border: 1.5px solid rgba(245,158,11,0.20);
    border-left:  4px solid #f59e0b;
    border-radius: 14px;
    color: #271a10;
}
.dbc-template-etsy-creator-author-color .dbc-weblink-title    { color: #271a10; }
.dbc-template-etsy-creator-author-color .dbc-weblink-subtitle { color: #7a5b42; }
.dbc-template-etsy-creator-author-color .dbc-weblink-icon  { background: rgba(245,158,11,0.10); }
.dbc-template-etsy-creator-author-color .dbc-weblink-icon svg { color: #d97706; }

/* CTA buttons — amber gradient + alternate sky blue */
.dbc-template-etsy-creator-author-color .dbc-cta-btn {
    background:   linear-gradient(135deg, #f59e0b, #d97706);
    border:       none;
    color:        #fff;
    font-weight:  700;
    border-radius: 14px;
}
.dbc-template-etsy-creator-author-color .dbc-cta-btn:nth-child(2n) {
    background: linear-gradient(135deg, #38bdf8, #0ea5e9);
}
.dbc-template-etsy-creator-author-color .dbc-cta-btn .dashicons { color: rgba(255,255,255,0.80); }

/* Primary button */
.dbc-template-etsy-creator-author-color .dbc-btn-primary {
    background: #f59e0b;
    color:      #fff;
}

/* Footer */
.dbc-template-etsy-creator-author-color .dbc-footer { color: rgba(122,91,66,0.45); }