/* Advanced Editor Frontend Styles */

.adv-alert {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.5;
}

.adv-alert .dashicons {
    font-size: 24px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    margin-right: 15px;
    flex-shrink: 0;
}

/* Warning */
.adv-alert-warning {
    background-color: #fdf5e6;
    color: #8a6d3b;
}
.adv-alert-warning .dashicons {
    background-color: #f39c12;
}

/* Info */
.adv-alert-info {
    background-color: #e8f4f8;
    color: #31708f;
}
.adv-alert-info .dashicons {
    background-color: #3498db;
}

/* Error */
.adv-alert-error {
    background-color: #f9e2e2;
    color: #a94442;
}
.adv-alert-error .dashicons {
    background-color: #e74c3c;
}

/* Success */
.adv-alert-success {
    background-color: #eaf6ea;
    color: #3c763d;
}
.adv-alert-success .dashicons {
    background-color: #2ecc71;
}

/* Quote */
.adv-quote {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 5px;
    color: #333;
}
.adv-quote .dashicons {
    font-size: 24px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b5998;
    margin-right: 15px;
    flex-shrink: 0;
}

/* Highlight */
.adv-highlight {
    background-color: #ffff99;
    padding: 2px 4px;
    border-radius: 3px;
}

/* Button */
.adv-btn {
    display: inline-block;
    padding: 10px 20px;
    color: #fff !important;
    text-decoration: none;
    border-radius: 3px;
    margin-bottom: 10px;
    font-weight: bold;
    transition: opacity 0.2s;
}
.adv-btn:hover {
    opacity: 0.9;
}
.adv-btn-small {
    padding: 5px 10px;
    font-size: 14px;
}

/* Spoiler */
.adv-spoiler {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 20px;
    background-color: #fff;
}
.adv-spoiler summary {
    padding: 10px 15px;
    cursor: pointer;
    background-color: #f9f9f9;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}
.adv-spoiler summary::-webkit-details-marker {
    display: none;
}
.adv-spoiler summary::before {
    content: "\f344"; /* dashicons-arrow-down */
    font-family: dashicons;
    display: inline-block;
    margin-right: 10px;
    transition: transform 0.2s;
}
.adv-spoiler[open] summary::before {
    transform: rotate(180deg);
}
.adv-spoiler-content {
    padding: 15px;
}

/* Mask Link */
.adv-mask-link {
    color: #0073aa;
    text-decoration: underline;
    cursor: pointer;
}
.adv-mask-link:hover {
    color: #005177;
}