/**
 * Warning Labels - Frontend Styles
 * 
 * Static CSS for warning labels on frontend pages.
 * Extracted from inline <style> in warning-labels.php.
 * 
 * @since 9.8.2
 */

/* Warning label animation */
.hd-warning-label {
animation: hdWarningFadeIn 0.5s ease-out;
}

@keyframes hdWarningFadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* Responsive adjustments */
@media (max-width: 768px) {
.hd-warning-label {
padding: 16px 18px;
font-size: 14px;
gap: 12px;
}
.hd-warning-icon {
font-size: 20px !important;
}
}

/* Warning Label Themes */
.hd-warning-label {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 20px 24px;
margin: 24px 0;
border-radius: 12px;
font-size: 15px;
line-height: 1.75;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}



.hd-warning-icon {
    font-size: 18px;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    margin-top: -2px;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
}

.hd-warning-icon i {
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
}

.hd-warning-icon--adult {
    color: var(--hd-warning-adult-icon-color, #dc2626);
}

.hd-warning-text {
flex: 1;
font-weight: 500;
letter-spacing: 0.01em;
}

.hd-warning-label--editor-preview .hd-warning-text--editor {
    min-width: 1px;
    outline: 0;
    border-radius: 4px;
}

.hd-warning-label--editor-preview .hd-warning-text--editor:focus {
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.35);
}

/* Warning Theme (Yellow/Orange) */
.hd-warning-warning {
background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
border-left: 5px solid #f59e0b;
color: #92400e;
}

/* Info Theme (Blue) */
.hd-warning-info {
background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
border-left: 5px solid #3b82f6;
color: #1e40af;
}

/* Danger Theme (Red) */
.hd-warning-danger {
background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
border-left: 5px solid #dc2626;
color: #991b1b;
}

/* Success Theme (Green) */
.hd-warning-success {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-left: 5px solid #22c55e;
    color: #166534;
}

/* Dark Theme (Black) */
.hd-warning-dark {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-left: 5px solid #475569;
    color: #f8fafc;
}

/* Simple Theme (Gray) */
.hd-warning-simple {
    background: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-left: 5px solid #9ca3af;
    color: #4b5563;
}

/* No Icon State */
.hd-warning-label.no-icon {
    padding-left: 24px;
}
.hd-warning-label.no-icon .hd-warning-icon {
    display: none;
}