/**
 * Dual Content - Responsive Styles
 *
 * CSS-only solution for displaying different content based on device width.
 * No JavaScript required for content switching.
 *
 * @package Dual_Content_Fiscalia
 */

/* ==========================================================================
   Base Styles
   ========================================================================== */

.fiscalia-dual-content-wrapper {
	position: relative;
}

/* ==========================================================================
   Desktop View (>768px)
   Default state: show desktop content, hide mobile content
   ========================================================================== */

.fiscalia-desktop-content {
	display: block;
}

.fiscalia-mobile-content {
	display: none;
}

/* ==========================================================================
   Mobile View (≤768px)
   Show mobile content, hide desktop content
   ========================================================================== */

@media screen and (max-width: 768px) {
	.fiscalia-desktop-content {
		display: none;
	}

	.fiscalia-mobile-content {
		display: block;
	}
}

/* ==========================================================================
   Fallback State
   When mobile content is empty, the wrapper gets this class
   and uses desktop content for both views (handled by PHP)
   ========================================================================== */

.fiscalia-content-fallback .fiscalia-desktop-content,
.fiscalia-content-fallback .fiscalia-mobile-content {
	/* Both show the same content (desktop), CSS handles visibility */
}

/* ==========================================================================
   Content Styles
   Ensure consistent typography and spacing
   ========================================================================== */

.fiscalia-desktop-content,
.fiscalia-mobile-content {
	line-height: 1.7;
}

.fiscalia-desktop-content p,
.fiscalia-mobile-content p {
	margin: 0 0 1em;
}

.fiscalia-desktop-content p:last-child,
.fiscalia-mobile-content p:last-child {
	margin-bottom: 0;
}

.fiscalia-desktop-content img,
.fiscalia-mobile-content img {
	max-width: 100%;
	height: auto;
}

.fiscalia-desktop-content ul,
.fiscalia-desktop-content ol,
.fiscalia-mobile-content ul,
.fiscalia-mobile-content ol {
	margin: 0 0 1em 1.5em;
	padding: 0;
}

.fiscalia-desktop-content li,
.fiscalia-mobile-content li {
	margin-bottom: 0.5em;
}

.fiscalia-desktop-content a,
.fiscalia-mobile-content a {
	color: #1e3a5f;
	text-decoration: underline;
}

.fiscalia-desktop-content a:hover,
.fiscalia-mobile-content a:hover {
	color: #2c5282;
}

/* ==========================================================================
   Print Styles
   Show desktop content for printing
   ========================================================================== */

@media print {
	.fiscalia-desktop-content {
		display: block !important;
	}

	.fiscalia-mobile-content {
		display: none !important;
	}
}