/**
 * Simplis Data Sheet Links — Frontend Styles
 *
 * Renders one or more data sheet download links on the product page.
 * Uses Elementor CSS custom properties for colour consistency:
 *   --e-global-color-primary  — link text colour
 *   --e-global-color-accent   — dashed underline colour
 *   --e-global-color-4112df5  — hover text colour
 *
 * Structure output by the shortcode:
 *
 *   <div class="data-sheet-links">          ← outer wrapper (always present)
 *     <div class="data-sheet-link">         ← one per URL
 *       <a href="…">↓ Label</a>
 *     </div>
 *     <div class="data-sheet-link">
 *       <a href="…">↓ Label</a>
 *     </div>
 *   </div>
 *
 * The .data-sheet-link selector is kept un-prefixed so it integrates cleanly
 * with any existing theme rules targeting the same class.
 *
 * @package Simplis Data Sheet Links
 * @version 1.2.0
 */

/* Outer wrapper — stacks links vertically with a small gap */
.data-sheet-links {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 6px;
}

/* Individual link block */
.data-sheet-link {
	text-align: center;
}

.data-sheet-link a {
	font-size: 13px;
	color: var(--e-global-color-primary);
	text-decoration: none;
	border-bottom: 1px dashed var(--e-global-color-accent);
}

.data-sheet-link a:hover {
	color: var(--e-global-color-4112df5);
	border-bottom-color: var(--e-global-color-accent);
}