/* Brand layer on top of Zelio (home-2 / green). Keep this file small:
   the design itself is Zelio's own components. */

/* Green in light mode needs more contrast than the lime used on dark. */
html[data-bs-theme="light"] {
    --primary-color: #3f8a12;
    --gradient-color: #62a92b;
    --bs-primary-rgb: 63, 138, 18;
}

/* Persian: Peyda (same typeface as Raavi) */
@font-face { font-family: "Peyda"; src: url("../fonts/peyda/Peyda-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../fonts/peyda/Peyda-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../fonts/peyda/Peyda-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../fonts/peyda/Peyda-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../fonts/peyda/Peyda-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../fonts/peyda/Peyda-ExtraBold.woff2") format("woff2"); font-weight: 800; font-display: swap; }

body[dir="rtl"] {
    --primary-font: "Peyda", "DM Mono", sans-serif;
    --secondary-font: "Peyda", "DM Mono", sans-serif;
    --tc-body-font-family: "Peyda", sans-serif;
    --tc-heading-font-family: "Peyda", sans-serif;
}
body[dir="rtl"],
body[dir="rtl"] :is(h1, h2, h3, h4, h5, h6, p, a, span, li, div, button, input, textarea, select, label, summary, small, strong) {
    font-family: "Peyda", "DM Mono", Tahoma, sans-serif;
}
body[dir="rtl"] { line-height: 1.85; }

/* Small helpers for the custom sections (cases, workshops, open source, FAQ) */
.mra-intro { max-width: 760px; line-height: 1.9; }
.mra-metrics li { white-space: nowrap; }
.mra-faq { max-width: 880px; }
.mra-faq summary { cursor: pointer; list-style: none; }
.mra-faq summary::-webkit-details-marker { display: none; }
.card-servies-2 .text-primary-2 { line-height: 1.6; }

/* The logo artwork is black: invert it on the dark theme so it stays visible. */
html[data-bs-theme="dark"] .main-logo img,
html[data-bs-theme="dark"] .navbar-brand img,
html[data-bs-theme="dark"] footer img[alt="Mohammadrasoul Asghari"] { filter: invert(1); }

/* RTL: the logo tickers (carouselTicker) only animate left-to-right */
body[dir="rtl"] .carouselTicker { direction: ltr; }

/* Mobile header: keep the long name from colliding with the menu button */
@media (max-width: 575.98px) {
    .navbar-home-2 .navbar-brand span.fs-4 { font-size: 1rem !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 62vw; }
}