/**
 * Frontend Styles for WooCommerce Discord Integration
 */

.woocommerce-discord-connection {
	margin: 20px 0;
}

.woocommerce-discord-linked,
.woocommerce-discord-not-linked {
	margin-top: 15px;
}

.woocommerce-table--discord-info {
	margin-top: 20px;
	margin-bottom: 20px;
}

.woocommerce-table--discord-info th {
	font-weight: 600;
	width: 30%;
}

.woocommerce-table--discord-info code {
	background: #f0f0f1;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 0.9em;
}

.woocommerce-discord-not-linked ul {
	margin-bottom: 20px;
}

.woocommerce-privacy-policy-text {
	margin-top: 20px;
	padding: 10px;
	background: #f9f9f9;
	border-left: 4px solid #ddd;
	font-size: 0.9em;
	color: #666;
}

/* Box additionnelle : rejoindre directement le serveur Discord */
.eden-dc-extra { display:flex; align-items:center; gap:18px; margin-top:16px; padding:20px 22px; background:#fff; border:1px solid var(--rose-soft,#e8c8dc); border-radius:18px; flex-wrap:wrap; }
.eden-dc-extra__ic { flex:0 0 48px; width:48px; height:48px; border-radius:13px; background:var(--rose-mist,#f8e8f1); color:#5865F2; display:flex; align-items:center; justify-content:center; }
.eden-dc-extra__txt { flex:1 1 240px; display:flex; flex-direction:column; gap:3px; min-width:0; }
.eden-dc-extra__txt strong { font-size:15px; color:var(--ink,#1a1a1a); }
.eden-dc-extra__txt span { font-size:13.5px; color:var(--ink-soft,#4f4f4f); line-height:1.5; }
.eden-dc-extra__btn { flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; background:transparent; color:#5865F2; border:1.5px solid #5865F2; text-decoration:none; padding:11px 20px; border-radius:12px; font-weight:600; font-size:14px; transition:background .15s,color .15s; }
.eden-dc-extra__btn:hover { background:#5865F2; color:#fff; }
@media (max-width:640px) {
	.eden-dc-extra { flex-direction:column; text-align:center; align-items:center; gap:12px; }
	.eden-dc-extra__txt { flex:0 0 auto; }
	.eden-dc-extra__btn { width:auto; max-width:100%; justify-content:center; }
}