/**
 * RBS Affiliate Banner Generator — modal + course-card button styles.
 *
 * @package RBS_Marketplace
 */

.rbs-generate-banner-btn{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:10px 16px;
	background:transparent;
	border:1px solid rgba(220,173,96,0.4);
	border-radius:6px;
	color:#DCAD60;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
	transition:.2s ease;
}
.rbs-generate-banner-btn:hover{
	background:#DCAD60;
	color:#0b0a09;
}

.rbs-banner-modal-overlay{
	position:fixed;
	inset:0;
	z-index:100000;
	background:rgba(5,5,5,0.82);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	box-sizing:border-box;
}
.rbs-banner-modal-overlay *{ box-sizing:border-box; }

.rbs-banner-modal{
	background:#0f0e0c;
	border:1px solid rgba(220,173,96,0.25);
	border-radius:16px;
	max-width:640px;
	width:100%;
	max-height:92vh;
	overflow-y:auto;
	padding:26px;
	font-family:'Inter',Arial,sans-serif;
}

.rbs-banner-modal-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:16px;
}
.rbs-banner-modal-head h3{
	margin:0;
	color:#ffffff !important;
	font-size:15px !important;
	font-weight:700 !important;
	line-height:1.3 !important;
}
.rbs-banner-modal-close{
	background:none;
	border:none;
	color:#F5F1E8;
	font-size:26px;
	line-height:1;
	cursor:pointer;
	padding:0 4px;
}

.rbs-banner-size-row{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	margin-bottom:16px;
}
.rbs-banner-size-btn{
	padding:8px 14px;
	border-radius:999px;
	border:1px solid rgba(220,173,96,0.3);
	background:transparent;
	color:#F5F1E8;
	font-size:12.5px;
	font-weight:600;
	cursor:pointer;
	transition:.2s ease;
}
.rbs-banner-size-btn.is-active,
.rbs-banner-size-btn:hover{
	background:#DCAD60;
	color:#0b0a09;
	border-color:#DCAD60;
}

.rbs-banner-canvas-wrap{
	width:100%;
	max-height:60vh;
	overflow:auto;
	background:#000;
	border-radius:10px;
	margin-bottom:18px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.rbs-banner-canvas-wrap canvas{
	max-width:100%;
	height:auto;
	display:block;
}

.rbs-banner-download-btn{
	display:block;
	width:100%;
	padding:14px;
	background:linear-gradient(135deg,#DCAD60,#B8862E);
	color:#0b0a09;
	border:none;
	border-radius:10px;
	font-size:14px;
	font-weight:700;
	letter-spacing:0.04em;
	text-transform:uppercase;
	cursor:pointer;
	transition:transform .2s ease, box-shadow .2s ease;
}
.rbs-banner-download-btn:hover{
	transform:translateY(-2px);
	box-shadow:0 10px 26px rgba(220,173,96,0.3);
}

.rbs-banner-action-row{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:10px;
	margin-bottom:16px;
}
.rbs-banner-action-row .rbs-banner-download-btn,
.rbs-banner-share-btn,
.rbs-banner-embed-btn{
	margin:0;
	padding:13px 10px;
	font-size:12.5px;
}
.rbs-banner-share-btn,
.rbs-banner-embed-btn{
	background:transparent;
	border:1px solid rgba(220,173,96,0.4);
	border-radius:10px;
	color:#DCAD60;
	font-weight:700;
	letter-spacing:0.04em;
	text-transform:uppercase;
	cursor:pointer;
	transition:.2s ease;
}
.rbs-banner-share-btn:hover,
.rbs-banner-embed-btn:hover{
	background:#DCAD60;
	color:#0b0a09;
}

.rbs-banner-embed-note{
	margin:0 0 16px;
	padding:10px 14px;
	background:rgba(220,173,96,0.08);
	border:1px solid rgba(220,173,96,0.3);
	border-radius:8px;
	color:#F5F1E8;
	font-size:12.5px;
	line-height:1.55;
}

.rbs-banner-social-row{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	margin-bottom:16px;
}
.rbs-banner-social-link{
	flex:1 1 auto;
	text-align:center;
	padding:10px 8px;
	border-radius:8px;
	background:rgba(220,173,96,0.06);
	border:1px solid rgba(220,173,96,0.4) !important;
	color:#ffffff !important;
	font-size:12.5px !important;
	font-weight:700 !important;
	text-decoration:none !important;
	transition:.2s ease;
}
.rbs-banner-social-link:hover{
	border-color:#DCAD60 !important;
	color:#0b0a09 !important;
	background:#DCAD60 !important;
}

.rbs-banner-embed-box{
	border-top:1px solid rgba(220,173,96,0.2);
	padding-top:14px;
	margin-bottom:16px;
}
.rbs-banner-embed-status{
	margin:0 0 10px;
	color:#F5F1E8;
	opacity:0.75;
	font-size:13px;
}
.rbs-banner-embed-textarea{
	width:100%;
	padding:12px;
	border:1px solid rgba(220,173,96,0.25);
	border-radius:8px;
	background:#050505;
	color:#F5F1E8;
	font-family:monospace;
	font-size:12.5px;
	margin-bottom:10px;
	resize:vertical;
}
.rbs-banner-embed-copy-btn{
	display:block;
	width:100%;
	padding:12px;
	background:transparent;
	border:1px solid rgba(220,173,96,0.4);
	border-radius:8px;
	color:#DCAD60;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
	transition:.2s ease;
}
.rbs-banner-embed-copy-btn:hover{
	background:#DCAD60;
	color:#0b0a09;
}

@media(max-width:480px){
	.rbs-banner-modal{ padding:18px; }
	.rbs-banner-action-row{ grid-template-columns:1fr; }
}