/**
 * Frontend Stylesheet for Adblock Detector (Theme Integration)
 * Version: 1.0.0
 */

/* Style for the main adblock notification message container */
.note.noteAlert.blocked {
	padding: 20px;                     /* Inner spacing */
	border: 1px solid #cc0000;         /* Red border */
	background-color: #fff0f0;         /* Light red background */
	color: #cc0000;                    /* Dark red text color */
	text-align: center;                /* Center align the text */
	margin: 20px auto;                 /* Top/bottom margin 20px, auto horizontal margins for centering */
	max-width: 800px;                  /* Maximum width of the notification box */
	box-sizing: border-box;            /* Include padding and border in the element's total width and height */
}

/* Ensure strong tags within the message inherit the color and are bold */
.note.noteAlert.blocked strong {
    color: inherit;
    font-weight: bold;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 600px) {
	.note.noteAlert.blocked {
		width: 95%;                    /* Use most of the screen width */
        margin-left: auto;             /* Ensure centering */
        margin-right: auto;            /* Ensure centering */
        max-width: none;               /* Override the max-width if necessary, though width: 95% usually suffices */
	}
}