/* Conformitate RO WooCommerce - shared front-end styles */

/* SAL/SOL badges */
.crwc-sal-sol-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.crwc-sal-sol-footer {
	padding: 12px 20px;
	text-align: center;
}

/*
 * Appended after a block-theme Navigation block's own markup (see
 * CRWC_Module_Sal_Sol::add_menu_icons_to_navigation_block()) — sits next to
 * rather than literally inside the menu's own <ul>, since splicing into
 * that markup reliably (multiple nav variants, submenus, overlay mode)
 * isn't safe to do with a plain string filter.
 */
.crwc-sal-sol-nav-block {
	display: inline-flex;
	margin-left: 12px;
	vertical-align: middle;
}

.crwc-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border: 1px solid #003399;
	border-radius: 4px;
	text-decoration: none;
	color: #003399;
	font-size: 12px;
	font-weight: 600;
}

.crwc-badge:hover,
.crwc-badge:focus {
	background: #003399;
	color: #ffffff;
}

.crwc-badge-icon svg {
	display: block;
}

/*
 * Some themes (confirmed on Storefront: `.main-navigation ul li a { padding:
 * .875em 0; display: block; }`) style every <a> under the main menu with a
 * type-selector-heavy rule whose specificity beats the plain `.crwc-badge`
 * class above, forcing our badges to `display: block` with vertical-only
 * padding — they end up squashed/narrow in the menu while looking correct
 * everywhere else (the footer has no such competing selector). Restated here
 * with enough specificity (three classes) to win over that pattern without
 * needing !important.
 */
.crwc-sal-sol-menu-item .crwc-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
}

/* Cookie consent banner */
.crwc-cookie-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100000;
	background: #1d2327;
	color: #ffffff;
	box-shadow: 0 -2px 8px rgba( 0, 0, 0, 0.2 );
}

.crwc-cookie-banner__inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 16px 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
}

.crwc-cookie-banner__text {
	margin: 0;
	flex: 1 1 320px;
	font-size: 14px;
	line-height: 1.5;
}

.crwc-cookie-banner__text a {
	color: #ffffff;
	text-decoration: underline;
}

.crwc-cookie-banner__actions {
	display: flex;
	gap: 10px;
	flex: 0 0 auto;
}

.crwc-cookie-btn {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 4px;
	border: 2px solid #ffffff;
	cursor: pointer;
}

.crwc-cookie-btn--accept {
	background: #ffffff;
	color: #1d2327;
}

.crwc-cookie-btn--refuse {
	background: transparent;
	color: #ffffff;
}

.crwc-marketing-consent {
	margin-top: 10px;
}

/* Withdrawal module */
.crwc-withdrawal-form,
.crwc-withdrawal-order-section {
	max-width: 560px;
	margin: 20px 0;
}

.crwc-form-row {
	margin-bottom: 14px;
}

.crwc-form-row label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.crwc-form-row input[type="text"],
.crwc-form-row input[type="email"],
.crwc-form-row textarea {
	width: 100%;
	max-width: 400px;
	padding: 8px;
}

.crwc-form-error {
	color: #b32d2e;
	font-weight: 600;
}

.crwc-btn {
	display: inline-block;
	padding: 10px 18px;
	border-radius: 4px;
	border: 2px solid #003399;
	background: #003399;
	color: #ffffff;
	cursor: pointer;
	font-weight: 600;
	text-decoration: none;
}

.crwc-btn-secondary {
	background: transparent;
	color: #003399;
}

.crwc-withdrawal-items {
	margin: 10px 0;
	padding-left: 20px;
}

.crwc-withdrawal-status-notice {
	padding: 12px 16px;
	background: #f0f6fc;
	border-left: 4px solid #003399;
}

.crwc-withdrawal-success {
	padding: 12px 16px;
	background: #edfaef;
	border-left: 4px solid #2e7d32;
}

.crwc-withdrawal-disclosure summary {
	list-style: none;
	cursor: pointer;
}

.crwc-withdrawal-disclosure summary::-webkit-details-marker {
	display: none;
}

.crwc-withdrawal-disclosure-content {
	margin-top: 16px;
	padding: 16px;
	border: 1px solid #dcdcde;
}

/* Review transparency disclosure */
.crwc-review-disclosure {
	margin-bottom: 20px;
	padding: 12px 16px;
	background: #f6f7f7;
	border-left: 4px solid #003399;
	font-size: 0.9em;
}

.crwc-review-disclosure p {
	margin: 4px 0;
}