/**
 * WB Ad Manager Pro - Classifieds Styles
 */

/* ==========================================================================
   CSS Variables
   ========================================================================== */

:root {
	/* Background Colors */
	--wbam-bg-white: #fff;
	--wbam-bg-light: #f6f7f7;
	--wbam-bg-lighter: var(--wbam-bg-lighter, #f9f9f9);
	--wbam-bg-gray-50: #fafafa;
	--wbam-bg-gray-100: #f5f5f5;
	--wbam-bg-gray-200: #e5e5e5;
	--wbam-bg-slate-50: #f8fafc;
	--wbam-bg-slate-100: #f1f5f9;
	--wbam-bg-dark: #1d2327;
	
	/* Text Colors */
	--wbam-text-primary: #1d2327;
	--wbam-text-secondary: #646970;
	--wbam-text-muted: #757575;
	--wbam-text-light: #999;
	--wbam-text-white: #fff;
	--wbam-text-dark: #333;

	/* Primary Button Color */
	--wbam-btn-bg-primary: var(--reign-site-button-bg-color, var(--button-background-color, #0891b2));
	--wbam-btn-text-primary: var(--reign-site-button-text-color, var(--button-text-color, #fff));
	--wbam-btn-border-primary: var(--reign-site-button-bg-color, var(--button-border-color, #0891b2));
	--wbam-btn-bg-primary-hover: var(--reign-site-button-bg-hover-color, var(--button-background-hover-color, #0e7490));
	--wbam-btn-text-primary-hover: var(--reign-site-button-text-hover-color, var(--button-text-hover-color, #fff));
	--wbam-btn-border-primary-hover: var(--reign-site-button-bg-hover-color, var(--button-border-hover-color, #0e7490));

	/* Border Colors */
	--wbam-border: #e5e5e5;
	--wbam-border-light: var(--wbam-border-light, #e0e0e0);
	--wbam-border-medium: #ddd;
	--wbam-border-dark: #ccc;
	
	/* Primary/Action Colors */
	--wbam-primary: #2271b1;
	--wbam-primary-hover: #135e96;
	--wbam-primary-light: #f0f6fc;
	
	/* Success Colors */
	--wbam-success: #00a32a;
	--wbam-success-hover: #008a20;
	--wbam-success-bg: #d4edda;
	--wbam-success-text: #155724;
	
	/* Warning Colors */
	--wbam-warning: #dba617;
	--wbam-warning-hover: #c69214;
	--wbam-warning-bg: #fff8e5;
	--wbam-warning-text: #856404;
	
	/* Danger/Error Colors */
	--wbam-danger: #d63638;
	--wbam-danger-hover: #b32d2e;
	--wbam-danger-bg: #f8d7da;
	--wbam-danger-text: #721c24;
	
	/* Info Colors */
	--wbam-info: #3582c4;
	--wbam-info-hover: #2271b1;
	--wbam-info-bg: #e7f2fa;
	--wbam-info-text: #1d4e73;
	
	/* Status Badge Colors */
	--wbam-status-active-bg: #d4edda;
	--wbam-status-active-text: #155724;
	--wbam-status-pending-bg: #fff8e5;
	--wbam-status-pending-text: #856404;
	--wbam-status-sold-bg: #e7f2fa;
	--wbam-status-sold-text: #1d4e73;
	--wbam-status-expired-bg: #f8d7da;
	--wbam-status-expired-text: #721c24;
	
	/* Shadows */
	--wbam-shadow-sm: 0 1px 3px var(--wbam-shadow-base, rgba(0, 0, 0, 0.1));
	--wbam-shadow-md: 0 2px 6px var(--wbam-shadow-base, rgba(0, 0, 0, 0.1));
	--wbam-shadow-lg: 0 4px 12px var(--wbam-shadow-medium, rgba(0, 0, 0, 0.15));
	
	/* Teal/Cyan Colors */
	--wbam-teal-50: var(--wbam-teal-50, #f0fdfa);
	--wbam-teal-100: var(--wbam-teal-100, #ccfbf1);
	--wbam-teal-200: var(--wbam-teal-200, #99f6e4);
	--wbam-teal-600: var(--wbam-teal-600, #0d9488);
	--wbam-teal-700: var(--wbam-teal-700, #0f766e);
	--wbam-cyan-600: var(--wbam-cyan-600, #0891b2);
	--wbam-cyan-700: var(--wbam-cyan-700, #0e7490);
	--wbam-cyan-800: var(--wbam-cyan-800, #155e75);
	--wbam-cyan-900: var(--wbam-cyan-900, #0c5460);
	
	/* Green Colors */
	--wbam-green-50: var(--wbam-green-50, #f0fdf4);
	--wbam-green-100: var(--wbam-green-100, #dcfce7);
	--wbam-green-200: var(--wbam-green-200, #bbf7d0);
	--wbam-green-400: var(--wbam-green-400, #4ade80);
	--wbam-green-500: var(--wbam-green-500, #10b981);
	--wbam-green-600: var(--wbam-green-600, #059669);
	--wbam-green-700: var(--wbam-green-700, #047857);
	--wbam-green-800: var(--wbam-green-800, #16a34a);
	
	/* Amber/Yellow Colors */
	--wbam-amber-50: var(--wbam-amber-50, #fffbeb);
	--wbam-amber-100: var(--wbam-amber-100, #fef3c7);
	--wbam-amber-200: var(--wbam-amber-200, #fde68a);
	--wbam-amber-300: var(--wbam-amber-300, #fcd34d);
	--wbam-amber-400: var(--wbam-amber-400, #fbbf24);
	--wbam-amber-500: var(--wbam-amber-500, #f59e0b);
	--wbam-amber-600: var(--wbam-amber-600, #d97706);
	--wbam-amber-700: var(--wbam-amber-700, #a16207);
	--wbam-amber-800: var(--wbam-amber-800, #92400e);
	--wbam-amber-900: var(--wbam-amber-900, #78350f);
	--wbam-yellow-200: var(--wbam-yellow-200, #fde047);
	--wbam-yellow-100: var(--wbam-yellow-100, #fefce8);
	
	/* Blue Colors */
	--wbam-blue-500: var(--wbam-blue-500, #2563eb);
	--wbam-blue-700: var(--wbam-blue-700, #1e40af);
	--wbam-facebook: var(--wbam-facebook, #1877f2);
	--wbam-twitter: var(--wbam-twitter, #1da1f2);
	
	/* Red/Danger Colors (additional) */
	--wbam-red-600: var(--wbam-red-600, #991b1b);
	--wbam-red-700: var(--wbam-red-700, #b91c1c);
	--wbam-red-200: var(--wbam-red-200, #fecaca);
	
	/* Purple Colors */
	--wbam-purple-600: var(--wbam-purple-600, #6f42c1);
	
	/* Gray/Slate Colors (additional) */
	--wbam-gray-300: var(--wbam-gray-300, #cbd5e1);
	--wbam-gray-400: var(--wbam-gray-400, #d1d5db);
	--wbam-slate-200: var(--wbam-slate-200, #e2e8f0);
	
	/* Overlay Colors */
	--wbam-overlay-dark: var(--wbam-overlay-dark, rgba(0, 0, 0, 0.6));
	--wbam-overlay-darker: var(--wbam-overlay-darker, rgba(0, 0, 0, 0.7));
	--wbam-overlay-light: var(--wbam-overlay-light, rgba(255, 255, 255, 0.7));
	--wbam-overlay-lighter: var(--wbam-overlay-lighter, rgba(255, 255, 255, 0.8));
	--wbam-overlay-lightest: var(--wbam-overlay-lightest, rgba(255, 255, 255, 0.9));
	--wbam-overlay-white-90: var(--wbam-overlay-white-90, rgba(255, 255, 255, 0.95));
	
	/* Shadow Colors with Alpha */
	--wbam-shadow-focus-cyan: var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.1));
	--wbam-shadow-focus-yellow: var(--wbam-shadow-focus-yellow, rgba(255, 193, 7, 0.3));
	--wbam-shadow-focus-purple: var(--wbam-shadow-focus-purple, rgba(111, 66, 193, 0.3));
	--wbam-shadow-amber-light: var(--wbam-border-amber-light, rgba(245, 158, 11, 0.2));
	--wbam-shadow-amber: rgba(245, 158, 11, 0.25);
	--wbam-shadow-cyan-deep: var(--wbam-shadow-cyan-deep, rgba(8, 145, 178, 0.15));
	--wbam-shadow-base: var(--wbam-shadow-base, rgba(0, 0, 0, 0.1));
	--wbam-shadow-medium: var(--wbam-shadow-medium, rgba(0, 0, 0, 0.15));
	--wbam-shadow-heavy: var(--wbam-shadow-heavy, rgba(0, 0, 0, 0.2));
	
	/* Border Colors with Alpha */
	--wbam-border-amber-alpha: var(--wbam-border-amber-alpha, rgba(245, 158, 11, 0.3));
	--wbam-border-amber-light: var(--wbam-border-amber-light, rgba(245, 158, 11, 0.2));
	
	/* Special Colors */
	--wbam-black: var(--wbam-black, #000);
}

/* ==========================================================================
   Dark Mode Variables with Theme Fallback Chain
   ========================================================================== */

html.dark-mode,
body.dark-scheme,
[data-theme="dark"],
.theme-dark {
	/* Background Colors */
	--wbam-bg-white: var(--color-theme-white-box, var(--reign-site-sections-bg-color, #1a1a1a));
	--wbam-bg-light: var(--global-body-lightcolor, var(--reign-site-secondary-bg-color, rgba(255, 255, 255, 0.05)));
	--wbam-bg-lighter: var(--global-body-lightcolor, var(--reign-site-secondary-bg-color, #2a2a2a));
	--wbam-bg-gray-50: var(--global-body-lightcolor, var(--reign-site-secondary-bg-color, rgba(255, 255, 255, 0.03)));
	--wbam-bg-gray-100: var(--global-body-lightcolor, var(--reign-site-secondary-bg-color, #2a2a2a));
	--wbam-bg-gray-200: var(--global-body-lightcolor, var(--reign-site-secondary-bg-color, rgba(255, 255, 255, 0.08)));
	--wbam-bg-slate-50: var(--global-body-lightcolor, var(--reign-site-secondary-bg-color, rgba(255, 255, 255, 0.03)));
	--wbam-bg-slate-100: var(--global-body-lightcolor, var(--reign-site-secondary-bg-color, rgba(255, 255, 255, 0.05)));
	--wbam-bg-dark: var(--color-theme-white-box, var(--reign-site-sections-bg-color, #0f0f0f));
	
	/* Text Colors */
	--wbam-text-primary: var(--global-font-color, var(--reign-site-body-text-color, var(--wbam-border-light, #e0e0e0)));
	--wbam-text-secondary: var(--color-meta, var(--reign-site-alternate-text-color, #b0b0b0));
	--wbam-text-muted: var(--color-meta, var(--reign-site-alternate-text-color, #999));
	--wbam-text-light: var(--color-meta, var(--reign-site-alternate-text-color, #888));
	--wbam-text-white: var(--global-title-color, var(--reign-site-headings-color, #fff));
	--wbam-text-dark: var(--global-font-color, var(--reign-site-body-text-color, var(--wbam-border-light, #e0e0e0)));
	
	/* Border Colors */
	--wbam-border: var(--global-border-color, var(--reign-site-border-color, #444));
	--wbam-border-light: var(--global-border-color, var(--reign-site-border-color, #555));
	--wbam-border-medium: var(--global-border-color, var(--reign-site-border-color, #3a3a3a));
	--wbam-border-dark: var(--global-border-color, var(--reign-site-border-color, #333));
	
	/* Primary/Action Colors */
	--wbam-primary: var(--color-theme-primary, var(--reign-colors-theme, #2271b1));
	--wbam-primary-hover: var(--color-theme-primary, var(--reign-colors-theme, #135e96));
	--wbam-primary-light: var(--global-body-lightcolor, var(--reign-site-secondary-bg-color, rgba(34, 113, 177, 0.1)));
	
	/* Success Colors */
	--wbam-success: var(--color-theme-secondary, var(--reign-colors-primary, #00a32a));
	--wbam-success-hover: var(--color-theme-secondary, var(--reign-colors-primary, #008a20));
	--wbam-success-bg: var(--color-theme-white-box, var(--reign-site-sections-bg-color, rgba(0, 163, 42, 0.1)));
	--wbam-success-text: var(--color-theme-secondary, var(--reign-colors-primary, #22c55e));
	
	/* Warning Colors */
	--wbam-warning: var(--color-theme-secondary, var(--reign-colors-primary, #eab308));
	--wbam-warning-hover: var(--color-theme-secondary, var(--reign-colors-primary, #ca8a04));
	--wbam-warning-bg: var(--color-theme-white-box, var(--reign-site-sections-bg-color, rgba(234, 179, 8, 0.1)));
	--wbam-warning-text: var(--color-theme-secondary, var(--reign-colors-primary, #facc15));
	
	/* Danger/Error Colors */
	--wbam-danger: var(--color-theme-primary, var(--reign-colors-theme, #ef4444));
	--wbam-danger-hover: var(--color-theme-primary, var(--reign-colors-theme, var(--wbam-danger, #dc2626)));
	--wbam-danger-bg: var(--color-theme-white-box, var(--reign-site-sections-bg-color, rgba(239, 68, 68, 0.1)));
	--wbam-danger-text: var(--color-theme-primary, var(--reign-colors-theme, #f87171));
	
	/* Info Colors */
	--wbam-info: var(--color-theme-secondary, var(--reign-colors-primary, #3b82f6));
	--wbam-info-hover: var(--color-theme-secondary, var(--reign-colors-primary, var(--wbam-blue-500, #2563eb)));
	--wbam-info-bg: var(--color-theme-white-box, var(--reign-site-sections-bg-color, var(--wbam-shadow-focus-cyan, rgba(59, 130, 246, 0.1))));
	--wbam-info-text: var(--color-theme-secondary, var(--reign-colors-primary, #60a5fa));
	
	/* Status Badge Colors */
	--wbam-status-active-bg: var(--color-theme-white-box, var(--reign-site-sections-bg-color, rgba(34, 197, 94, 0.1)));
	--wbam-status-active-text: var(--color-theme-secondary, var(--reign-colors-primary, var(--wbam-green-400, #4ade80)));
	--wbam-status-pending-bg: var(--color-theme-white-box, var(--reign-site-sections-bg-color, rgba(234, 179, 8, 0.1)));
	--wbam-status-pending-text: var(--color-theme-secondary, var(--reign-colors-primary, #facc15));
	--wbam-status-sold-bg: var(--color-theme-white-box, var(--reign-site-sections-bg-color, var(--wbam-shadow-focus-cyan, rgba(59, 130, 246, 0.1))));
	--wbam-status-sold-text: var(--color-theme-secondary, var(--reign-colors-primary, #60a5fa));
	--wbam-status-expired-bg: var(--color-theme-white-box, var(--reign-site-sections-bg-color, rgba(239, 68, 68, 0.1)));
	--wbam-status-expired-text: var(--color-theme-primary, var(--reign-colors-theme, #f87171));
	
	/* Shadows - darker and more pronounced for dark mode */
	--wbam-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
	--wbam-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.4);
	--wbam-shadow-lg: 0 4px 12px var(--wbam-overlay-darker, rgba(0, 0, 0, 0.5));
	
	/* Teal/Cyan Colors - Dark Mode */
	--wbam-teal-50: rgba(13, 148, 136, 0.1);
	--wbam-teal-100: rgba(13, 148, 136, 0.15);
	--wbam-teal-200: rgba(13, 148, 136, 0.2);
	--wbam-teal-600: #14b8a6;
	--wbam-teal-700: var(--wbam-teal-600, #0d9488);
	--wbam-cyan-600: #06b6d4;
	--wbam-cyan-700: var(--wbam-cyan-600, #0891b2);
	--wbam-cyan-800: var(--wbam-cyan-700, #0e7490);
	--wbam-cyan-900: #164e63;
	
	/* Green Colors - Dark Mode */
	--wbam-green-50: rgba(34, 197, 94, 0.1);
	--wbam-green-100: rgba(34, 197, 94, 0.15);
	--wbam-green-200: rgba(34, 197, 94, 0.2);
	--wbam-green-400: var(--wbam-green-400, #4ade80);
	--wbam-green-500: #22c55e;
	--wbam-green-600: var(--wbam-green-800, #16a34a);
	--wbam-green-700: #15803d;
	--wbam-green-800: #166534;
	
	/* Amber/Yellow Colors - Dark Mode */
	--wbam-amber-50: rgba(245, 158, 11, 0.1);
	--wbam-amber-100: rgba(245, 158, 11, 0.15);
	--wbam-amber-200: rgba(251, 191, 36, 0.2);
	--wbam-amber-300: rgba(252, 211, 77, 0.3);
	--wbam-amber-400: var(--wbam-amber-400, #fbbf24);
	--wbam-amber-500: var(--wbam-amber-500, #f59e0b);
	--wbam-amber-600: var(--wbam-amber-600, #d97706);
	--wbam-amber-700: #b45309;
	--wbam-amber-800: var(--wbam-amber-800, #92400e);
	--wbam-amber-900: var(--wbam-amber-900, #78350f);
	--wbam-yellow-200: var(--wbam-yellow-200, #fde047);
	--wbam-yellow-100: rgba(253, 224, 71, 0.15);
	
	/* Blue Colors - Dark Mode */
	--wbam-blue-500: #3b82f6;
	--wbam-blue-700: var(--wbam-blue-500, #2563eb);
	--wbam-facebook: var(--wbam-facebook, #1877f2);
	--wbam-twitter: var(--wbam-twitter, #1da1f2);
	
	/* Red/Danger Colors - Dark Mode */
	--wbam-red-600: var(--wbam-danger, #dc2626);
	--wbam-red-700: var(--wbam-red-700, #b91c1c);
	--wbam-red-200: rgba(220, 38, 38, 0.2);
	
	/* Purple Colors - Dark Mode */
	--wbam-purple-600: #9333ea;
	
	/* Gray/Slate Colors - Dark Mode */
	--wbam-gray-200: rgba(255, 255, 255, 0.1);
	--wbam-gray-300: rgba(255, 255, 255, 0.15);
	--wbam-gray-400: rgba(255, 255, 255, 0.2);
	--wbam-slate-200: rgba(255, 255, 255, 0.1);
	
	/* Overlay Colors - Dark Mode */
	--wbam-overlay-dark: rgba(0, 0, 0, 0.8);
	--wbam-overlay-darker: rgba(0, 0, 0, 0.9);
	--wbam-overlay-light: rgba(255, 255, 255, 0.1);
	--wbam-overlay-lighter: rgba(255, 255, 255, 0.15);
	--wbam-overlay-lightest: rgba(255, 255, 255, 0.2);
	--wbam-overlay-white-90: rgba(255, 255, 255, 0.25);
	
	/* Shadow Colors - Dark Mode */
	--wbam-shadow-focus-cyan: var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.3));
	--wbam-shadow-focus-yellow: rgba(255, 193, 7, 0.4);
	--wbam-shadow-focus-purple: rgba(147, 51, 234, 0.4);
	--wbam-shadow-amber-light: var(--wbam-border-amber-alpha, rgba(245, 158, 11, 0.3));
	--wbam-shadow-amber: rgba(245, 158, 11, 0.35);
	--wbam-shadow-cyan-deep: var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.25));
	--wbam-shadow-base: rgba(0, 0, 0, 0.3);
	--wbam-shadow-medium: rgba(0, 0, 0, 0.4);
	--wbam-shadow-heavy: var(--wbam-overlay-darker, rgba(0, 0, 0, 0.5));
	
	/* Border Colors with Alpha - Dark Mode */
	--wbam-border-amber-alpha: rgba(245, 158, 11, 0.4);
	--wbam-border-amber-light: var(--wbam-border-amber-alpha, rgba(245, 158, 11, 0.3));
	
	/* Special Colors - Dark Mode */
	--wbam-black: #fff;
}

/* ==========================================================================
   Form Styles
   ========================================================================== */
.wbam-classified-form-wrap {
	max-width: 800px;
	margin: 0 auto;
	padding: 24px;
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-border, #e5e5e5);
	border-radius: 8px;
}

.wbam-classified-form-wrap h3 {
	margin: 0 0 24px;
	font-size: 24px;
	font-weight: 600;
}

.wbam-classified-form-wrap h4 {
	margin: 24px 0 16px;
	padding-top: 24px;
	border-top: 1px solid var(--wbam-border-light, #e0e0e0);
	font-size: 18px;
	font-weight: 600;
}

/* Form Row Styles */
.wbam-classified-form-wrap .wbam-form-row {
	display: block;
	margin-bottom: 20px;
}

.wbam-classified-form-wrap .wbam-form-row label {
	display: block;
	margin-bottom: 6px;
	font-weight: 500;
	color: var(--wbam-text-primary, #1d2327);
	font-size: 14px;
}

.wbam-classified-form-wrap .wbam-form-row label .required {
	color: var(--wbam-danger, #d63638);
	margin-left: 2px;
}

/* Location field - select + text input spacing */
.wbam-classified-form-wrap .wbam-form-row select + input[type="text"] {
	margin-top: 10px;
}

/* Form Inputs */
.wbam-classified-form-wrap input[type="text"],
.wbam-classified-form-wrap input[type="email"],
.wbam-classified-form-wrap input[type="url"],
.wbam-classified-form-wrap input[type="number"],
.wbam-classified-form-wrap input[type="tel"],
.wbam-classified-form-wrap textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--wbam-border, #e5e5e5);
	border-radius: 4px;
	font-size: 14px;
	background: var(--wbam-bg-white, #fff);
	transition: border-color 0.2s ease;
	box-sizing: border-box;
}

.wbam-classified-form-wrap input[type="text"]:focus,
.wbam-classified-form-wrap input[type="email"]:focus,
.wbam-classified-form-wrap input[type="url"]:focus,
.wbam-classified-form-wrap input[type="number"]:focus,
.wbam-classified-form-wrap input[type="tel"]:focus,
.wbam-classified-form-wrap textarea:focus {
	outline: none;
	border-color: var(--wbam-primary, #2271b1);
	box-shadow: 0 0 0 1px var(--wbam-primary, #2271b1);
}

.wbam-classified-form-wrap textarea {
	resize: vertical;
	min-height: 120px;
}

/* Select Inputs */
.wbam-classified-form-wrap select {
	width: 100%;
	padding: 10px 36px 10px 12px;
	border: 1px solid var(--wbam-border, #e5e5e5);
	border-radius: 4px;
	font-size: 14px;
	background-color: var(--wbam-bg-white, #fff);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: border-color 0.2s ease;
	line-height: 1.5;
	min-height: 42px;
	box-sizing: border-box;
}

.wbam-classified-form-wrap select:focus {
	outline: none;
	border-color: var(--wbam-primary, #2271b1);
	box-shadow: 0 0 0 1px var(--wbam-primary, #2271b1);
}

/* Inline Form Rows (side by side) */
.wbam-classified-form-wrap .wbam-form-row-inline {
	display: flex;
	gap: 20px;
}

.wbam-classified-form-wrap .wbam-form-row-inline > div,
.wbam-classified-form-wrap .wbam-form-row-inline .wbam-form-col {
	flex: 1;
}

/* Form Actions (Submit buttons) */
.wbam-classified-form-wrap .wbam-form-actions {
	display: flex;
	gap: 12px;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--wbam-border, #e5e5e5);
}

/* Responsive: Stack inline rows on mobile */
@media (max-width: 768px) {
	.wbam-classified-form-wrap .wbam-form-row-inline {
		flex-direction: column;
		gap: 0;
	}
}

/* Image Upload */
.wbam-image-upload-wrap {
	margin-top: 8px;
}

.wbam-image-preview {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 12px;
}

.wbam-image-item {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid var(--wbam-border-medium, #ddd);
	border-radius: 4px;
	overflow: hidden;
}

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

.wbam-image-item .wbam-remove-image {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: var(--wbam-overlay-dark, rgba(0, 0, 0, 0.6));
	color: var(--wbam-text-white, #fff);
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s;
}

.wbam-image-item:hover .wbam-remove-image {
	opacity: 1;
}

/* Listing Types */
.wbam-listing-types {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.wbam-listing-type-option {
	flex: 1;
	min-width: 180px;
	padding: 16px;
	border: 2px solid var(--wbam-border-light, #e0e0e0);
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s;
}

.wbam-listing-type-option:hover {
	border-color: var(--wbam-info, #0073aa);
}

.wbam-listing-type-option.selected {
	border-color: var(--wbam-info, #0073aa);
	background: var(--wbam-primary-light, #f0f7fc);
}

.wbam-listing-type-option input {
	display: none;
}

.wbam-listing-type-label {
	display: block;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 4px;
}

.wbam-listing-type-desc {
	display: block;
	font-size: 13px;
	color: var(--wbam-text-secondary, #666);
}

.wbam-listing-type-price {
	display: block;
	margin-top: 8px;
	font-weight: 600;
	color: var(--wbam-info, #0073aa);
}

/* My Classifieds Table */
.wbam-my-classifieds .wbam-table {
	width: 100%;
	border-collapse: collapse;
}

.wbam-my-classifieds .wbam-table th,
.wbam-my-classifieds .wbam-table td {
	padding: 12px;
	text-align: left;
	border-bottom: 1px solid var(--wbam-border-light, #e0e0e0);
}

.wbam-my-classifieds .wbam-table th {
	background: var(--wbam-bg-light, #f8f9fa);
	font-weight: 600;
}

.wbam-my-classifieds .wbam-col-image {
	width: 80px;
}

.wbam-my-classifieds .wbam-col-image img {
	border-radius: 4px;
}

.wbam-my-classifieds .wbam-no-image {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: var(--wbam-bg-gray-100, var(--wbam-border, #f0f0f0));
	border-radius: 4px;
	font-size: 10px;
	color: var(--wbam-text-light, #999);
}

.wbam-my-classifieds .wbam-col-actions {
	white-space: nowrap;
}

.wbam-my-classifieds .wbam-col-actions .wbam-btn {
	margin-right: 4px;
	margin-bottom: 4px;
}

.wbam-my-classifieds .wbam-expired {
	color: var(--wbam-danger, #dc3545);
	font-weight: 500;
}

/* Status Badges */
.wbam-status {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}

.wbam-status-pending {
	background: var(--wbam-status-pending-bg, var(--wbam-warning-bg, #fff3cd));
	color: var(--wbam-status-pending-text, #856404);
}

.wbam-status-active {
	background: var(--wbam-status-active-bg, #d4edda);
	color: var(--wbam-status-active-text, #155724);
}

.wbam-status-sold {
	background: var(--wbam-status-sold-bg, #cce5ff);
	color: var(--wbam-status-sold-text, #004085);
}

.wbam-status-expired {
	background: var(--wbam-status-expired-bg, #f8d7da);
	color: var(--wbam-status-expired-text, #721c24);
}

.wbam-status-rejected {
	background: var(--wbam-danger-bg, #f8d7da);
	color: var(--wbam-danger-text, #721c24);
}

.wbam-status-draft {
	background: var(--wbam-bg-gray-200, #e2e3e5);
	color: var(--wbam-text-dark, #383d41);
}

/* Browse Classifieds */
.wbam-browse-classifieds {
	max-width: 1200px;
	margin: 0 auto;
}

.wbam-classified-search-bar {
	margin-bottom: 24px;
}

.wbam-search-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Search Row - Main Row */
.wbam-search-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 12px;
}

.wbam-search-main {
	background: var(--wbam-bg-slate-50, #f8fafc);
	padding: 16px;
	border-radius: 12px;
	border: 1px solid var(--wbam-bg-gray-200, var(--wbam-slate-200, #e2e8f0));
}

/* Search Fields */
.wbam-search-field {
	position: relative;
	display: flex;
	align-items: center;
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 8px;
	overflow: hidden;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.wbam-search-field:focus-within {
	border-color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	box-shadow: 0 0 0 3px var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.1));
}

.wbam-field-icon {
	padding: 0 12px;
	color: var(--wbam-text-secondary, #64748b);
	font-size: 18px;
}

.wbam-search-field input[type="text"],
.wbam-search-field select {
	flex: 1;
	min-width: 0;
	padding: 12px 16px 12px 0;
	border: none;
	background: transparent;
	font-size: 15px;
	color: var(--wbam-text-primary, #1e293b);
	outline: none;
}

.wbam-search-field select {
	padding-right: 32px;
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
}

.wbam-search-keyword {
	flex: 2;
	min-width: 200px;
}

.wbam-search-category,
.wbam-search-location {
	flex: 1;
	min-width: 150px;
}

/* Search Buttons */
.wbam-search-submit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	font-weight: 600;
}

.wbam-toggle-filters {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	background: transparent;
	border: none;
	color: var(--wbam-text-secondary, #64748b);
	font-weight: 500;
	cursor: pointer;
	transition: color 0.2s;
}

.wbam-toggle-filters:hover {
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
}

.wbam-toggle-filters .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
}

/* Advanced Filters Row */
.wbam-search-filters {
	background: var(--wbam-bg-white, #fff);
	padding: 20px;
	border-radius: 12px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	flex-wrap: wrap;
}

.wbam-filter-group {
	flex: 1;
	min-width: 180px;
}

.wbam-filter-group > label {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 600;
	color: var(--wbam-text-secondary, #475569);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.wbam-filter-group select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 6px;
	font-size: 14px;
	color: var(--wbam-text-primary, #1e293b);
	background: var(--wbam-bg-white, #fff);
	cursor: pointer;
}

/* Price Range */
.wbam-price-range {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wbam-price-input {
	flex: 1;
	display: flex;
	align-items: center;
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 6px;
	overflow: hidden;
}

.wbam-price-input .wbam-currency {
	padding: 10px 8px 10px 12px;
	color: var(--wbam-text-secondary, #64748b);
	font-size: 14px;
}

.wbam-price-input input {
	flex: 1;
	min-width: 0;
	padding: 10px 12px 10px 0;
	border: none;
	background: transparent;
	font-size: 14px;
	outline: none;
}

.wbam-range-sep {
	color: var(--wbam-text-light, #94a3b8);
	font-weight: 500;
}

/* Checkbox Group */
.wbam-checkbox-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
}

.wbam-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-size: 14px;
	color: var(--wbam-text-secondary, #475569);
}

.wbam-checkbox input[type="checkbox"] {
	width: 16px;
	height: 16px;
	border: 2px solid var(--wbam-border-dark, var(--wbam-gray-300, #cbd5e1));
	border-radius: 4px;
	cursor: pointer;
	accent-color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
}

.wbam-filter-checkboxes {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Filter Actions */
.wbam-filter-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
	padding-top: 24px;
}

.wbam-btn-link {
	background: transparent;
	border: none;
	color: var(--wbam-text-secondary, #64748b);
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}

.wbam-btn-link:hover {
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	text-decoration: underline;
}

/* Responsive Search Form */
@media (max-width: 768px) {
	.wbam-search-main {
		padding: 12px;
	}

	.wbam-search-row {
		flex-direction: column;
	}

	.wbam-search-keyword,
	.wbam-search-category,
	.wbam-search-location {
		flex: none;
		width: 100%;
	}

	.wbam-search-submit {
		width: 100%;
		justify-content: center;
	}

	.wbam-toggle-filters {
		width: 100%;
		justify-content: center;
		padding: 12px;
		background: var(--wbam-bg-slate-100, #f1f5f9);
		border-radius: 8px;
	}

	.wbam-filter-group {
		width: 100%;
	}

	.wbam-filter-actions {
		width: 100%;
		flex-direction: column;
		padding-top: 16px;
	}

	.wbam-filter-actions .wbam-btn {
		width: 100%;
	}
}

.wbam-classified-layout {
	display: flex;
	gap: 32px;
}

.wbam-classified-main {
	flex: 1;
	min-width: 0;
}

.wbam-classified-sidebar {
	width: 280px;
	flex-shrink: 0;
}

/* Grid Layout */
.wbam-classified-grid {
	display: grid;
	gap: 24px;
}

.wbam-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.wbam-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.wbam-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

/* Card Styles */
.wbam-classified-card {
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-border-light, #e0e0e0);
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.2s, transform 0.2s;
}

.wbam-classified-card:hover {
	box-shadow: 0 4px 12px var(--wbam-shadow-base, rgba(0, 0, 0, 0.1));
	transform: translateY(-2px);
}

.wbam-classified-card.wbam-featured {
	border-color: var(--wbam-warning, #ffc107);
	box-shadow: 0 0 0 2px var(--wbam-shadow-focus-yellow, rgba(255, 193, 7, 0.3));
}

.wbam-classified-card.wbam-premium {
	border-color: var(--wbam-purple-600, #6f42c1);
	box-shadow: 0 0 0 2px var(--wbam-shadow-focus-purple, rgba(111, 66, 193, 0.3));
}

.wbam-classified-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.wbam-classified-image {
	position: relative;
	height: 180px;
	background: var(--wbam-bg-light, #f8f9fa);
}

.wbam-classified-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wbam-no-image-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--wbam-bg-gray-100, #f0f0f0) 0%, var(--wbam-border-light, #e0e0e0) 100%);
}

.wbam-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.wbam-badge-featured {
	background: var(--wbam-warning, #ffc107);
	color: var(--wbam-text-dark, #000);
}

.wbam-badge-premium {
	background: var(--wbam-purple-600, #6f42c1);
	color: var(--wbam-text-white, #fff);
}

.wbam-classified-info {
	padding: 16px;
}

.wbam-classified-title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wbam-classified-price {
	font-size: 18px;
	font-weight: 700;
	color: var(--wbam-primary, #0073aa);
	margin-bottom: 8px;
}

.wbam-classified-location {
	font-size: 13px;
	color: var(--wbam-text-secondary, #666);
	margin-bottom: 8px;
}

.wbam-classified-meta {
	font-size: 12px;
	color: var(--wbam-text-light, #999);
}

/* Sidebar Widgets */
.wbam-sidebar-widget {
	margin-bottom: 24px;
	padding: 16px;
	background: var(--wbam-bg-light, #f8f9fa);
	border-radius: 8px;
}

.wbam-sidebar-widget h4 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 600;
}

.wbam-sidebar-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wbam-sidebar-list li {
	padding: 8px 0;
	border-bottom: 1px solid var(--wbam-border-light, #e0e0e0);
}

.wbam-sidebar-list li:last-child {
	border-bottom: none;
}

.wbam-sidebar-list a {
	display: flex;
	justify-content: space-between;
	text-decoration: none;
	color: var(--wbam-text-dark, #333);
}

.wbam-sidebar-list a:hover {
	color: var(--wbam-primary, #0073aa);
}

.wbam-sidebar-list .wbam-price {
	font-weight: 600;
	color: var(--wbam-primary, #0073aa);
}

.wbam-category-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wbam-category-list li {
	padding: 6px 0;
}

.wbam-category-list a {
	display: flex;
	justify-content: space-between;
	text-decoration: none;
	color: var(--wbam-text-dark, #333);
}

.wbam-category-list a:hover {
	color: var(--wbam-primary, #0073aa);
}

.wbam-category-list .wbam-count {
	color: var(--wbam-text-light, #999);
	font-size: 12px;
}

/* Search Form Widget */
.wbam-classified-search-form .wbam-search-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.wbam-classified-search-form input,
.wbam-classified-search-form select {
	flex: 1;
	min-width: 150px;
	padding: 10px 12px;
	border: 1px solid var(--wbam-border-medium, #ddd);
	border-radius: 4px;
}

/* Inquiry Form */
.wbam-inquiry-form {
	background: var(--wbam-bg-light, #f8f9fa);
	padding: 20px;
	border-radius: 8px;
	margin-top: 24px;
}

.wbam-inquiry-form h4 {
	margin: 0 0 16px;
	font-size: 18px;
}

.wbam-inquiry-form .wbam-form-row {
	margin-bottom: 12px;
}

.wbam-inquiry-form input,
.wbam-inquiry-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--wbam-border-medium, #ddd);
	border-radius: 4px;
}

.wbam-inquiry-form textarea {
	min-height: 100px;
	resize: vertical;
}

/* Single Classified Page */
.wbam-single-classified {
	max-width: 1000px;
	margin: 0 auto;
}

.wbam-classified-gallery {
	margin-bottom: 24px;
}

.wbam-gallery-main {
	margin-bottom: 12px;
	border-radius: 8px;
	overflow: hidden;
}

.wbam-gallery-main img {
	width: 100%;
	max-height: 500px;
	object-fit: contain;
	background: var(--wbam-bg-light, #f8f9fa);
}

.wbam-gallery-thumbs {
	display: flex;
	gap: 8px;
	overflow-x: auto;
}

.wbam-gallery-thumb {
	width: 80px;
	height: 80px;
	border: 2px solid transparent;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	flex-shrink: 0;
}

.wbam-gallery-thumb.active {
	border-color: var(--wbam-primary, #0073aa);
}

.wbam-gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wbam-classified-details {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 32px;
}

.wbam-classified-content h1 {
	margin: 0 0 16px;
	font-size: 28px;
}

.wbam-classified-price-large {
	font-size: 32px;
	font-weight: 700;
	color: var(--wbam-primary, #0073aa);
	margin-bottom: 16px;
}

.wbam-classified-meta-list {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
}

.wbam-classified-meta-list li {
	display: flex;
	padding: 8px 0;
	border-bottom: 1px solid var(--wbam-border-light, #e0e0e0);
}

.wbam-classified-meta-list li strong {
	width: 120px;
	flex-shrink: 0;
}

.wbam-classified-description {
	line-height: 1.7;
}

.wbam-classified-contact {
	background: var(--wbam-bg-light, #f8f9fa);
	padding: 20px;
	border-radius: 8px;
}

.wbam-classified-contact h3 {
	margin: 0 0 16px;
	font-size: 18px;
}

.wbam-seller-info {
	margin-bottom: 20px;
}

.wbam-seller-info p {
	margin: 8px 0;
}

/* Pagination */
.wbam-pagination {
	margin-top: 24px;
	text-align: center;
}

.wbam-pagination .page-numbers {
	display: inline-block;
	padding: 8px 12px;
	margin: 0 4px;
	border: 1px solid var(--wbam-border-medium, #ddd);
	border-radius: 4px;
	text-decoration: none;
	color: var(--wbam-text-dark, #333);
}

.wbam-pagination .page-numbers.current {
	background: var(--wbam-primary, #0073aa);
	border-color: var(--wbam-primary, #0073aa);
	color: var(--wbam-text-white, #fff);
}

.wbam-pagination .page-numbers:hover:not(.current) {
	background: var(--wbam-bg-gray-100, var(--wbam-border, #f0f0f0));
}

/* ==========================================================================
   Single Classified Page
   ========================================================================== */

.wbam-classified-single {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 32px;
}

.wbam-classified-single.wbam-featured {
	border: 2px solid var(--wbam-warning, var(--wbam-amber-400, #fbbf24));
	border-radius: 16px;
	padding: 24px;
	background: linear-gradient(135deg, var(--wbam-amber-50, #fffbeb) 0%, var(--wbam-amber-100, #fef3c7) 100%);
}

.wbam-featured-badge {
	grid-column: 1 / -1;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: linear-gradient(135deg, var(--wbam-amber-400, #fbbf24) 0%, var(--wbam-amber-500, #f59e0b) 100%);
	color: var(--wbam-text-dark, #000);
	font-weight: 600;
	font-size: 14px;
	border-radius: 8px;
	margin-bottom: 16px;
	width: fit-content;
}

.wbam-featured-badge .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
}

.wbam-classified-main {
	min-width: 0;
}

/* Gallery */
.wbam-classified-gallery {
	margin-bottom: 24px;
}

.wbam-gallery-main {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	background: var(--wbam-bg-slate-100, #f1f5f9);
	margin-bottom: 12px;
}

.wbam-gallery-main img {
	width: 100%;
	height: 450px;
	object-fit: contain;
	background: var(--wbam-bg-white, #fff);
}

.wbam-gallery-thumbs {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding-bottom: 8px;
}

.wbam-thumb {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	background: none;
}

.wbam-thumb.active {
	border-color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
}

.wbam-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wbam-classified-gallery .wbam-no-image {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 300px;
	background: linear-gradient(135deg, var(--wbam-bg-slate-100, #f1f5f9) 0%, var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0)) 100%);
	border-radius: 12px;
	color: var(--wbam-text-light, #94a3b8);
}

.wbam-classified-gallery .wbam-no-image .dashicons {
	font-size: 64px;
	width: 64px;
	height: 64px;
	margin-bottom: 12px;
}

/* Details */
.wbam-classified-details {
	background: var(--wbam-bg-white, #fff);
	border-radius: 12px;
	padding: 24px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
}

.wbam-classified-header {
	margin-bottom: 20px;
}

.wbam-classified-single .wbam-classified-title {
	margin: 0 0 12px;
	font-size: 28px;
	font-weight: 700;
	color: var(--wbam-text-primary, #1e293b);
	line-height: 1.3;
}

.wbam-classified-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	color: var(--wbam-text-secondary, #64748b);
	font-size: 14px;
}

.wbam-classified-meta span {
	display: flex;
	align-items: center;
	gap: 4px;
}

.wbam-classified-meta .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: var(--wbam-text-light, #94a3b8);
}

.wbam-classified-price-box {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px;
	background: linear-gradient(135deg, var(--wbam-teal-50, #f0fdfa) 0%, var(--wbam-teal-100, #ccfbf1) 100%);
	border-radius: 12px;
	margin-bottom: 24px;
}

.wbam-classified-price-box .wbam-price {
	font-size: 32px;
	font-weight: 700;
	color: var(--wbam-teal-600, #0d9488);
}

.wbam-classified-price-box .wbam-price-type {
	padding: 4px 10px;
	background: var(--wbam-bg-white, #fff);
	border-radius: 6px;
	font-size: 13px;
	color: var(--wbam-teal-700, #0f766e);
}

.wbam-classified-price-box .wbam-price-contact {
	font-size: 20px;
	color: var(--wbam-teal-700, #0f766e);
}

.wbam-sold-badge {
	padding: 6px 14px;
	background: var(--wbam-danger, #dc2626);
	color: var(--wbam-text-white, #fff);
	font-weight: 700;
	font-size: 14px;
	border-radius: 6px;
}

.wbam-classified-description {
	margin-bottom: 24px;
}

.wbam-classified-description h3 {
	margin: 0 0 12px;
	font-size: 18px;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-classified-description p {
	color: var(--wbam-text-secondary, #475569);
	line-height: 1.7;
}

.wbam-classified-attributes {
	margin-bottom: 24px;
}

.wbam-classified-attributes h3 {
	margin: 0 0 12px;
	font-size: 18px;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-attributes-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin: 0;
}

.wbam-attributes-list dt {
	font-weight: 500;
	color: var(--wbam-text-secondary, #64748b);
	margin: 0;
}

.wbam-attributes-list dd {
	margin: 0;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-classified-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
}

.wbam-classified-categories .dashicons {
	color: var(--wbam-text-light, #94a3b8);
}

.wbam-category-link {
	padding: 4px 12px;
	background: var(--wbam-bg-slate-100, #f1f5f9);
	border-radius: 20px;
	font-size: 13px;
	color: var(--wbam-text-secondary, #475569);
	text-decoration: none;
}

.wbam-category-link:hover {
	background: var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-classified-share {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-top: 20px;
	border-top: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
}

.wbam-share-label {
	color: var(--wbam-text-secondary, #64748b);
	font-size: 14px;
}

.wbam-share-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--wbam-bg-slate-100, #f1f5f9);
	color: var(--wbam-text-secondary, #64748b);
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: all 0.2s;
}

.wbam-share-btn:hover {
	background: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	color: var(--wbam-text-white, #fff);
}

.wbam-share-facebook:hover {
	background: var(--wbam-facebook, #1877f2);
}

.wbam-share-twitter:hover {
	background: var(--wbam-twitter, #1da1f2);
}

/* Sidebar */
.wbam-classified-sidebar {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.wbam-seller-card,
.wbam-contact-card,
.wbam-safety-tips {
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 12px;
	padding: 20px;
}

.wbam-seller-card h3,
.wbam-contact-card h3 {
	margin: 0 0 16px;
	font-size: 16px;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-seller-info {
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
}

.wbam-seller-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
}

.wbam-seller-details {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wbam-seller-name {
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
	font-size: 16px;
}

.wbam-seller-since {
	font-size: 13px;
	color: var(--wbam-text-secondary, #64748b);
}

.wbam-btn-block {
	display: flex;
	width: 100%;
	justify-content: center;
}

.wbam-btn-outline {
	background: transparent;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	color: var(--wbam-text-secondary, #475569);
}

.wbam-btn-outline:hover {
	background: var(--wbam-bg-slate-50, #f8fafc);
	border-color: var(--wbam-border-dark, var(--wbam-gray-300, #cbd5e1));
}

.wbam-safety-tips h4 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	font-size: 14px;
	color: var(--wbam-warning, var(--wbam-amber-500, #f59e0b));
}

.wbam-safety-tips ul {
	margin: 0;
	padding-left: 20px;
	font-size: 13px;
	color: var(--wbam-text-secondary, #64748b);
}

.wbam-safety-tips li {
	margin-bottom: 6px;
}

.wbam-report-listing {
	text-align: center;
}



.wbam-report-btn .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

/* Related Listings */
.wbam-related-listings {
	max-width: 1200px;
	margin: 40px auto 0;
	padding: 0 20px;
}

.wbam-related-listings h3 {
	margin: 0 0 20px;
	font-size: 20px;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-classifieds-small .wbam-classified-card {
	box-shadow: none;
}

/* ==========================================================================
   Archive/Browse Page Cards
   ========================================================================== */

.wbam-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.wbam-card-content {
	padding: 16px;
}

.wbam-card-content .wbam-card-title {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wbam-card-content .wbam-card-price {
	font-size: 18px;
	font-weight: 700;
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	margin-bottom: 8px;
}

.wbam-card-content .wbam-price-type {
	font-size: 12px;
	font-weight: 400;
	color: var(--wbam-text-secondary, #64748b);
	margin-left: 4px;
}

.wbam-card-content .wbam-card-meta {
	font-size: 12px;
}

.wbam-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-right: 12px;
	color: var(--wbam-text-secondary, #64748b);
}

.wbam-meta-item .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

.wbam-image-count {
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	background: var(--wbam-overlay-dark, rgba(0, 0, 0, 0.6));
	color: var(--wbam-text-white, #fff);
	font-size: 12px;
	border-radius: 4px;
}

.wbam-image-count .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

.wbam-favorite-btn {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	color: #94a3b8;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	z-index: 10;
}

.wbam-favorite-btn:hover {
	background:#fff;
	color:#ef4444;
}

.wbam-favorite-btn.active {
	background:#ef4444;
	color:#fff;
}

.wbam-favorite-btn.wbam-loading {
	opacity: 0.6;
	pointer-events: none;
}

.wbam-favorite-btn.wbam-loading .dashicons {
	animation: wbam-spin 1s linear infinite;
}

/* Spinning Animation */
@keyframes wbam-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* Single page favorite button */
.wbam-btn-favorite {
	background:#f8fafc;
	color:#64748b;
	border: 1px solid #e2e8f0;
}

.wbam-btn-favorite:hover {
	background:#fef2f2;
	color:#ef4444;
	border-color:#fecaca;
}

.wbam-btn-favorite.active {
	background:#ef4444;
	color:#fff;
	border-color:#ef4444;
}

.wbam-btn-favorite.active:hover {
	background:#dc2626;
	border-color:#dc2626;
}

.wbam-btn-favorite .dashicons {
	margin-right: 4px;
}

.wbam-btn-favorite .wbam-favorite-text {
	font-size: 14px;
}

/* ==========================================================================
   My Favorites Page
   ========================================================================== */

.wbam-my-favorites-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
}

.wbam-favorites-header {
	margin-bottom: 24px;
}

.wbam-favorites-header h3 {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

/* ==========================================================================
   Seller Profile Page
   ========================================================================== */

.wbam-seller-profile-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
}

.wbam-seller-profile-header {
	display: flex;
	gap: 24px;
	align-items: flex-start;
	padding: 32px;
	background: var(--wbam-bg-white, #fff);
	border-radius: 12px;
	box-shadow: 0 1px 3px var(--wbam-shadow-base, rgba(0, 0, 0, 0.1));
	margin-bottom: 32px;
}

.wbam-seller-profile-header .wbam-seller-avatar {
	flex-shrink: 0;
	width: 120px;
	height: 120px;
}

.wbam-seller-profile-header .wbam-seller-avatar img,
.wbam-seller-profile-header .wbam-seller-avatar .avatar,
.wbam-seller-profile-header .wbam-seller-avatar .wbam-avatar {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
}

.wbam-seller-profile-header .wbam-seller-info {
	flex: 1;
}

.wbam-seller-profile-header .wbam-seller-name {
	margin: 0 0 12px;
	font-size: 28px;
	font-weight: 700;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-seller-profile-header .wbam-seller-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 16px;
}

.wbam-seller-profile-header .wbam-meta-item {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--wbam-text-secondary, #64748b);
	font-size: 14px;
}

.wbam-seller-profile-header .wbam-meta-item .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: var(--wbam-text-light, #94a3b8);
}

.wbam-seller-bio {
	color: var(--wbam-text-secondary, #475569);
	line-height: 1.6;
}

.wbam-seller-bio p {
	margin: 0;
}

.wbam-seller-classifieds {
	padding: 0;
}

.wbam-section-title {
	margin: 0 0 24px;
	font-size: 20px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

/* Seller link in single classified */
.wbam-seller-link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: inherit;
	padding: 12px;
	margin: -12px;
	border-radius: 8px;
	transition: background 0.2s;
}

.wbam-seller-link:hover {
	background: var(--wbam-bg-slate-50, #f8fafc);
	text-decoration: none;
	color: inherit;
}

.wbam-seller-link .wbam-seller-info {
	flex: 1;
}

.wbam-seller-link .wbam-seller-name {
	color: var(--wbam-blue-500, #2563eb);
}

.wbam-seller-link:hover .wbam-seller-name {
	text-decoration: underline;
}

.wbam-seller-arrow {
	color: var(--wbam-text-light, #94a3b8);
	transition: transform 0.2s;
}

.wbam-seller-link:hover .wbam-seller-arrow {
	transform: translateX(4px);
	color: var(--wbam-blue-500, #2563eb);
}

@media (max-width: 640px) {
	.wbam-seller-profile-header {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 24px;
	}

	.wbam-seller-profile-header .wbam-seller-meta {
		justify-content: center;
	}

	.wbam-seller-profile-header .wbam-seller-name {
		font-size: 22px;
	}
}

.wbam-classified-card {
	position: relative;
}

/* Featured Card */
.wbam-classified-card.wbam-featured-card {
	border: 2px solid var(--wbam-warning, var(--wbam-amber-400, #fbbf24));
	background: linear-gradient(135deg, var(--wbam-amber-50, #fffbeb) 0%, var(--wbam-bg-white, #fff) 100%);
}

/* ==========================================================================
   Contact Form
   ========================================================================== */

.wbam-contact-form .wbam-form-group {
	margin-bottom: 12px;
}

.wbam-contact-form input,
.wbam-contact-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 8px;
	font-size: 14px;
}

.wbam-contact-form textarea {
	min-height: 80px;
	resize: vertical;
}

.wbam-contact-form .wbam-btn {
	width: 100%;
}

/* ==========================================================================
   Category Archive Page
   ========================================================================== */

/* Category Header */
.wbam-category-header {
	margin-bottom: 24px;
}

.wbam-category-info {
	margin-bottom: 16px;
}

.wbam-category-title {
	margin: 0 0 8px;
	font-size: 32px;
	font-weight: 700;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-category-description {
	color: var(--wbam-text-secondary, #64748b);
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 12px;
}

.wbam-category-description p {
	margin: 0;
}

.wbam-category-image {
	margin-bottom: 16px;
}

.wbam-category-image img {
	max-width: 200px;
	height: auto;
	border-radius: 8px;
}

/* Breadcrumb */
.wbam-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--wbam-text-secondary, #64748b);
	margin-bottom: 20px;
}

.wbam-breadcrumb a {
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	text-decoration: none;
}

.wbam-breadcrumb a:hover {
	text-decoration: underline;
}

.wbam-breadcrumb-sep {
	color: var(--wbam-border-dark, var(--wbam-gray-300, #cbd5e1));
}

.wbam-breadcrumb-current {
	color: var(--wbam-text-primary, #1e293b);
	font-weight: 500;
}

/* Subcategories */
.wbam-subcategories {
	margin-bottom: 24px;
	padding: 20px;
	background: var(--wbam-bg-slate-50, #f8fafc);
	border-radius: 12px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
}

.wbam-subcategories h3 {
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-subcategory-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.wbam-subcategory-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 8px;
	text-decoration: none;
	color: var(--wbam-text-secondary, #475569);
	font-size: 14px;
	transition: all 0.2s;
}

.wbam-subcategory-item:hover {
	border-color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	background: var(--wbam-teal-50, #f0fdfa);
}

.wbam-subcategory-name {
	font-weight: 500;
}

.wbam-subcategory-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 8px;
	background: var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	color: var(--wbam-text-secondary, #64748b);
}

.wbam-subcategory-item:hover .wbam-subcategory-count {
	background: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	color: var(--wbam-text-white, #fff);
}

/* ==========================================================================
   Archive Header
   ========================================================================== */

.wbam-classifieds-archive {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.wbam-archive-header {
	margin-bottom: 24px;
}

.wbam-header-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.wbam-archive-title {
	margin: 0 0 8px;
	font-size: 28px;
	font-weight: 700;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-archive-description {
	color: var(--wbam-text-secondary, #64748b);
	font-size: 16px;
}

.wbam-results-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding: 12px 16px;
	background: var(--wbam-bg-slate-50, #f8fafc);
	border-radius: 8px;
}

.wbam-results-count {
	color: var(--wbam-text-secondary, #64748b);
	font-size: 14px;
}

.wbam-results-count strong {
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-sort-options {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wbam-sort-options label {
	font-size: 13px;
	color: var(--wbam-text-secondary, #64748b);
}

.wbam-sort-select {
	padding: 6px 12px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 6px;
	font-size: 13px;
	background: var(--wbam-bg-white, #fff);
}

.wbam-view-toggle {
	display: flex;
	gap: 4px;
}

.wbam-view-btn {
	padding: 6px 10px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	background: var(--wbam-bg-white, #fff);
	border-radius: 6px;
	cursor: pointer;
	color: var(--wbam-text-light, #94a3b8);
}

.wbam-view-btn.active {
	background: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	border-color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	color: var(--wbam-text-white, #fff);
}

/* ==========================================================================
   My Classifieds Management Page
   ========================================================================== */

.wbam-my-classifieds-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

/* Header with Title & Add Button */
.wbam-my-classifieds .wbam-classifieds-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--wbam-border-light, #e0e0e0);
}

.wbam-my-classifieds .wbam-classifieds-header h3 {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

/* Empty State */
.wbam-empty-state {
	text-align: center;
	padding: 60px 20px;
	background: var(--wbam-bg-slate-50, #f8fafc);
	border-radius: 12px;
	border: 2px dashed var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
}

.wbam-empty-state .dashicons {
	font-size: 48px;
	width: 48px;
	height: 48px;
	color: var(--wbam-text-light, #94a3b8);
	margin-bottom: 16px;
}

.wbam-empty-state h3,
.wbam-empty-state h4 {
	margin: 0 0 8px;
	font-size: 20px;
	color: var(--wbam-text-dark, #334155);
}

.wbam-empty-state p {
	margin: 0 0 20px;
	color: var(--wbam-text-secondary, #64748b);
}

/* Classifieds Grid (Card Layout) */
.wbam-classifieds-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 24px;
}

/* Classified Card */
.wbam-classified-card {
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.2s ease;
}

.wbam-classified-card:hover {
	box-shadow: 0 10px 25px -5px var(--wbam-shadow-base, rgba(0, 0, 0, 0.1));
	transform: translateY(-2px);
}

.wbam-card-image {
	position: relative;
	height: 180px;
	background: var(--wbam-bg-slate-100, #f1f5f9);
	overflow: hidden;
}

.wbam-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wbam-card-image .wbam-no-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--wbam-bg-slate-100, #f1f5f9) 0%, var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0)) 100%);
}

.wbam-card-image .wbam-no-image .dashicons {
	font-size: 48px;
	width: 48px;
	height: 48px;
	color: var(--wbam-border-dark, var(--wbam-gray-300, #cbd5e1));
}

.wbam-card-image .wbam-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.wbam-badge-featured {
	background: linear-gradient(135deg, var(--wbam-amber-400, #fbbf24) 0%, var(--wbam-amber-500, #f59e0b) 100%);
	color: var(--wbam-text-dark, #000);
}

.wbam-badge-success {
	background: var(--wbam-success, var(--wbam-green-500, #10b981));
	color: var(--wbam-text-white, #fff);
}

.wbam-badge-warning {
	background: var(--wbam-warning, var(--wbam-amber-500, #f59e0b));
	color: var(--wbam-text-white, #fff);
}

.wbam-badge-new {
	background: var(--wbam-info, #3b82f6);
	color: var(--wbam-text-white, #fff);
}

.wbam-badge-info {
	background: var(--wbam-info-bg, #d1ecf1);
	color: var(--wbam-cyan-900, #0c5460);
}

.wbam-status-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.wbam-status-active {
	background: var(--wbam-success-bg, var(--wbam-green-100, #dcfce7));
	color: var(--wbam-success-text, #166534);
}

.wbam-status-pending {
	background: var(--wbam-warning-bg, var(--wbam-amber-100, #fef3c7));
	color: var(--wbam-amber-800, #92400e);
}

.wbam-status-draft {
	background: var(--wbam-bg-slate-100, #f1f5f9);
	color: var(--wbam-text-secondary, #475569);
}

.wbam-status-expired {
	background: var(--wbam-danger-bg, #fee2e2);
	color: var(--wbam-red-600, #991b1b);
}

.wbam-status-sold {
	background: var(--wbam-info-bg, #dbeafe);
	color: var(--wbam-blue-700, #1e40af);
}

.wbam-card-body {
	padding: 16px;
}

.wbam-card-title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wbam-card-price {
	font-size: 18px;
	font-weight: 700;
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	margin-bottom: 12px;
}

.wbam-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 13px;
	color: var(--wbam-text-secondary, #64748b);
}

.wbam-card-meta span {
	display: flex;
	align-items: center;
	gap: 4px;
}

.wbam-card-meta .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

.wbam-card-meta .wbam-expired {
	color: var(--wbam-danger, var(--wbam-danger, #dc2626));
	font-weight: 500;
}

.wbam-card-actions {
	display: flex;
	gap: 8px;
	padding: 12px 16px;
	background: var(--wbam-bg-slate-50, #f8fafc);
	border-top: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
}

.wbam-card-actions .wbam-btn {
	padding: 6px 10px;
}

.wbam-card-actions .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

/* ==========================================================================
   Form Styles
   ========================================================================== */

.wbam-classified-form-wrapper,
.wbam-promote-wrapper {
	max-width: 800px;
	margin: 0 auto;
}

.wbam-form-header {
	margin-bottom: 24px;
}

.wbam-back-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--wbam-text-secondary, #64748b);
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 12px;
}

.wbam-back-link:hover {
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
}

.wbam-back-link .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.wbam-form-header h3 {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-classified-form {
	background: var(--wbam-bg-white, #fff);
	padding: 24px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 12px;
}

.wbam-form-group {
	margin-bottom: 20px;
}

.wbam-form-group label {
	display: block;
	margin-bottom: 6px;
	font-weight: 500;
	color: var(--wbam-text-dark, #374151);
}

.wbam-form-group label .required {
	color: var(--wbam-danger, var(--wbam-danger, #dc2626));
	margin-left: 2px;
	display: inline;
}

.wbam-form-group input[type="text"],
.wbam-form-group input[type="number"],
.wbam-form-group input[type="email"],
.wbam-form-group input[type="tel"],
.wbam-form-group textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--wbam-gray-400, #d1d5db);
	border-radius: 8px;
	font-size: 15px;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.wbam-form-group select {
	width: 100%;
	padding: 10px 40px 10px 14px;
	border: 1px solid var(--wbam-gray-400, #d1d5db);
	border-radius: 8px;
	font-size: 15px;
	background-color: var(--wbam-bg-white, #fff);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: border-color 0.2s, box-shadow 0.2s;
	line-height: 1.5;
	min-height: 44px;
}

.wbam-form-group input:focus,
.wbam-form-group select:focus,
.wbam-form-group textarea:focus {
	outline: none;
	border-color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	box-shadow: 0 0 0 3px var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.1));
}

.wbam-form-group textarea {
	min-height: 120px;
	resize: vertical;
}

.wbam-form-group .description {
	margin-top: 6px;
	font-size: 13px;
	color: var(--wbam-text-secondary, var(--wbam-text-secondary, #6b7280));
}

/* Form row with half-width columns - use flex only when .wbam-form-half children exist */
.wbam-form-row:has(.wbam-form-half) {
	display: flex;
	gap: 20px;
}

.wbam-form-half {
	flex: 1;
}

.wbam-form-actions {
	display: flex;
	gap: 12px;
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
}

/* Image Upload */
.wbam-image-upload {
	padding: 20px;
	background: var(--wbam-bg-slate-50, #f8fafc);
	border: 2px dashed var(--wbam-gray-400, #d1d5db);
	border-radius: 8px;
	text-align: center;
}

.wbam-image-upload input[type="file"] {
	width: auto;
}

.wbam-existing-images {
	margin-top: 16px;
}

.wbam-image-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 12px;
}

.wbam-gallery-item {
	position: relative;
	text-align: center;
}

.wbam-gallery-item img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
}

.wbam-gallery-item label {
	display: block;
	margin-top: 4px;
	font-size: 12px;
}

/* ==========================================================================
   Promote Page
   ========================================================================== */

.wbam-promote-classified-info {
	margin-bottom: 24px;
}

.wbam-classified-preview {
	display: flex;
	gap: 16px;
	padding: 16px;
	background: var(--wbam-bg-slate-50, #f8fafc);
	border-radius: 12px;
	border: 1px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
}

.wbam-classified-preview img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 8px;
}

.wbam-preview-details h4 {
	margin: 0 0 4px;
	font-size: 16px;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-preview-details .wbam-price {
	font-size: 18px;
	font-weight: 700;
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
}

.wbam-wallet-balance-box {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	background: linear-gradient(135deg, var(--wbam-teal-50, #f0fdfa) 0%, var(--wbam-teal-100, #ccfbf1) 100%);
	border: 1px solid var(--wbam-teal-200, #99f6e4);
	border-radius: 12px;
	margin-bottom: 24px;
}

.wbam-balance-label {
	color: var(--wbam-teal-700, #0f766e);
	font-weight: 500;
}

.wbam-balance-amount {
	font-size: 24px;
	font-weight: 700;
	color: var(--wbam-teal-600, #0d9488);
}

.wbam-active-upgrades {
	margin-bottom: 24px;
	padding: 16px;
	background: var(--wbam-green-50, #f0fdf4);
	border: 1px solid var(--wbam-green-200, #bbf7d0);
	border-radius: 12px;
}

.wbam-active-upgrades h4 {
	margin: 0 0 12px;
	font-size: 16px;
	color: var(--wbam-success-text, #166534);
}

.wbam-active-upgrades ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wbam-active-upgrades li {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid var(--wbam-green-100, #dcfce7);
}

.wbam-active-upgrades li:last-child {
	border-bottom: none;
}

.wbam-upgrade-type {
	font-weight: 600;
	color: var(--wbam-success-text, #166534);
}

.wbam-upgrade-expires {
	font-size: 13px;
	color: var(--wbam-green-400, #4ade80);
}

.wbam-upgrade-options h4 {
	margin: 0 0 16px;
	font-size: 18px;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-upgrade-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
}

.wbam-upgrade-card {
	padding: 20px;
	background: var(--wbam-bg-white, #fff);
	border: 2px solid var(--wbam-border-light, var(--wbam-slate-200, #e2e8f0));
	border-radius: 12px;
	text-align: center;
	transition: all 0.2s;
}

.wbam-upgrade-card:hover:not(.disabled):not(.active) {
	border-color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	box-shadow: 0 4px 12px var(--wbam-shadow-cyan-deep, rgba(8, 145, 178, 0.15));
}

.wbam-upgrade-card.active {
	border-color: var(--wbam-success, var(--wbam-green-500, #10b981));
	background: var(--wbam-green-50, #f0fdf4);
}

.wbam-upgrade-card.disabled {
	opacity: 0.6;
	background: var(--wbam-bg-slate-50, #f8fafc);
}

.wbam-upgrade-icon {
	margin-bottom: 12px;
}

.wbam-upgrade-icon .dashicons {
	font-size: 32px;
	width: 32px;
	height: 32px;
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
}

.wbam-upgrade-card h5 {
	margin: 0 0 8px;
	font-size: 16px;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-upgrade-description {
	margin: 0 0 12px;
	font-size: 13px;
	color: var(--wbam-text-secondary, #64748b);
	line-height: 1.5;
}

.wbam-upgrade-price {
	font-size: 20px;
	font-weight: 700;
	color: var(--wbam-primary, var(--wbam-cyan-600, #0891b2));
	margin-bottom: 12px;
}

.wbam-upgrade-price .wbam-duration {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: var(--wbam-text-secondary, #64748b);
}

.wbam-insufficient-funds {
	display: block;
	font-size: 13px;
	color: var(--wbam-danger, #dc2626);
	font-weight: 500;
}

.wbam-bump-section {
	margin-top: 32px;
	padding: 20px;
	background: var(--wbam-yellow-100, #fefce8);
	border: 1px solid var(--wbam-yellow-200, #fde047);
	border-radius: 12px;
}

.wbam-bump-section h4 {
	margin: 0 0 8px;
	font-size: 16px;
	color: var(--wbam-warning-text, #854d0e);
}

.wbam-bump-section p {
	margin: 0 0 16px;
	color: var(--wbam-amber-700, #a16207);
	font-size: 14px;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.wbam-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 18px;
	border: 1px solid transparent;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s;
}

.wbam-btn:hover {
	border: 1px solid transparent;
}

.wbam-btn-sm {
	padding: 6px 12px;
	font-size: 13px;
}

.wbam-btn-lg {
	padding: 12px 24px;
	font-size: 16px;
}

.wbam-btn-primary {
	background: var(--wbam-btn-bg-primary, #0891b2);
	color: var(--wbam-btn-text-primary, #fff);
	border-color: var(--wbam-btn-border-primary, #0891b2);
}

.wbam-btn-primary:hover {
	background: var(--wbam-btn-bg-primary-hover, #0e7490);
	color: var(--wbam-btn-text-primary-hover, #fff);
	border-color: var(--wbam-btn-border-primary-hover, #0e7490);
}

.wbam-btn-secondary {
	background: var(--wbam-bg-slate-100, #f1f5f9);
	color: var(--wbam-text-secondary, #475569);
}

.wbam-btn-secondary:hover {
	background: var(--wbam-slate-200, #e2e8f0);
	color: var(--wbam-text-dark, #334155);
}

.wbam-btn-danger {
	background: var(--wbam-danger-bg, #fef2f2);
	color: var(--wbam-danger, var(--wbam-danger, #dc2626));
}

.wbam-btn-danger:hover {
	background: var(--wbam-danger-bg, #fee2e2);
	color: var(--wbam-red-700, #b91c1c);
}

.wbam-btn .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

/* ==========================================================================
   Notices
   ========================================================================== */

.wbam-notice {
	padding: 16px 20px;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size: 14px;
}

.wbam-notice-success {
	background: var(--wbam-green-50, #f0fdf4);
	border-left: 4px solid var(--wbam-green-200, #bbf7d0);
	color: var(--wbam-success-text, #166534);
}

.wbam-notice-error {
	background: var(--wbam-danger-bg, #fef2f2);
	border-left: 4px solid var(--wbam-red-200, #fecaca);
	color: var(--wbam-red-600, #991b1b);
}

.wbam-notice-info {
	background: var(--wbam-info-bg, #eff6ff);
	border-left: 4px solid var(--wbam-info, #bfdbfe);
	color: var(--wbam-info-text, var(--wbam-blue-700, #1e40af));
}

.wbam-notice-warning {
	background: var(--wbam-warning-bg, var(--wbam-amber-50, #fffbeb));
	border-left: 4px solid var(--wbam-amber-200, #fde68a);
	color: var(--wbam-amber-800, #92400e);
}

/* Responsive */
@media (max-width: 992px) {
	.wbam-classified-layout {
		flex-direction: column;
	}

	.wbam-classified-sidebar {
		width: 100%;
	}

	.wbam-columns-4 {
		grid-template-columns: repeat(3, 1fr);
	}

	.wbam-classified-details {
		grid-template-columns: 1fr;
	}

	.wbam-upgrade-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.wbam-columns-3,
	.wbam-columns-4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.wbam-search-form {
		flex-direction: column;
	}

	.wbam-listing-types {
		flex-direction: column;
	}

	.wbam-listing-type-option {
		min-width: auto;
	}

	.wbam-my-classifieds .wbam-table {
		display: block;
		overflow-x: auto;
	}

	.wbam-my-classifieds .wbam-classifieds-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.wbam-form-row {
		flex-direction: column;
		gap: 0;
	}

	.wbam-classifieds-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.wbam-wallet-balance-box {
		flex-wrap: wrap;
	}

	.wbam-upgrade-grid {
		grid-template-columns: 1fr;
	}

	.wbam-card-actions {
		flex-wrap: wrap;
	}

	.wbam-classified-preview {
		flex-direction: column;
		text-align: center;
	}

	.wbam-classified-preview img {
		margin: 0 auto;
	}
}

@media (max-width: 480px) {
	.wbam-columns-2,
	.wbam-columns-3,
	.wbam-columns-4 {
		grid-template-columns: 1fr;
	}

	.wbam-classifieds-grid {
		grid-template-columns: 1fr;
	}

	.wbam-my-classifieds-wrapper {
		padding: 12px;
	}

	.wbam-classified-form {
		padding: 16px;
	}

	.wbam-form-actions {
		flex-direction: column;
	}

	.wbam-form-actions .wbam-btn {
		width: 100%;
		justify-content: center;
	}
}

/* ==========================================================================
   Single Classified - Clean View
   ========================================================================== */

.wbam-single {
	max-width: 900px;
	margin: 0 auto;
	padding: 20px;
}

.wbam-single.is-featured {
	background: linear-gradient(135deg, var(--wbam-amber-50, #fffbeb) 0%, var(--wbam-amber-100, #fef3c7) 100%);
	border-radius: 12px;
	padding: 24px;
}

/* Gallery */
.wbam-single-gallery {
	margin-bottom: 24px;
}

.wbam-main-image {
	position: relative;
	background: var(--wbam-bg-slate-50, #f8fafc);
	border-radius: 12px;
	overflow: hidden;
}

.wbam-main-image img {
	width: 100%;
	height: auto;
	max-height: 500px;
	object-fit: contain;
	display: block;
}

.wbam-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border: none;
	border-radius: 50%;
	background: var(--wbam-overlay-white-90, rgba(255, 255, 255, 0.95));
	font-size: 28px;
	font-weight: 300;
	color: var(--wbam-text-dark, #333);
	cursor: pointer;
	box-shadow: 0 2px 8px var(--wbam-shadow-medium, var(--wbam-shadow-medium, rgba(0, 0, 0, 0.15)));
	transition: all 0.2s;
}

.wbam-nav:hover {
	background: var(--wbam-bg-white, #fff);
	box-shadow: 0 4px 16px var(--wbam-shadow-heavy, rgba(0, 0, 0, 0.2));
}

.wbam-nav-prev {
	left: 12px;
}

.wbam-nav-next {
	right: 12px;
}

.wbam-img-counter {
	position: absolute;
	bottom: 12px;
	right: 12px;
	padding: 6px 12px;
	background: var(--wbam-overlay-darker, rgba(0, 0, 0, 0.7));
	color: var(--wbam-text-white, #fff);
	font-size: 13px;
	border-radius: 20px;
}

.wbam-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 4px;
}

.wbam-badge-featured {
	background: linear-gradient(135deg, var(--wbam-amber-400, #fbbf24), var(--wbam-amber-500, #f59e0b));
	color: var(--wbam-black, #000);
}

.wbam-badge-sold {
	background: var(--wbam-danger, var(--wbam-danger, #dc2626));
	color: var(--wbam-text-white, #fff);
}

.wbam-thumbs {
	display: flex;
	gap: 8px;
	margin-top: 12px;
	overflow-x: auto;
	padding-bottom: 4px;
}

.wbam-single .wbam-thumb {
	flex-shrink: 0;
	width: 72px;
	height: 72px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	background: none;
	opacity: 0.7;
	transition: all 0.2s;
}

.wbam-single .wbam-thumb:hover,
.wbam-single .wbam-thumb.active {
	opacity: 1;
	border-color: var(--wbam-info, var(--wbam-cyan-600, #0891b2));
}

.wbam-single .wbam-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wbam-single .wbam-no-image {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 300px;
	background: var(--wbam-bg-slate-100, #f1f5f9);
	border-radius: 12px;
	color: var(--wbam-text-light, #94a3b8);
}

.wbam-single .wbam-no-image .dashicons {
	font-size: 64px;
	width: 64px;
	height: 64px;
}

/* Content */
.wbam-single-content {
	background: var(--wbam-bg-white, #fff);
	border-radius: 12px;
	padding: 24px;
	border: 1px solid var(--wbam-bg-gray-200, var(--wbam-slate-200, #e2e8f0));
}

.wbam-single-header {
	margin-bottom: 20px;
}

.wbam-price-block {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 8px;
}

.wbam-single .wbam-price {
	font-size: 32px;
	font-weight: 700;
	color: var(--wbam-green-600, #059669);
}

.wbam-single .wbam-price.is-free {
	color: var(--wbam-green-800, #16a34a);
}

.wbam-single .wbam-price.is-contact {
	font-size: 20px;
	color: var(--wbam-text-secondary, #64748b);
}

.wbam-negotiable {
	padding: 4px 10px;
	background: var(--wbam-warning-bg, var(--wbam-amber-100, #fef3c7));
	color: var(--wbam-amber-800, #92400e);
	font-size: 13px;
	border-radius: 4px;
}

.wbam-single .wbam-title {
	margin: 0;
	font-size: 26px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
	line-height: 1.3;
}

/* Quick Info */
.wbam-quick-info {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid var(--wbam-slate-200, #e2e8f0);
	margin-bottom: 20px;
}

.wbam-info-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: var(--wbam-text-secondary, #64748b);
}

.wbam-info-item .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: var(--wbam-text-light, #94a3b8);
}

.wbam-info-link {
	text-decoration: none;
	color: var(--wbam-info, var(--wbam-cyan-600, #0891b2));
}

.wbam-info-link:hover {
	text-decoration: underline;
}

/* Contact Actions */
.wbam-contact-actions {
	display: flex;
	gap: 12px;
	margin-bottom: 24px;
}

.wbam-single .wbam-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 24px;
	font-size: 15px;
	font-weight: 600;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s;
}

.wbam-btn-call {
	background: var(--wbam-green-600, #059669);
	color: var(--wbam-text-white, #fff);
}

.wbam-btn-call:hover {
	background: var(--wbam-green-700, #047857);
	color: var(--wbam-text-white, #fff);
}

.wbam-btn-message {
	background: var(--wbam-cyan-600, #0891b2);
	color: var(--wbam-text-white, #fff);
}

.wbam-btn-message:hover {
	background: var(--wbam-cyan-700, #0e7490);
}



.wbam-btn-text {
	background: none;
	color: var(--wbam-text-secondary, #64748b);
	padding: 14px 16px;
}

.wbam-btn-text:hover {
	color: var(--wbam-text-primary, #1e293b);
}

/* Contact Form */
.wbam-contact-form-wrap {
	background: var(--wbam-bg-slate-50, #f8fafc);
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 24px;
}

.wbam-contact-form .wbam-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 12px;
}

.wbam-contact-form input,
.wbam-contact-form textarea {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid var(--wbam-bg-gray-200, var(--wbam-slate-200, #e2e8f0));
	border-radius: 8px;
	font-size: 15px;
	background: var(--wbam-bg-white, #fff);
	box-sizing: border-box;
}

.wbam-contact-form input:focus,
.wbam-contact-form textarea:focus {
	outline: none;
	border-color: var(--wbam-info, var(--wbam-cyan-600, #0891b2));
	box-shadow: 0 0 0 3px var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.1));
}

.wbam-contact-form textarea {
	margin-bottom: 12px;
	resize: vertical;
	min-height: 80px;
}



.wbam-form-message {
	margin-top: 12px;
	padding: 10px 14px;
	border-radius: 6px;
	font-size: 14px;
}

.wbam-form-message:empty {
	display: none;
}

.wbam-form-message.is-success {
	background: var(--wbam-success-bg, var(--wbam-green-100, #dcfce7));
	color: var(--wbam-success-text, #166534);
}

.wbam-form-message.is-error {
	background: var(--wbam-danger-bg, #fee2e2);
	color: var(--wbam-red-600, #991b1b);
}

/* Description */
.wbam-description {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--wbam-slate-200, #e2e8f0);
}

.wbam-description h3 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-description-text {
	color: var(--wbam-text-secondary, #475569);
	line-height: 1.7;
}

.wbam-description-text p {
	margin: 0 0 12px;
}

.wbam-description-text p:last-child {
	margin-bottom: 0;
}

/* Seller */
.wbam-seller {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--wbam-slate-200, #e2e8f0);
}

.wbam-seller h3 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-seller-row {
	display: flex;
	align-items: center;
	gap: 12px;
}

.wbam-single .wbam-seller-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.wbam-seller-info {
	display: flex;
	flex-direction: column;
}

.wbam-single .wbam-seller-name {
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-seller-meta {
	font-size: 13px;
	color: var(--wbam-text-secondary, #64748b);
}

/* Meta Footer */
.wbam-meta-footer {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 13px;
	color: var(--wbam-text-light, #94a3b8);
}

.wbam-meta-favorite {
	margin-left: auto;
	background: none;
	border: none;
	padding: 0;
	font-size: 13px;
	color: var(--wbam-text-light, #94a3b8);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	position: static;
	width: auto;
	height: auto;
	border-radius: 0;
}

.wbam-meta-favorite:hover,
.wbam-meta-favorite:focus {
	color: var(--wbam-danger, #ef4444);
	background: none;
	border: none;
}

.wbam-meta-favorite.active {
	color: var(--wbam-danger, #ef4444);
	background: none;
	border: none;
}

.wbam-meta-favorite .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

.wbam-meta-favorite .wbam-favorite-text {
	font-size: 13px;
}

.wbam-report-link {
	background: none;
	border: none;
	padding: 0;
	font-size: 13px;
	color: var(--wbam-text-light, #94a3b8);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.wbam-report-link:hover,
.wbam-report-link:focus {
	background: none;
	color: var(--wbam-danger, #dc2626);
	border: none;
}

.wbam-report-link .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

/* Related Listings */
.wbam-related {
	max-width: 900px;
	margin: 32px auto 0;
	padding: 0 20px;
}

.wbam-related h3 {
	margin: 0 0 16px;
	font-size: 18px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-related-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.wbam-related-card {
	display: block;
	text-decoration: none;
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-bg-gray-200, var(--wbam-slate-200, #e2e8f0));
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.2s;
}

.wbam-related-card:hover {
	box-shadow: 0 4px 12px var(--wbam-shadow-base, rgba(0, 0, 0, 0.1));
	transform: translateY(-2px);
}

.wbam-related-img {
	aspect-ratio: 4/3;
	background: var(--wbam-bg-slate-100, #f1f5f9);
	display: flex;
	align-items: center;
	justify-content: center;
}

.wbam-related-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wbam-related-img .dashicons {
	font-size: 32px;
	width: 32px;
	height: 32px;
	color: var(--wbam-gray-300, #cbd5e1);
}

.wbam-related-info {
	padding: 12px;
}

.wbam-related-price {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--wbam-green-600, #059669);
	margin-bottom: 4px;
}

.wbam-related-title {
	display: block;
	font-size: 13px;
	color: var(--wbam-text-secondary, #475569);
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Responsive - Single View */
@media (max-width: 768px) {
	.wbam-single {
		padding: 12px;
	}

	.wbam-single-content {
		padding: 16px;
	}

	.wbam-single .wbam-price {
		font-size: 26px;
	}

	.wbam-single .wbam-title {
		font-size: 20px;
	}

	.wbam-contact-actions {
		flex-direction: column;
	}

	.wbam-single .wbam-btn {
		width: 100%;
		justify-content: center;
	}

	.wbam-contact-form .wbam-form-row {
		grid-template-columns: 1fr;
	}

	.wbam-related-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.wbam-quick-info {
		gap: 12px;
	}

	.wbam-related-grid {
		grid-template-columns: 1fr;
	}

	.wbam-thumbs {
		gap: 6px;
	}

	.wbam-single .wbam-thumb {
		width: 60px;
		height: 60px;
	}
}

/* ==========================================================================
   Featured Upgrade Section
   ========================================================================== */

.wbam-featured-upgrade-section {
	background: linear-gradient(135deg, var(--wbam-amber-50, #fffbeb) 0%, var(--wbam-amber-100, #fef3c7) 100%);
	border: 2px solid var(--wbam-amber-300, #fcd34d);
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
}

.wbam-featured-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
}

.wbam-featured-header .dashicons {
	font-size: 28px;
	width: 28px;
	height: 28px;
	color: var(--wbam-warning, var(--wbam-amber-500, #f59e0b));
}

.wbam-featured-header h4 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--wbam-amber-800, #92400e);
}

.wbam-featured-description {
	margin: 0 0 20px;
	color: var(--wbam-amber-900, #78350f);
	font-size: 15px;
	line-height: 1.6;
}

/* Featured Active Status */
.wbam-featured-status {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 16px;
	background: var(--wbam-overlay-light, rgba(255, 255, 255, 0.7));
	border-radius: 12px;
}

.wbam-featured-status .wbam-badge {
	position: static;
	flex-shrink: 0;
}

.wbam-featured-details p {
	margin: 0 0 8px;
	color: var(--wbam-amber-900, #78350f);
}

.wbam-featured-details p:last-child {
	margin-bottom: 0;
}

.wbam-billing-info {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--wbam-border-amber-alpha, rgba(245, 158, 11, 0.3));
}

.wbam-billing-info p {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
}

.wbam-billing-info .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: var(--wbam-amber-600, #d97706);
}

/* Pricing Info */
.wbam-featured-pricing-info {
	margin-bottom: 20px;
}

.wbam-pricing-model {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.wbam-billing-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
}

.wbam-billing-badge .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.wbam-billing-recurring {
	background: var(--wbam-info-bg, #dbeafe);
	color: var(--wbam-blue-700, #1e40af);
}

.wbam-billing-onetime {
	background: var(--wbam-success-bg, var(--wbam-green-100, #dcfce7));
	color: var(--wbam-success-text, #166534);
}

.wbam-pricing-note {
	margin: 8px 0 0;
	font-size: 14px;
	color: var(--wbam-amber-900, #78350f);
}

/* Duration Selector */
.wbam-duration-selector {
	margin-bottom: 20px;
}

.wbam-duration-selector > label {
	display: block;
	margin-bottom: 12px;
	font-weight: 600;
	color: var(--wbam-amber-900, #78350f);
	font-size: 15px;
}

.wbam-duration-options {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
}

.wbam-duration-option {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 12px;
	background: var(--wbam-bg-white, #fff);
	border: 2px solid var(--wbam-gray-200, #e5e7eb);
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.2s;
}

.wbam-duration-option:hover:not(.disabled) {
	border-color: var(--wbam-warning, var(--wbam-amber-500, #f59e0b));
	box-shadow: 0 4px 12px var(--wbam-shadow-amber-light, var(--wbam-border-amber-light, rgba(245, 158, 11, 0.2)));
}

.wbam-duration-option.selected,
.wbam-duration-option:has(input:checked) {
	border-color: var(--wbam-warning, var(--wbam-amber-500, #f59e0b));
	background: linear-gradient(135deg, var(--wbam-amber-100, #fef3c7) 0%, var(--wbam-amber-200, #fde68a) 100%);
	box-shadow: 0 4px 12px var(--wbam-shadow-amber, rgba(245, 158, 11, 0.25));
}

.wbam-duration-option.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background: var(--wbam-bg-slate-100, #f1f5f9);
}

.wbam-duration-option.recommended {
	border-color: var(--wbam-green-500, #10b981);
}

.wbam-duration-option input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.wbam-duration-label {
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
	margin-bottom: 4px;
}

.wbam-duration-price {
	font-size: 18px;
	font-weight: 700;
	color: var(--wbam-info, var(--wbam-cyan-600, #0891b2));
}

.wbam-duration-price small {
	display: block;
	font-size: 11px;
	font-weight: 400;
	color: var(--wbam-text-secondary, #64748b);
	margin-top: 2px;
}

.wbam-recommended-badge {
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 4px 10px;
	background: var(--wbam-green-500, #10b981);
	color: var(--wbam-text-white, #fff);
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 20px;
	letter-spacing: 0.5px;
}

/* Featured Summary */
.wbam-featured-summary {
	background: var(--wbam-overlay-lighter, rgba(255, 255, 255, 0.8));
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 20px;
}

.wbam-summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
}

.wbam-summary-row:not(:last-child) {
	border-bottom: 1px solid var(--wbam-border-amber-light, rgba(245, 158, 11, 0.2));
}

.wbam-summary-label {
	font-size: 14px;
	color: var(--wbam-amber-900, #78350f);
}

.wbam-summary-value {
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

.wbam-summary-total {
	padding-top: 12px;
	margin-top: 4px;
}

.wbam-summary-total .wbam-summary-label {
	font-weight: 600;
}

.wbam-summary-total .wbam-summary-value {
	font-size: 20px;
	color: var(--wbam-info, var(--wbam-cyan-600, #0891b2));
}

.wbam-recurring-notice {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 12px 0 0;
	padding: 10px 12px;
	background: var(--wbam-warning-bg, var(--wbam-amber-100, #fef3c7));
	border-radius: 8px;
	font-size: 13px;
	color: var(--wbam-amber-800, #92400e);
	line-height: 1.5;
}

.wbam-recurring-notice .dashicons {
	flex-shrink: 0;
	font-size: 16px;
	width: 16px;
	height: 16px;
	margin-top: 1px;
}

/* Featured Actions */
.wbam-featured-actions {
	text-align: center;
}

.wbam-featured-actions .wbam-btn-lg {
	padding: 14px 32px;
	font-size: 16px;
}

.wbam-featured-actions .wbam-btn-lg .dashicons {
	font-size: 20px;
	width: 20px;
	height: 20px;
}

.wbam-insufficient-balance {
	text-align: center;
}

.wbam-insufficient-balance .wbam-warning {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0 0 16px;
	color: var(--wbam-danger, #dc2626);
	font-size: 14px;
}

.wbam-insufficient-balance .wbam-warning .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
}

.wbam-spin {
	animation: wbam-spin 1s linear infinite;
}

/* Responsive - Featured Section */
@media (max-width: 768px) {
	.wbam-featured-upgrade-section {
		padding: 16px;
	}

	.wbam-duration-options {
		grid-template-columns: repeat(2, 1fr);
	}

	.wbam-pricing-model {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 480px) {
	.wbam-duration-options {
		grid-template-columns: 1fr;
	}

	.wbam-featured-actions .wbam-btn-lg {
		width: 100%;
	}

	.wbam-summary-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
}

/* ============================================
   Package Selection & Upgrades Form
   ============================================ */

/* Form Section */
.wbam-form-section {
	margin: 24px 0;
	padding: 20px;
	background: var(--wbam-bg-light, #f8f9fa);
	border-radius: 8px;
	border: 1px solid var(--wbam-border-light, #e9ecef);
}

.wbam-form-section h4 {
	margin: 0 0 8px 0;
	padding: 0;
	border: none;
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-text-dark, #333);
}

.wbam-section-description {
	margin: 0 0 16px 0;
	color: var(--wbam-text-secondary, #6c757d);
	font-size: 14px;
}

/* Package Options */
.wbam-package-options {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wbam-package-option {
	display: flex;
	align-items: center;
	padding: 16px;
	background: var(--wbam-bg-white, #fff);
	border: 2px solid var(--wbam-border-light, #dee2e6);
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
}

.wbam-package-option:hover {
	border-color: var(--wbam-info, #4e79a7);
	box-shadow: 0 2px 8px var(--wbam-shadow-medium, rgba(78, 121, 167, 0.15));
}

.wbam-package-option.selected,
.wbam-package-option input:checked + .wbam-package-info {
	border-color: var(--wbam-info, #4e79a7);
	background: var(--wbam-bg-light, #f0f4f8);
}

.wbam-package-option input[type="radio"] {
	margin-right: 12px;
	width: 18px;
	height: 18px;
	accent-color: var(--wbam-info, #4e79a7);
}

.wbam-package-option.recommended {
	border-color: var(--wbam-success, #28a745);
}

.wbam-package-option.recommended:hover {
	box-shadow: 0 2px 8px var(--wbam-shadow-heavy, rgba(40, 167, 69, 0.2));
}

.wbam-package-badge {
	position: absolute;
	top: -8px;
	right: 12px;
	padding: 2px 10px;
	background: var(--wbam-success, #28a745);
	color: var(--wbam-text-white, #fff);
	font-size: 11px;
	font-weight: 600;
	border-radius: 10px;
	text-transform: uppercase;
}

.wbam-package-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.wbam-package-info strong {
	font-size: 15px;
	color: var(--wbam-text-dark, #333);
}

.wbam-package-duration {
	font-size: 13px;
	color: var(--wbam-text-secondary, #6c757d);
}

.wbam-package-featured-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	background: var(--wbam-warning-bg, #fff3cd);
	color: var(--wbam-warning-text, #856404);
	font-size: 12px;
	border-radius: 4px;
	width: fit-content;
}

.wbam-package-featured-badge .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
	color: var(--wbam-warning, #ffc107);
}

.wbam-package-price {
	margin-left: auto;
	font-size: 18px;
	font-weight: 700;
	color: var(--wbam-text-dark, #333);
}

.wbam-package-price .wbam-free {
	color: var(--wbam-success, #28a745);
}

/* Upgrade Options */
.wbam-upgrade-options {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wbam-upgrade-option {
	display: flex;
	align-items: center;
	padding: 14px;
	background: var(--wbam-bg-white, #fff);
	border: 2px solid var(--wbam-border-light, #dee2e6);
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.wbam-upgrade-option:hover {
	border-color: var(--wbam-info, #4e79a7);
}

.wbam-upgrade-option input[type="checkbox"] {
	margin-right: 12px;
	width: 18px;
	height: 18px;
	accent-color: var(--wbam-info, #4e79a7);
}

.wbam-upgrade-option input[type="checkbox"]:checked ~ .wbam-upgrade-info {
	color: var(--wbam-text-dark, #333);
}

.wbam-upgrade-info {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 12px;
}

.wbam-upgrade-info > .dashicons {
	font-size: 24px;
	width: 24px;
	height: 24px;
	color: var(--wbam-info, #4e79a7);
}

.wbam-upgrade-info > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wbam-upgrade-info strong {
	font-size: 14px;
	color: var(--wbam-text-dark, #333);
}

.wbam-upgrade-desc {
	font-size: 12px;
	color: var(--wbam-text-secondary, #6c757d);
}

.wbam-upgrade-price {
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-success, #28a745);
}

/* Responsive */
@media (max-width: 576px) {
	.wbam-package-option {
		flex-wrap: wrap;
	}

	.wbam-package-price {
		width: 100%;
		text-align: right;
		margin-top: 8px;
		padding-top: 8px;
		border-top: 1px solid var(--wbam-border, #eee);
	}

	.wbam-upgrade-option {
		flex-wrap: wrap;
	}

	.wbam-upgrade-price {
		width: 100%;
		text-align: right;
		margin-top: 8px;
	}
}

/* ==========================================================================
   SIDEBAR FILTERS LAYOUT
   ========================================================================== */

/* Archive Layout - Sidebar + Main Content */
.wbam-has-sidebar .wbam-archive-layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 30px;
	align-items: start;
}

.wbam-has-sidebar.wbam-sidebar-right .wbam-archive-layout {
	grid-template-columns: 1fr 280px;
}

.wbam-has-sidebar.wbam-sidebar-right .wbam-sidebar-filters {
	order: 2;
}

.wbam-has-sidebar.wbam-sidebar-none .wbam-archive-layout {
	grid-template-columns: 1fr;
}

/* Archive Header */
.wbam-archive-header {
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--wbam-gray-200, #e5e7eb);
}

.wbam-archive-title {
	margin: 0 0 8px;
	font-size: 28px;
	font-weight: 700;
	color: var(--wbam-text-primary, #1f2937);
}

.wbam-archive-description {
	color: var(--wbam-text-secondary, #6b7280);
	margin-top: 12px;
}

.wbam-search-query {
	color: var(--wbam-text-secondary, #6b7280);
	font-style: italic;
	margin: 8px 0 0;
}

/* Breadcrumb */
.wbam-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	color: var(--wbam-text-secondary, #6b7280);
}

.wbam-breadcrumb a {
	color: var(--wbam-info, #3b82f6);
	text-decoration: none;
}

.wbam-breadcrumb a:hover {
	text-decoration: underline;
}

.wbam-breadcrumb-sep {
	color: var(--wbam-gray-400, #d1d5db);
}

.wbam-breadcrumb-current {
	color: var(--wbam-text-dark, #374151);
	font-weight: 500;
}

/* Subcategories */
.wbam-subcategories {
	margin-bottom: 24px;
	padding: 20px;
	background: var(--wbam-bg-light, #f9fafb);
	border-radius: 12px;
}

.wbam-subcategories-title {
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-text-dark, #374151);
}

.wbam-subcategory-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.wbam-subcategory-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-gray-200, #e5e7eb);
	border-radius: 20px;
	color: var(--wbam-text-dark, #374151);
	text-decoration: none;
	font-size: 14px;
	transition: all 0.2s;
}

.wbam-subcategory-item:hover {
	border-color: var(--wbam-info, #3b82f6);
	color: var(--wbam-info, #3b82f6);
	background: var(--wbam-info-bg, #eff6ff);
}

.wbam-subcategory-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 6px;
	background: var(--wbam-gray-200, #e5e7eb);
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	color: var(--wbam-text-secondary, #6b7280);
}

.wbam-subcategory-item:hover .wbam-subcategory-count {
	background: var(--wbam-info-bg, #dbeafe);
	color: var(--wbam-info, #3b82f6);
}

/* Sidebar Filters */
.wbam-sidebar-filters {
	position: sticky;
	top: 100px;
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-gray-200, #e5e7eb);
	border-radius: 12px;
	overflow: hidden;
}

.wbam-filter-form {
	padding: 0;
}

.wbam-filter-section {
	border-bottom: 1px solid var(--wbam-gray-200, #e5e7eb);
}

.wbam-filter-section:last-of-type {
	border-bottom: none;
}

.wbam-filter-title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 16px 20px;
	background: var(--wbam-bg-light, #f9fafb);
	font-size: 14px;
	font-weight: 600;
	color: var(--wbam-text-dark, #374151);
	cursor: pointer;
	transition: background 0.2s;
}

.wbam-filter-title:hover {
	background: var(--wbam-bg-lighter, #f3f4f6);
}

.wbam-filter-title .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: var(--wbam-text-secondary, #6b7280);
}

.wbam-filter-content {
	padding: 16px 20px;
}

/* Filter Inputs */
.wbam-filter-input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--wbam-gray-400, #d1d5db);
	border-radius: 8px;
	font-size: 14px;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.wbam-filter-input:focus {
	outline: none;
	border-color: var(--wbam-info, #3b82f6);
	box-shadow: 0 0 0 3px var(--wbam-shadow-focus-cyan, rgba(59, 130, 246, 0.1));
}

.wbam-filter-select {
	width: 100%;
	padding: 12px 36px 12px 12px;
	border: 1px solid var(--wbam-gray-400, #d1d5db);
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.4;
	min-height: 44px;
	background: var(--wbam-bg-white, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 12px center;
	background-size: 12px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
}

.wbam-filter-select:focus {
	outline: none;
	border-color: var(--wbam-info, #3b82f6);
}

/* Filter Lists */
.wbam-filter-list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 250px;
	overflow-y: auto;
}

.wbam-filter-list li {
	margin: 0;
	padding: 0;
}

/* Filter Radio/Checkbox */
.wbam-filter-radio,
.wbam-filter-checkbox {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 0;
	cursor: pointer;
	font-size: 14px;
	color: var(--wbam-text-dark, #374151);
	transition: color 0.2s;
}

.wbam-filter-radio:hover,
.wbam-filter-checkbox:hover {
	color: var(--wbam-info, #3b82f6);
}

.wbam-filter-radio input,
.wbam-filter-checkbox input {
	width: 16px;
	height: 16px;
	margin: 0;
	cursor: pointer;
	accent-color: var(--wbam-info, #3b82f6);
}

.wbam-filter-count {
	margin-left: auto;
	font-size: 12px;
	color: var(--wbam-text-muted, #9ca3af);
}

/* Price Range Inputs */
.wbam-price-range-inputs {
	display: flex;
	align-items: center;
	gap: 10px;
}

.wbam-price-input-wrap {
	flex: 1;
	position: relative;
}

.wbam-currency-symbol {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--wbam-text-secondary, #6b7280);
	font-size: 14px;
}

.wbam-price-input-wrap .wbam-price-input {
	padding-left: 28px;
}

.wbam-price-separator {
	color: var(--wbam-text-muted, #9ca3af);
	font-size: 14px;
}

/* Filter Actions */
.wbam-filter-actions {
	padding: 16px 20px;
	background: var(--wbam-bg-light, #f9fafb);
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wbam-btn-block {
	width: 100%;
	justify-content: center;
}

.wbam-clear-filters {
	font-size: 13px;
}

/* Filter Loading State */
.wbam-filter-form.wbam-filter-loading {
	position: relative;
	pointer-events: none;
	opacity: 0.7;
}

.wbam-filter-form.wbam-filter-loading::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	border: 3px solid var(--wbam-gray-200, #e5e7eb);
	border-top-color: var(--wbam-info, #3b82f6);
	border-radius: 50%;
	animation: wbam-spin 0.8s linear infinite;
}



/* Results Header */
.wbam-results-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
	padding: 16px 20px;
	background: var(--wbam-bg-light, #f9fafb);
	border-radius: 8px;
}

.wbam-results-info {
	font-size: 14px;
	color: var(--wbam-text-secondary, #6b7280);
}

.wbam-results-count strong {
	color: var(--wbam-text-primary, #1f2937);
}

.wbam-results-controls {
	display: flex;
	align-items: center;
	gap: 16px;
}

.wbam-sort-options {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wbam-sort-options label {
	font-size: 14px;
	color: var(--wbam-text-secondary, #6b7280);
	white-space: nowrap;
}

.wbam-sort-select {
	padding: 8px 12px;
	border: 1px solid var(--wbam-gray-400, #d1d5db);
	border-radius: 6px;
	font-size: 14px;
	background: var(--wbam-bg-white, #fff);
	cursor: pointer;
}

.wbam-view-toggle {
	display: flex;
	border: 1px solid var(--wbam-gray-400, #d1d5db);
	border-radius: 6px;
	overflow: hidden;
}

.wbam-view-btn {
	padding: 8px 12px;
	border: none;
	background: var(--wbam-bg-white, #fff);
	cursor: pointer;
	transition: all 0.2s;
}

.wbam-view-btn:not(:last-child) {
	border-right: 1px solid var(--wbam-gray-400, #d1d5db);
}

.wbam-view-btn.active,
.wbam-view-btn:hover {
	background: var(--wbam-info, #3b82f6);
	color: var(--wbam-text-white, #fff);
}

.wbam-view-btn .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
}

/* Mobile Filter Toggle - Hidden on Desktop */
.wbam-mobile-filter-toggle {
	display: none;
}

/* Main Content Area */
.wbam-archive-main {
	min-width: 0; /* Prevent grid blowout */
}

/* Empty State */
.wbam-empty-state {
	text-align: center;
	padding: 60px 20px;
	background: var(--wbam-bg-slate-50, var(--wbam-bg-light, #f9fafb));
	border-radius: 12px;
}

.wbam-empty-state .dashicons {
	font-size: 48px;
	width: 48px;
	height: 48px;
	color: #d1d5db;
	margin-bottom: 16px;
}

.wbam-empty-state h3 {
	margin: 0 0 8px;
	font-size: 18px;
	color: var(--wbam-text-primary, #374151);
}

/* Classifieds Grid in Sidebar Layout */
.wbam-has-sidebar .wbam-classifieds-grid {
	display: grid;
	gap: 20px;
}

.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-3 {
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-4 {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/* Card Improvements */
.wbam-classified-card {
	position: relative;
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-gray-200, #e5e7eb);
	border-radius: 12px;
	overflow: visible;
	transition: transform 0.2s, box-shadow 0.2s;
	max-width: 100%;
	min-width: 0;
}

.wbam-classified-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px -5px var(--wbam-shadow-base, rgba(0, 0, 0, 0.1));
}

.wbam-classified-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.wbam-classified-image {
	position: relative;
	aspect-ratio: 4/3;
	overflow: hidden;
	background: var(--wbam-bg-lighter, #f3f4f6);
}

.wbam-classified-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.wbam-classified-card:hover .wbam-classified-image img {
	transform: scale(1.05);
}

.wbam-no-image-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: var(--wbam-bg-lighter, #f3f4f6);
}

.wbam-no-image-placeholder .dashicons {
	font-size: 48px;
	width: 48px;
	height: 48px;
	color: var(--wbam-gray-400, #d1d5db);
}

.wbam-classified-info {
	padding: 16px;
}

.wbam-classified-title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1f2937);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wbam-classified-price {
	font-size: 18px;
	font-weight: 700;
	color: var(--wbam-green-600, #059669);
	margin-bottom: 8px;
}

.wbam-classified-location {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	color: var(--wbam-text-secondary, #6b7280);
	margin-bottom: 8px;
}

.wbam-classified-location .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

.wbam-classified-meta {
	font-size: 12px;
	color: var(--wbam-text-muted, #9ca3af);
}

.wbam-classified-date {
	display: flex;
	align-items: center;
	gap: 4px;
}

.wbam-classified-date .dashicons {
	font-size: 12px;
	width: 12px;
	height: 12px;
}

/* Badges */
.wbam-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.wbam-badge-featured {
	background: linear-gradient(135deg, var(--wbam-amber-500, #f59e0b), var(--wbam-amber-600, #d97706));
	color: var(--wbam-text-white, #fff);
}

.wbam-badge-premium {
	background: linear-gradient(135deg, var(--wbam-purple-600, #8b5cf6), var(--wbam-purple-600, #7c3aed));
	color: var(--wbam-text-white, #fff);
}

/* Pagination */
.wbam-pagination {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	gap: 4px;
}

.wbam-pagination a,
.wbam-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--wbam-gray-400, #d1d5db);
	border-radius: 8px;
	font-size: 14px;
	color: var(--wbam-text-dark, #374151);
	text-decoration: none;
	transition: all 0.2s;
}

.wbam-pagination a:hover {
	background: var(--wbam-bg-lighter, #f3f4f6);
	border-color: var(--wbam-text-muted, #9ca3af);
}

.wbam-pagination .current {
	background: var(--wbam-info, #3b82f6);
	border-color: var(--wbam-info, #3b82f6);
	color: var(--wbam-text-white, #fff);
}

/* ==========================================================================
   RESPONSIVE - SIDEBAR FILTERS
   ========================================================================== */

@media (max-width: 1024px) {
	.wbam-has-sidebar .wbam-archive-layout {
		grid-template-columns: 250px 1fr;
		gap: 20px;
	}

	.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-3,
	.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-4 {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
}

@media (max-width: 768px) {
	/* Stack layout on mobile */
	.wbam-has-sidebar .wbam-archive-layout {
		grid-template-columns: 1fr;
	}

	/* Hide sidebar by default on mobile */
	.wbam-sidebar-filters {
		position: fixed;
		top: 0;
		left: -100%;
		width: 300px;
		height: 100vh;
		z-index: 1000;
		border-radius: 0;
		border: none;
		box-shadow: 2px 0 20px var(--wbam-shadow-medium, rgba(0, 0, 0, 0.15));
		transition: left 0.3s ease;
		overflow-y: auto;
	}

	.wbam-sidebar-filters.active {
		left: 0;
	}

	/* Show mobile filter toggle */
	.wbam-mobile-filter-toggle {
		display: inline-flex;
	}

	/* Overlay for mobile sidebar */
	.wbam-filter-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--wbam-overlay-darker, rgba(0, 0, 0, 0.5));
		z-index: 999;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s, visibility 0.3s;
	}

	body.wbam-filters-open .wbam-filter-overlay {
		opacity: 1;
		visibility: visible;
	}

	/* Filter close button */
	.wbam-filter-close {
		display: flex;
		position: absolute;
		top: 12px;
		right: 12px;
		width: 32px;
		height: 32px;
		padding: 0;
		border: none;
		background: var(--wbam-bg-lighter, #f3f4f6);
		border-radius: 50%;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 10;
	}

	.wbam-filter-close:hover {
		background: var(--wbam-gray-200, #e5e7eb);
	}

	.wbam-filter-close .dashicons {
		font-size: 18px;
		width: 18px;
		height: 18px;
	}

	/* Results header adjustments */
	.wbam-results-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.wbam-results-controls {
		width: 100%;
		justify-content: space-between;
	}

	.wbam-sort-options label {
		display: none;
	}

	/* Grid adjustments */
	.wbam-has-sidebar .wbam-classifieds-grid,
	.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-2,
	.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-3,
	.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-4 {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	/* Subcategories scroll */
	.wbam-subcategory-list {
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 8px;
		-webkit-overflow-scrolling: touch;
	}

	.wbam-subcategory-item {
		flex-shrink: 0;
	}
}

@media (max-width: 480px) {
	.wbam-has-sidebar .wbam-classifieds-grid,
	.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-2,
	.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-3,
	.wbam-has-sidebar .wbam-classifieds-grid.wbam-columns-4 {
		grid-template-columns: 1fr;
	}

	.wbam-archive-title {
		font-size: 22px;
	}

	.wbam-view-toggle {
		display: none;
	}
}

/* Hide close button on desktop */
.wbam-filter-close {
	display: none;
}

/* List View Styles */
.wbam-classifieds-grid.wbam-list-view {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.wbam-classifieds-grid.wbam-list-view .wbam-classified-card {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.wbam-classifieds-grid.wbam-list-view .wbam-classified-link {
	display: flex;
	flex-direction: row;
	gap: 20px;
	width: 100%;
}

.wbam-classifieds-grid.wbam-list-view .wbam-classified-image {
	flex-shrink: 0;
	width: 200px;
	height: 150px;
}

.wbam-classifieds-grid.wbam-list-view .wbam-classified-info {
	flex: 1;
	padding: 12px 16px 12px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wbam-classifieds-grid.wbam-list-view .wbam-classified-title {
	font-size: 18px;
	margin-bottom: 8px;
}

.wbam-classifieds-grid.wbam-list-view .wbam-classified-price {
	font-size: 20px;
	margin-bottom: 8px;
}

.wbam-classifieds-grid.wbam-list-view .wbam-classified-location,
.wbam-classifieds-grid.wbam-list-view .wbam-classified-meta {
	margin-top: 4px;
}

@media (max-width: 768px) {
	.wbam-classifieds-grid.wbam-list-view .wbam-classified-image {
		width: 140px;
		height: 110px;
	}

	.wbam-classifieds-grid.wbam-list-view .wbam-classified-title {
		font-size: 16px;
	}

	.wbam-classifieds-grid.wbam-list-view .wbam-classified-price {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.wbam-classifieds-grid.wbam-list-view .wbam-classified-card,
	.wbam-classifieds-grid.wbam-list-view .wbam-classified-link {
		flex-direction: column;
		gap: 0;
	}

	.wbam-classifieds-grid.wbam-list-view .wbam-classified-image {
		width: 100%;
		height: 180px;
	}

	.wbam-classifieds-grid.wbam-list-view .wbam-classified-info {
		padding: 16px;
	}
}

/* ==========================================================================
   Follow Seller Feature Styles
   ========================================================================== */

/* Seller Profile - Name Row with Follow Button */
.wbam-seller-name-row {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.wbam-seller-name-row .wbam-seller-name {
	margin: 0;
}

/* Follow Button */
.wbam-follow-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border: 2px solid var(--wbam-primary, #3483fa);
	border-radius: 20px;
	background: transparent;
	color: var(--wbam-primary, #3483fa);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.wbam-follow-btn:hover {
	background: var(--wbam-primary, #3483fa);
	color: var(--wbam-text-white, #fff);
}

.wbam-follow-btn.following {
	background: var(--wbam-primary, #3483fa);
	color: var(--wbam-text-white, #fff);
}

.wbam-follow-btn.following:hover {
	background: var(--wbam-danger, #e53935);
	border-color: var(--wbam-danger, #e53935);
}

.wbam-follow-btn.following:hover .wbam-follow-text::after {
	content: ' - Unfollow';
}

.wbam-follow-btn.following:hover .wbam-follow-text {
	display: none;
}

.wbam-follow-btn.following:hover::after {
	content: 'Unfollow';
}

.wbam-follow-btn .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.wbam-follow-btn.loading {
	opacity: 0.7;
	pointer-events: none;
}

/* Followers Count in Meta */
.wbam-followers-count {
	font-weight: 500;
}

.wbam-followers-count .wbam-count-number {
	font-weight: 700;
}

/* ==========================================================================
   Following Tab Styles
   ========================================================================== */

.wbam-following-tab .wbam-tab-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.wbam-following-tab .wbam-tab-header h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
}

.wbam-tab-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 8px;
	background: var(--wbam-bg-gray-200, #e8e8e8);
	border-radius: 12px;
	font-size: 13px;
	font-weight: 500;
	color: var(--wbam-text-secondary, #666);
}

.wbam-following-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 20px;
}

.wbam-following-card {
	background: var(--wbam-bg-white, #fff);
	border: 1px solid var(--wbam-border-light, #e0e0e0);
	border-radius: 12px;
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}

.wbam-following-card:hover {
	box-shadow: 0 4px 16px var(--wbam-shadow-base, rgba(0, 0, 0, 0.1));
}

.wbam-following-header {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px;
	border-bottom: 1px solid var(--wbam-border, #f0f0f0);
}

.wbam-following-avatar {
	flex-shrink: 0;
}

.wbam-following-avatar img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
}

.wbam-following-info {
	flex: 1;
	min-width: 0;
}

.wbam-following-name {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 600;
}

.wbam-following-name a {
	color: inherit;
	text-decoration: none;
}

.wbam-following-name a:hover {
	color: var(--wbam-primary, #3483fa);
}

.wbam-following-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	font-size: 13px;
	color: var(--wbam-text-secondary, #666);
}

.wbam-following-meta .wbam-meta-item {
	display: flex;
	align-items: center;
	gap: 4px;
}

.wbam-following-meta .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

.wbam-following-actions {
	flex-shrink: 0;
}

.wbam-following-actions .wbam-follow-btn {
	padding: 6px 12px;
	font-size: 12px;
}

/* Latest Listings in Following Card */
.wbam-following-listings {
	padding: 12px 16px;
	background: var(--wbam-bg-lighter, #f9f9f9);
}

.wbam-following-listings h5 {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	color: var(--wbam-text-secondary, #666);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.wbam-mini-listings {
	display: flex;
	gap: 8px;
}

.wbam-mini-listing {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 6px;
	overflow: hidden;
	background: var(--wbam-border-light, #e0e0e0);
}

.wbam-mini-listing img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s ease;
}

.wbam-mini-listing:hover img {
	transform: scale(1.05);
}

.wbam-mini-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: var(--wbam-border-light, #e0e0e0);
	color: var(--wbam-text-light, #999);
}

.wbam-mini-placeholder .dashicons {
	font-size: 24px;
	width: 24px;
	height: 24px;
}

/* Following Card Footer */
.wbam-following-footer {
	padding: 12px 16px;
	text-align: center;
}

.wbam-following-page-footer {
	margin-top: 24px;
	text-align: center;
}

/* Responsive */
@media (max-width: 640px) {
	.wbam-following-grid {
		grid-template-columns: 1fr;
	}

	.wbam-seller-name-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.wbam-following-header {
		flex-wrap: wrap;
	}

	.wbam-following-actions {
		width: 100%;
		margin-top: 8px;
	}

	.wbam-following-actions .wbam-follow-btn {
		width: 100%;
		justify-content: center;
	}
}

/* ==========================================================================
   Favorites Tab Styles
   ========================================================================== */

.wbam-favorites-tab .wbam-tab-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.wbam-favorites-tab .wbam-tab-header h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
}

/* ==========================================================================
   Standalone Page Wrappers (My Following, My Favorites)
   ========================================================================== */

.wbam-my-following-wrapper,
.wbam-my-favorites-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px 16px;
}

.wbam-my-following-wrapper .wbam-following-header,
.wbam-my-favorites-wrapper .wbam-favorites-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--wbam-slate-200, #e2e8f0);
}

.wbam-my-following-wrapper .wbam-following-header h3,
.wbam-my-favorites-wrapper .wbam-favorites-header h3 {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	color: var(--wbam-text-primary, #1e293b);
}

/* Follow Login Link Styling */
.wbam-follow-btn.wbam-follow-login {
	text-decoration: none;
}

/* ==========================================================================
   Contact Form - Quick Messages
   ========================================================================== */

.wbam-quick-messages {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.wbam-quick-label {
	font-weight: 600;
	font-size: 13px;
	color: var(--wbam-text-secondary, #475569);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.wbam-quick-msg {
	padding: 8px 14px;
	border: 1px solid var(--wbam-gray-300, #cbd5e1);
	border-radius: 6px;
	background: var(--wbam-bg-slate-50, #f8fafc);
	color: var(--wbam-text-secondary, #475569);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.wbam-quick-msg:hover {
	background: var(--wbam-cyan-600, #0891b2);
	color: var(--wbam-text-white, #fff);
	border-color: var(--wbam-info, var(--wbam-cyan-600, #0891b2));
}

.wbam-quick-msg:focus {
	outline: none;
	box-shadow: 0 0 0 3px var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.2));
	border-color: var(--wbam-info, var(--wbam-cyan-600, #0891b2));
}

.wbam-quick-msg:active {
	transform: scale(0.98);
}

/* ==========================================================================
   Contact Form - Helper Elements
   ========================================================================== */

.wbam-field-hint {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: var(--wbam-text-secondary, #64748b);
	font-style: italic;
}

.wbam-form-note {
	margin-top: 12px;
	padding: 12px 14px;
	background: var(--wbam-bg-slate-100, #f1f5f9);
	border-radius: 6px;
	font-size: 13px;
	color: var(--wbam-text-secondary, #64748b);
	display: flex;
	align-items: center;
	gap: 8px;
}

.wbam-form-note .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: var(--wbam-text-light, #94a3b8);
	flex-shrink: 0;
}

.wbam-contact-as {
	margin: 0 0 16px;
	padding: 12px 16px;
	background: var(--wbam-bg-slate-50, #f8fafc);
	border-radius: 6px;
	font-size: 14px;
	color: var(--wbam-text-secondary, #475569);
	border-left: 4px solid var(--wbam-cyan-600, #0891b2);
}

.wbam-hp-field {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	border: 0 !important;
	pointer-events: none !important;
}

/* ==========================================================================
   Contact Form - Success/Error Messages
   ========================================================================== */

.wbam-message-success {
	padding: 20px 24px;
	background: var(--wbam-success-bg, var(--wbam-green-100, #dcfce7));
	border: 1px solid var(--wbam-green-200, #bbf7d0);
	border-radius: 8px;
	border-left: 4px solid var(--wbam-green-800, #16a34a);
	text-align: center;
}

.wbam-message-success .dashicons {
	font-size: 32px;
	width: 32px;
	height: 32px;
	color: var(--wbam-green-800, #16a34a);
	margin-bottom: 8px;
}

.wbam-message-success h4 {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
	color: var(--wbam-success-text, #166534);
}

.wbam-message-success p {
	margin: 0;
	color: var(--wbam-success-text, #166534);
	font-size: 14px;
}

.wbam-price-error {
	padding: 8px 12px;
	background: var(--wbam-danger-bg, #fee2e2);
	border: 1px solid var(--wbam-red-200, #fecaca);
	border-radius: 4px;
	color: var(--wbam-red-600, #991b1b);
	font-size: 13px;
	border-left: 4px solid var(--wbam-danger, #dc2626);
	margin-top: 8px;
}

/* ==========================================================================
   Button Focus States (Accessibility)
   ========================================================================== */

.wbam-btn-call:focus,
.wbam-btn-message:focus,
.wbam-btn-text:focus {
	outline: none;
	box-shadow: 0 0 0 3px var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.25));
}

.wbam-btn-call:active,
.wbam-btn-message:active,
.wbam-btn-text:active {
	transform: scale(0.98);
}

.wbam-nav:focus {
	outline: none;
	box-shadow: 0 0 0 3px var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.3)), 0 4px 16px var(--wbam-shadow-heavy, rgba(0, 0, 0, 0.2));
}

.wbam-nav:focus:not(:focus-visible) {
	box-shadow: 0 4px 16px var(--wbam-shadow-heavy, rgba(0, 0, 0, 0.2));
}

.wbam-single .wbam-thumb:focus {
	outline: none;
	border-color: var(--wbam-info, var(--wbam-cyan-600, #0891b2));
	box-shadow: 0 0 0 2px var(--wbam-shadow-focus-cyan, rgba(8, 145, 178, 0.3));
	opacity: 1;
}

.wbam-single .wbam-thumb:active {
	transform: scale(0.98);
}

/* ==========================================================================
   Card Hover Enhancements
   ========================================================================== */

.wbam-classified-card img {
	transition: transform 0.3s ease;
}

.wbam-classified-card:hover img {
	transform: scale(1.05);
}

.wbam-classified-card .wbam-classified-title {
	transition: color 0.2s ease;
}

.wbam-classified-card:hover .wbam-classified-title {
	color: var(--wbam-info, var(--wbam-cyan-600, #0891b2));
}

/* ==========================================================================
   Additional Responsive - Tablet Breakpoint
   ========================================================================== */

@media (max-width: 992px) {
	.wbam-classified-sidebar {
		width: 100%;
		position: static;
	}

	.wbam-classified-layout {
		flex-direction: column;
	}

	.wbam-following-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.wbam-columns-4 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.wbam-columns-3,
	.wbam-columns-4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.wbam-following-grid {
		gap: 12px;
	}

	.wbam-quick-messages {
		flex-direction: column;
		align-items: flex-start;
	}

	.wbam-quick-label {
		margin-bottom: 4px;
	}
}

@media (max-width: 480px) {
	.wbam-columns-2,
	.wbam-columns-3,
	.wbam-columns-4 {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Report Modal
   ========================================================================== */

.wbam-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wbam-report-modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.wbam-modal-content {
	position: relative;
	background: var(--wbam-bg-white);
	border-radius: var(--wbam-radius-lg);
	padding: 24px;
	max-width: 500px;
	width: 90%;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: var(--wbam-shadow-xl);
}

.wbam-report-modal-close {
	position: absolute;
	top: 12px;
	right: 12px;
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: var(--wbam-text-muted);
	line-height: 1;
	padding: 4px;
}

.wbam-report-modal-close:hover {
	color: var(--wbam-text-primary);
}

.wbam-modal-content h3 {
	margin: 0 0 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--wbam-border);
	font-size: 18px;
	color: var(--wbam-text-primary);
}

#wbam-report-form .wbam-form-row {
	margin-bottom: 16px;
}

#wbam-report-form label {
	display: block;
	margin-bottom: 6px;
	font-weight: 500;
	color: var(--wbam-text-primary);
}

#wbam-report-form label .required {
	color: var(--wbam-error);
}

#wbam-report-form input[type="text"],
#wbam-report-form input[type="email"],
#wbam-report-form select,
#wbam-report-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--wbam-border);
	border-radius: var(--wbam-radius);
	font-size: 14px;
	background: var(--wbam-bg-white);
}

#wbam-report-form input:focus,
#wbam-report-form select:focus,
#wbam-report-form textarea:focus {
	outline: none;
	border-color: var(--wbam-primary);
	box-shadow: 0 0 0 2px var(--wbam-primary-light);
}

#wbam-report-form textarea {
	resize: vertical;
	min-height: 80px;
}

#wbam-report-form .wbam-form-actions {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid var(--wbam-border);
}

#wbam-report-form .wbam-btn {
	padding: 10px 20px;
	border-radius: var(--wbam-radius);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	border: 1px solid transparent;
	transition: var(--wbam-transition);
}

#wbam-report-form .wbam-btn-primary {
	background: var(--wbam-btn-bg-primary);
	color: var(--wbam-btn-text-primary);
	border-color: var(--wbam-btn-border-primary);
}

#wbam-report-form .wbam-btn-primary:hover {
	background: var(--wbam-btn-bg-primary-hover);
	border-color: var(--wbam-btn-border-primary-hover);
}

#wbam-report-form .wbam-btn-secondary {
	background: var(--wbam-bg-white);
	color: var(--wbam-text-primary);
	border-color: var(--wbam-border);
}

#wbam-report-form .wbam-btn-secondary:hover {
	background: var(--wbam-bg-light);
}

#wbam-report-form .wbam-form-message {
	padding: 12px;
	border-radius: var(--wbam-radius);
	margin-bottom: 16px;
}

#wbam-report-form .wbam-form-message.wbam-success {
	background: var(--wbam-success-bg);
	color: var(--wbam-success);
	border: 1px solid var(--wbam-success);
}

#wbam-report-form .wbam-form-message.wbam-error {
	background: var(--wbam-error-bg);
	color: var(--wbam-error);
	border: 1px solid var(--wbam-error);
}

body.wbam-modal-open {
	overflow: hidden;
}

/* Report button styling */
.wbam-report-link {
	background: none;
	border: none;
	color: var(--wbam-text-muted);
	cursor: pointer;
	padding: 4px 8px;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: var(--wbam-transition);
}

.wbam-report-link:hover {
	color: var(--wbam-error);
}

.wbam-report-link .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

@media (max-width: 480px) {
	.wbam-modal-content {
		padding: 16px;
		width: 95%;
	}

	#wbam-report-form .wbam-form-actions {
		flex-direction: column;
	}

	#wbam-report-form .wbam-form-actions .wbam-btn {
		width: 100%;
	}
}