/*
 * Specificity note: this plugin runs on top of unknown, unpredictable themes.
 * Many themes ship a generic reset like `button, [type="button"] { color: ...; background: ... }`
 * which has the SAME specificity as a single class selector (0,1,0). When that's the case,
 * whichever stylesheet loads LAST wins the tie — which can silently override our button colors
 * depending on plugin load order. To make this plugin's look reliable on any site, every rule
 * that sets a look-and-feel property is (a) scoped under the #womeer-cc-banner / #womeer-cc-mini
 * ID (specificity 1,0,0, which beats any class/attribute selector) and (b) uses !important on
 * the specific properties (background/color/border) most commonly targeted by theme resets.
 */

#womeer-cc-banner{position:fixed;z-index:999999;background:#111827;color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;box-shadow:0 -2px 20px rgba(0,0,0,.25)}
#womeer-cc-banner[hidden]{display:none}

/* Full-width bar: top or bottom */
#womeer-cc-banner[data-position="bottom"],
#womeer-cc-banner[data-position="top"]{left:0;right:0}
#womeer-cc-banner[data-position="bottom"]{bottom:0}
#womeer-cc-banner[data-position="top"]{top:0;box-shadow:0 2px 20px rgba(0,0,0,.25)}
#womeer-cc-banner[data-position="bottom"] .womeer-cc-banner__inner,
#womeer-cc-banner[data-position="top"] .womeer-cc-banner__inner{max-width:1100px;margin:0 auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#womeer-cc-banner[data-position="bottom"] .womeer-cc-banner__credit,
#womeer-cc-banner[data-position="top"] .womeer-cc-banner__credit{max-width:1100px;margin:0 auto;padding:0 24px 12px}

/* Side card: left or right */
#womeer-cc-banner[data-position="left"],
#womeer-cc-banner[data-position="right"]{bottom:16px;width:380px;max-width:calc(100vw - 32px);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
#womeer-cc-banner[data-position="left"]{left:16px}
#womeer-cc-banner[data-position="right"]{right:16px}
#womeer-cc-banner[data-position="left"] .womeer-cc-banner__inner,
#womeer-cc-banner[data-position="right"] .womeer-cc-banner__inner{padding:20px;display:block}
#womeer-cc-banner[data-position="left"] .womeer-cc-banner__actions,
#womeer-cc-banner[data-position="right"] .womeer-cc-banner__actions{margin-top:14px;flex-direction:column;align-items:stretch}
#womeer-cc-banner[data-position="left"] .womeer-cc-banner__credit,
#womeer-cc-banner[data-position="right"] .womeer-cc-banner__credit{padding:0 20px 16px}

#womeer-cc-banner .womeer-cc-banner__main{flex:0 1 auto;width:100%;min-width:0;max-width:100%}
#womeer-cc-banner .womeer-cc-banner__title{margin:0 0 6px;font-size:16px;font-weight:700;color:#fff}
#womeer-cc-banner .womeer-cc-banner__text{margin:0 0 6px;color:#d1d5db}
#womeer-cc-banner .womeer-cc-banner__law{margin:0;font-size:12px;color:#9ca3af}
#womeer-cc-banner .womeer-cc-banner__law a{color:var(--womeer-cc-law-link,#9ca3af) !important;text-decoration:underline}
#womeer-cc-banner .womeer-cc-banner__law a:hover{color:var(--womeer-cc-law-link-hover,#ffffff) !important}
#womeer-cc-banner .womeer-cc-banner__categories{margin-top:14px;display:grid;gap:10px}
#womeer-cc-banner .womeer-cc-banner__categories[hidden]{display:none}
#womeer-cc-banner .womeer-cc-cat{display:flex;align-items:flex-start;gap:10px;background:rgba(255,255,255,.05);border-radius:8px;padding:10px 12px}
#womeer-cc-banner .womeer-cc-cat label{font-weight:600;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer}
#womeer-cc-banner .womeer-cc-cat p{margin:4px 0 0;color:#9ca3af;font-size:12.5px}
#womeer-cc-banner .womeer-cc-cat input[type="checkbox"]{width:16px;height:16px}
#womeer-cc-banner .womeer-cc-banner__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

#womeer-cc-banner .womeer-cc-btn{border:0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
#womeer-cc-banner .womeer-cc-btn[hidden]{display:none}
#womeer-cc-banner .womeer-cc-btn--primary{
	background:var(--womeer-cc-accept-bg,var(--womeer-cc-color,#4f46e5)) !important;
	color:var(--womeer-cc-accept-text,#fff) !important;
	border-color:transparent !important;
}
#womeer-cc-banner .womeer-cc-btn--primary:hover{
	background:var(--womeer-cc-accept-bg-hover,var(--womeer-cc-accept-bg,var(--womeer-cc-color,#4f46e5))) !important;
}
#womeer-cc-banner .womeer-cc-btn--outline{
	background:var(--womeer-cc-reject-bg,transparent) !important;
	color:var(--womeer-cc-reject-text,#fff) !important;
	border:1px solid var(--womeer-cc-reject-border,#6b7280) !important;
}
#womeer-cc-banner .womeer-cc-btn--outline:hover{
	background:var(--womeer-cc-reject-bg-hover,rgba(255,255,255,.12)) !important;
}
#womeer-cc-banner .womeer-cc-btn--ghost{
	background:var(--womeer-cc-settings-bg,#374151) !important;
	color:var(--womeer-cc-settings-text,#fff) !important;
	border-color:transparent !important;
}
#womeer-cc-banner .womeer-cc-btn--ghost:hover{
	background:var(--womeer-cc-settings-bg-hover,var(--womeer-cc-settings-bg,#374151)) !important;
}

#womeer-cc-banner .womeer-cc-banner__credit{max-width:1100px;margin:0 auto;padding:0 24px 12px;font-size:11px;color:#6b7280}
#womeer-cc-banner .womeer-cc-banner__credit a{color:#9ca3af}
.womeer-cc-reopen{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0;font:inherit}
.womeer-cc-legal-doc h2{margin-top:28px}
.womeer-cc-legal-doc .womeer-cc-pdf-btn{display:inline-block;text-decoration:none;color:#111827;border:1px solid #d1d5db;background:#f3f4f6;margin-top:8px}
.womeer-cc-legal-doc .womeer-cc-pdf-btn:hover{background:#e5e7eb}
.womeer-cc-arco-form label{display:block;margin-bottom:4px;font-weight:600}
.womeer-cc-arco-form input,.womeer-cc-arco-form select,.womeer-cc-arco-form textarea{width:100%;max-width:480px;padding:8px 10px;margin-top:4px;border:1px solid #d1d5db;border-radius:6px}
.womeer-cc-arco-msg{padding:10px 14px;border-radius:6px;margin-bottom:16px}
.womeer-cc-arco-msg--ok{background:#dcfce7;color:#166534}
.womeer-cc-arco-msg--error{background:#fee2e2;color:#991b1b}
.womeer-cc-submit-disabled{opacity:.5;cursor:not-allowed}
.womeer-cc-required-hint{color:#dc2626 !important;font-size:12.5px;margin-top:4px}
@media (max-width:640px){
	#womeer-cc-banner .womeer-cc-banner__actions{width:100%}
	#womeer-cc-banner .womeer-cc-btn{flex:1 1 auto}
	#womeer-cc-banner[data-position="left"],
	#womeer-cc-banner[data-position="right"]{left:8px;right:8px;width:auto}
}

/* Minimized icon: reopens the banner. Size, color, image and position all come from Ajustes. */
#womeer-cc-mini{
	position:fixed !important;z-index:999999;
	width:var(--womeer-cc-mini-size,56px);height:var(--womeer-cc-mini-size,56px);
	border-radius:50%;border:0;padding:0;overflow:hidden;
	background:var(--womeer-cc-mini-bg,#4f46e5) !important;
	color:var(--womeer-cc-mini-color,#1f2937) !important;
	cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.3);
	display:flex;align-items:center;justify-content:center;
}
#womeer-cc-mini[hidden]{display:none}
#womeer-cc-mini.womeer-cc-mini--flat{background:transparent !important;box-shadow:none}
#womeer-cc-mini[data-vertical="top"]{top:var(--womeer-cc-mini-offset-y,16px)}
#womeer-cc-mini[data-vertical="bottom"]{bottom:var(--womeer-cc-mini-offset-y,16px)}
#womeer-cc-mini[data-side="left"]{left:var(--womeer-cc-mini-offset-x,16px)}
#womeer-cc-mini[data-side="right"]{right:var(--womeer-cc-mini-offset-x,16px)}
#womeer-cc-mini .womeer-cc-mini__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--womeer-cc-mini-size,56px) * 0.55);line-height:1;border-radius:50%;overflow:hidden}
#womeer-cc-mini .womeer-cc-mini__content img{width:100%;height:100%;object-fit:cover;pointer-events:none}
