/**
 * Quote Widget Styles
 * 
 * Centered blockquote with author attribution
 * 
 * @package DrYazdani
 * @since 1.0.0
 */

/* ==========================================================================
   Container
   ========================================================================== */

.dryazdani-quote {
    padding: var(--dryazdani-space-20);
    background-color: var(--dryazdani-bg-light);
}

.dryazdani-quote__container {
    max-width: 56rem; /* 900px */
    margin-inline: auto;
    padding-inline: var(--dryazdani-container-padding);
    text-align: center;
}

/* ==========================================================================
   Quote Text
   ========================================================================== */

.dryazdani-quote__text {
    font-family: var(--dryazdani-font-heading);
    font-size: var(--dryazdani-text-3xl);
    font-style: italic;
    font-weight: var(--dryazdani-font-normal);
    color: var(--dryazdani-text-primary);
    line-height: var(--dryazdani-leading-relaxed);
    margin: 0 0 var(--dryazdani-space-8);
    border: none;
}

/* Quotation Marks */
.dryazdani-quote__mark {
    font-family: var(--dryazdani-font-heading);
    font-size: 1.25em;
    font-style: normal;
    line-height: 0;
}

.dryazdani-quote__mark--open {
    margin-inline-end: 0.1em;
}

.dryazdani-quote__mark--close {
    margin-inline-start: 0.1em;
}

/* ==========================================================================
   Attribution
   ========================================================================== */

.dryazdani-quote__attribution {
    margin-top: var(--dryazdani-space-8);
}

.dryazdani-quote__author {
    font-size: var(--dryazdani-text-2xl);
    font-family: var(--dryazdani-font-body);
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: var(--dryazdani-tracking-ultra-wide);
    color: var(--dryazdani-text-body);
    margin-bottom: var(--dryazdani-space-2);
}

.dryazdani-quote__author-title {
    font-size: var(--dryazdani-text-xs);
    font-weight: var(--dryazdani-font-normal);
    color: var(--dryazdani-text-muted);
    font-style: italic;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

/* Tablet (768px+) */
@media (min-width: 768px) {
    .dryazdani-quote__text {
        font-size: var(--dryazdani-text-4xl);
    }
}

/* Desktop (1024px+) */
@media (min-width: 1024px) {
    .dryazdani-quote {
        padding: var(--dryazdani-space-24);
    }
}

/* ==========================================================================
   RTL Support
   ========================================================================== */

html[dir="rtl"] .dryazdani-quote__text {
    font-family: 'Cairo', var(--dryazdani-font-arabic);
}

html[dir="rtl"] .dryazdani-quote__author,
html[dir="rtl"] .dryazdani-quote__author-title {
    font-family: var(--dryazdani-font-arabic);
}

/* ==========================================================================
   Accessibility
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .dryazdani-quote * {
        animation: none !important;
        transition: none !important;
    }
}