/* =====================================
   MEHRAZI PLAYER - BASE STYLES
   استایلهای پایه و مشترک
   ===================================== */

/* Button Reset - کاهش specificity */
.mp-btn-reset {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

/* Card Base - جلوگیری از تکرار */
.mp-card-base {
    display: flex;
    flex-direction: column;
    background: var(--mp-bg-card);
    backdrop-filter: blur(var(--mp-blur));
    -webkit-backdrop-filter: blur(var(--mp-blur));
    border: 1px solid var(--mp-border);
    border-radius: var(--mp-card-radius);
    overflow: hidden;
    transition: var(--mp-transition);
    position: relative;
    box-shadow: var(--mp-card-shadow);
}

.mp-card-base:hover {
    transform: translateY(-4px);
    background: var(--mp-bg-card-hover);
    box-shadow: var(--mp-card-shadow-hover);
    border-color: var(--mp-border-hover);
}

/* Glass Effect - استفاده محدود برای performance */
.mp-glass {
    background: var(--mp-bg-glass);
    backdrop-filter: blur(var(--mp-blur));
    -webkit-backdrop-filter: blur(var(--mp-blur));
    border: 1px solid var(--mp-bg-glass-border);
}

/* Logical Properties for RTL */
.mp-inset-block-start {
    inset-block-start: 0;
}

.mp-inset-inline-end {
    inset-inline-end: 0;
}

/* Performance Optimization */
.mp-will-change-transform {
    will-change: transform;
}

.mp-will-change-opacity {
    will-change: opacity;
}

/* Remove will-change after animation */
.mp-animation-done {
    will-change: auto;
}