@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700;900&display=swap');

/* ============================================================
   Mina — Global Styles
   Loaded once site-wide. Defines the IRANSans font, CSS variables,
   and shared "reveal on scroll" animation utility.
   ============================================================ */

/* ---- Persian font (loaded ONCE — used by all Mina widgets) ---- */
@font-face {
    font-family: 'IRANSans';
    src: url('https://minastribe.com/wp-content/uploads/2026/02/IRANSans-400.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'IRANSans';
    src: url('https://minastribe.com/wp-content/uploads/2023/12/IRANSansWeb_Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'IRANSans';
    src: url('https://minastribe.com/wp-content/uploads/2023/12/IRANSansWeb_Bold.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
}

/* Keep widget-wide IRANSans rules from overriding Elementor icon fonts. */
i.fa,
i.fas,
i.fa-solid,
i.far,
i.fa-regular,
i.fa::before,
i.fas::before,
i.fa-solid::before,
i.far::before,
i.fa-regular::before {
    font-family: "Font Awesome 6 Free" !important;
}

i.fa,
i.fas,
i.fa-solid,
i.fa::before,
i.fas::before,
i.fa-solid::before {
    font-weight: 900 !important;
}

i.far,
i.fa-regular,
i.far::before,
i.fa-regular::before {
    font-weight: 400 !important;
}

i.fab,
i.fa-brands,
i.fab::before,
i.fa-brands::before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* ---- Shared color tokens (so you can change accent across the whole site) ---- */
:root {
    --mina-bg-warm:    #fef9f7;
    --mina-bg-white:   #ffffff;
    --mina-bg-dark:    #16392f;
    --mina-dark:       #1f1a17;
    --mina-muted:      #5f5751;
    --mina-accent:     #df9a68;
    --mina-accent-2:   #c9855a;
    --mina-green:      #486352;
    --mina-green-hov:  #587465;
    --mina-dark-hov:   #27473c;
}

/* ---- Shared reveal-on-scroll animation (used by every section) ---- */
.mina-reveal,
.mina-story-reveal,
.mina-services-reveal,
.mina-ebooks-reveal,
.mina-courses-reveal,
.mina-testimonials-reveal,
.mina-faq-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .75s ease, transform .75s ease;
    will-change: opacity, transform;
}

.mina-reveal.is-visible,
.mina-story-reveal.is-visible,
.mina-services-reveal.is-visible,
.mina-ebooks-reveal.is-visible,
.mina-courses-reveal.is-visible,
.mina-testimonials-reveal.is-visible,
.mina-faq-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.mina-services-delay-1, .mina-courses-delay-1 { transition-delay: .08s; }
.mina-services-delay-2, .mina-courses-delay-2 { transition-delay: .16s; }
.mina-services-delay-3 { transition-delay: .24s; }

/* ============================================================
   Predefined Section Background Schemes
   Apply by adding ONE of these classes to a widget's root section:
   .mina-scheme-light  | .mina-scheme-cream  | .mina-scheme-dark
   Text and borders auto-adjust for contrast.
   ============================================================ */

.mina-scheme-light  { background-color: #ffffff !important; }
.mina-scheme-cream  { background-color: #fef9f7 !important; }
.mina-scheme-dark   { background-color: #16392f !important; }

/* --- Dark scheme: light text for contrast --- */
.mina-scheme-dark [class$="-title"],
.mina-scheme-dark [class$="-kicker"],
.mina-scheme-dark [class$="-card-title"]   { color: #ffffff !important; }

.mina-scheme-dark [class$="-desc"],
.mina-scheme-dark [class$="-text"],
.mina-scheme-dark [class$="-lead"],
.mina-scheme-dark .mina-story-text p,
.mina-scheme-dark .mina-ebook-list li      { color: rgba(255,255,255,.82) !important; }

/* --- Dark scheme: card backgrounds become translucent --- */
.mina-scheme-dark .mina-service-card,
.mina-scheme-dark .mina-ebook-card,
.mina-scheme-dark .mina-course-card,
.mina-scheme-dark .mina-faq-item,
.mina-scheme-dark .mina-story-point        {
    background-color: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
}

/* --- Light/Cream scheme: ensure standard dark text --- */
.mina-scheme-light [class$="-title"],
.mina-scheme-cream [class$="-title"]       { color: #1f1a17 !important; }

.mina-scheme-light [class$="-desc"],
.mina-scheme-light [class$="-text"],
.mina-scheme-cream [class$="-desc"],
.mina-scheme-cream [class$="-text"]        { color: #5f5751 !important; }

/* Keep anchored sections visible below the fixed site header. */
.mina-anchor-section {
    scroll-margin-top: 96px;
}

.mina-skip-target {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

@media (max-width: 640px) {
    .mina-anchor-section {
        scroll-margin-top: 82px;
    }
}

/* --- Preserve intentionally dark panels inside light/cream sections --- */
.mina-scheme-light .mina-ebooks-intro .mina-ebooks-title,
.mina-scheme-cream .mina-ebooks-intro .mina-ebooks-title {
    color: #ffffff !important;
}

.mina-scheme-light .mina-ebooks-intro .mina-ebooks-desc,
.mina-scheme-cream .mina-ebooks-intro .mina-ebooks-desc {
    color: rgba(255,255,255,.82) !important;
}

/* --- Testimonials adapt when their normally-dark section becomes light --- */
.mina-testimonials-section.mina-scheme-light,
.mina-testimonials-section.mina-scheme-cream {
    color: #1f1a17 !important;
}

.mina-scheme-light .mina-testimonial-main,
.mina-scheme-light .mina-testimonial-stat,
.mina-scheme-cream .mina-testimonial-main,
.mina-scheme-cream .mina-testimonial-stat {
    background-color: rgba(22,57,47,.05) !important;
    border-color: rgba(22,57,47,.12) !important;
    box-shadow: none;
}

.mina-scheme-light .mina-testimonial-author,
.mina-scheme-cream .mina-testimonial-author {
    border-color: rgba(22,57,47,.12) !important;
}

.mina-scheme-light .mina-testimonial-author strong,
.mina-scheme-cream .mina-testimonial-author strong {
    color: #16392f !important;
}

.mina-scheme-light .mina-testimonial-author span,
.mina-scheme-light .mina-testimonial-stat span,
.mina-scheme-cream .mina-testimonial-author span,
.mina-scheme-cream .mina-testimonial-stat span {
    color: #5f5751 !important;
}

/* --- Dark scheme: controls, cards, and metadata stay legible --- */
.mina-scheme-dark .mina-hero-copy {
    background: transparent !important;
}

.mina-scheme-dark .mina-pill,
.mina-scheme-dark .mina-story-badge,
.mina-scheme-dark .mina-course-label,
.mina-scheme-dark .mina-ebook-label {
    background-color: rgba(255,255,255,.94) !important;
    color: #16392f !important;
}

.mina-scheme-dark .mina-story-point,
.mina-scheme-dark .mina-course-tags span {
    color: rgba(255,255,255,.88) !important;
}

.mina-scheme-dark .mina-course-tags span {
    background-color: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.14) !important;
}

.mina-scheme-dark .mina-service-icon {
    background-color: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
}

.mina-scheme-dark .mina-service-icon svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.mina-scheme-dark .mina-faq-answer-inner,
.mina-scheme-dark .mina-footer-desc,
.mina-scheme-dark .mina-footer-col a,
.mina-scheme-dark .mina-footer-bottom {
    color: rgba(255,255,255,.78) !important;
}

.mina-scheme-dark .mina-footer-col h4,
.mina-scheme-dark button.mina-faq-question,
.mina-scheme-dark button.mina-faq-question:hover,
.mina-scheme-dark button.mina-faq-question:focus {
    color: #ffffff !important;
}

.mina-scheme-dark button.mina-faq-question:focus-visible {
    outline-color: rgba(255,255,255,.65);
}

.mina-scheme-dark .mina-faq-plus,
.mina-scheme-dark .mina-faq-badge {
    background-color: #df9a68 !important;
    color: #16392f !important;
}

.mina-scheme-dark .mina-footer-bottom,
.mina-scheme-dark .mina-footer-social a {
    border-color: rgba(255,255,255,.14) !important;
}

.mina-scheme-dark .mina-footer-logo img {
    filter: brightness(0) invert(1);
}

.mina-scheme-dark .mina-footer-social a {
    background-color: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
}

.mina-scheme-dark .mina-footer-social a:hover {
    background-color: #ffffff !important;
    color: #16392f !important;
}

/* --- Dark scheme: primary actions use a high-contrast light treatment --- */
.mina-scheme-dark .mina-hero .mina-btn,
.mina-scheme-dark .mina-services-btn,
.mina-scheme-dark .mina-ebook-btn-primary,
.mina-scheme-dark .mina-course-btn-primary,
.mina-scheme-dark .mina-courses-main-btn,
.mina-scheme-dark .mina-certs-btn,
.mina-scheme-dark .mina-faq-btn:not(.secondary),
.mina-scheme-dark .mina-footer-btn {
    background-color: #ffffff !important;
    color: #16392f !important;
    border-color: #ffffff !important;
    box-shadow: none;
}

.mina-scheme-dark .mina-hero .mina-btn:hover,
.mina-scheme-dark .mina-services-btn:hover,
.mina-scheme-dark .mina-ebook-btn-primary:hover,
.mina-scheme-dark .mina-course-btn-primary:hover,
.mina-scheme-dark .mina-courses-main-btn:hover,
.mina-scheme-dark .mina-certs-btn:hover,
.mina-scheme-dark .mina-faq-btn:not(.secondary):hover,
.mina-scheme-dark .mina-footer-btn:hover {
    background-color: #f6eee8 !important;
    color: #16392f !important;
}