/* Migrated from WPCode: #116 Dokan Creator Pages - Dark Theme Styling; #97 Mobile Fix - Contact Form 7 Input Width */

/* Dokan creator pages, restyled for the Prompt Studio dark theme */

/* Give the creator store page the same width + gutters as the rest of the site */
.dokan-store-wrap,
.dokan-single-store {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

/* Readable body text on the dark background */
.dokan-store-wrap,
.dokan-single-store,
.dokan-store-sidebar,
.dokan-store-wrap p,
.dokan-store-wrap li {
	color: #ddd;
}

.dokan-store-wrap h1,
.dokan-store-wrap h2,
.dokan-store-wrap h3,
.dokan-store-wrap h4,
.dokan-store-sidebar h3,
.dokan-store-wrap .widget-title,
.dokan-store-wrap .store-name {
	color: #fff;
}

.dokan-store-wrap a,
.dokan-store-sidebar a {
	color: #a78bfa;
}

/* Form fields (contact creator, product search) */
.dokan-store-wrap input[type="text"],
.dokan-store-wrap input[type="email"],
.dokan-store-wrap input[type="search"],
.dokan-store-wrap textarea,
.dokan-store-wrap select {
	background: #111;
	border: 1px solid #2a2a2a;
	color: #fff;
	border-radius: 6px;
	padding: 10px 12px;
	box-sizing: border-box;
	max-width: 100%;
}

.dokan-store-wrap input::placeholder,
.dokan-store-wrap textarea::placeholder {
	color: #777;
}

/* Buttons in the brand purple */
.dokan-store-wrap .dokan-btn,
.dokan-store-wrap .dokan-btn-theme,
.dokan-store-wrap button[type="submit"],
.dokan-store-wrap input[type="submit"] {
	background: #7c3aed !important;
	border: 1px solid #7c3aed !important;
	color: #fff !important;
	border-radius: 6px !important;
	padding: 10px 20px !important;
	font-weight: 600;
}

/* Creator cards on Dokan's own store list page */
.dokan-seller-listing .store-wrapper,
.dokan-store-list .store-wrapper {
	background: #111;
	border: 1px solid #2a2a2a;
	border-radius: 12px;
	overflow: hidden;
}

.dokan-seller-listing .store-content .store-info h2 a,
.dokan-seller-listing .store-data-container .store-name a {
	color: #fff;
}

/* Filter / sort toolbar on the store list */
.dokan-store-list-filter-wrap,
.dokan-store-list-filter-form,
.store-toolbar,
.dokan-store-list .sort-by {
	background: #111 !important;
	border: 1px solid #2a2a2a !important;
	border-radius: 10px;
	color: #ddd !important;
}

.dokan-store-list-filter-wrap *,
.store-toolbar * {
	color: #ddd !important;
}

/* Dokan's light panels inside the creator dashboard need dark text */
.dokan-dashboard-content .dokan-panel,
.dokan-dashboard-content .dokan-panel-body,
.dokan-dashboard-content table,
.dokan-dashboard-content .woocommerce-card,
.dokan-dashboard-content .woocommerce-summary {
	color: #333;
}

.dokan-dashboard-content .woocommerce-card__title,
.dokan-dashboard-content .woocommerce-summary__item-label {
	color: #333 !important;
}

/* Keep the creator profile block readable on mobile */
@media (max-width: 782px) {
	.dokan-store-wrap,
	.dokan-single-store {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* Prompt Studio - fix CF7 inputs overflowing on narrow screens.
 * CF7's default markup sets a "size" attribute on inputs, which gives
 * them an intrinsic width that ignores the container and causes
 * horizontal scrolling on mobile (seen on the Contact Us page). */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}
