/*
Theme Name: مدرسه ایرانی آرانیک
Theme URI: https://aranik.com/
Description: قالب فرزند فارسی و راست‌چین Education Zone برای وب‌سایت مدرسه پسرانه.
Author: Aranik
Template: education-zone
Version: 1.2.1
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: aranik-school-education
*/

@font-face { font-family:"Vazirmatn"; src:url('assets/fonts/Vazirmatn-wght.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; }

:root { --school-ink:#183448; --school-blue:#125e82; --school-teal:#188e8c; --school-cream:#f5f8f7; }
html { scroll-behavior:smooth; }
body { direction:rtl; text-align:right; font-family:"Vazirmatn",Tahoma,sans-serif; color:var(--school-ink); }
button,input,textarea,select { font-family:inherit; }
input[type="text"],input[type="search"],input[type="email"],textarea { text-align:right; }
.main-navigation ul, .mobile-navigation ul { direction:rtl; }
.site-header .header-m .site-branding, .site-header .header-m .form-section { float:none; }
.site-header .header-m .container { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.site-header .header-bottom { background:var(--school-blue); }
.site-header .header-bottom a { color:#fff; }
.site-header .header-m .site-title, .mobile-header .site-title { font-weight:800; }
.site-header .header-m .site-description { font-size:14px; }
.school-home { font-size:16px; line-height:1.9; overflow:hidden; }
.school-home *, .school-home *::before, .school-home *::after { box-sizing:border-box; }
.school-home .school-wrap { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.school-hero { position:relative; min-height:610px; display:flex; align-items:center; color:#fff; background:#163b4c; isolation:isolate; }
.school-hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.school-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(270deg,rgba(10,38,53,.94) 0%,rgba(10,38,53,.8) 38%,rgba(10,38,53,.1) 78%); }
.school-hero__content { max-width:650px; padding:90px 0; }
.school-kicker { display:inline-block; color:#a8e9e3; font-size:.92rem; font-weight:700; letter-spacing:.02em; }
.school-home h1,.school-home h2,.school-home h3 { color:inherit; line-height:1.45; margin:0; font-family:inherit; }
.school-home .school-hero-title { font-size:clamp(2.3rem,5vw,4.4rem); font-weight:900; margin:14px 0 20px; }
.school-home h2 { font-size:clamp(1.8rem,3vw,2.55rem); font-weight:800; margin-bottom:18px; }
.school-home h3 { font-size:1.3rem; font-weight:800; margin-bottom:12px; }
.school-home p { margin:0 0 20px; }
.school-hero p { color:#ecf5f7; font-size:1.12rem; max-width:600px; }
.school-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.school-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:9px 22px; border-radius:8px; font-weight:700; text-decoration:none; background:var(--school-teal); color:#fff; transition:background .2s,transform .2s; }
.school-button:hover,.school-button:focus { background:#0e706e; color:#fff; transform:translateY(-2px); }
.school-button--outline { background:transparent; border:1px solid #fff; }
.school-button--outline:hover,.school-button--outline:focus { background:#fff; color:var(--school-ink); }
.school-section { padding:82px 0; }
.school-section--muted { background:var(--school-cream); }
.school-heading { max-width:720px; margin-bottom:34px; }
.school-heading p { color:#526775; }
.school-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.school-card { background:#fff; border:1px solid #e1e9eb; border-radius:14px; overflow:hidden; box-shadow:0 8px 25px rgba(17,58,75,.04); }
.school-card img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.school-card__body { padding:26px; }
.school-card p { color:#516875; margin:0; }
.school-feature { padding:30px; border-radius:14px; background:#fff; border:1px solid #e1e9eb; }
.school-feature__icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:12px; margin-bottom:20px; color:var(--school-blue); background:#e2f2f1; font-size:1.5rem; }
.school-split { display:grid; grid-template-columns:1.05fr .95fr; gap:58px; align-items:center; }
.school-split img { width:100%; border-radius:16px; display:block; }
.school-list { padding:0 20px 0 0; }
.school-list li { margin:8px 0; }
.school-note { border-right:4px solid var(--school-teal); padding:18px 22px; background:#eaf5f3; border-radius:8px; }
.school-contact { background:var(--school-ink); color:#fff; }
.school-contact p { color:#dce9ed; }
.school-contact a:not(.school-button) { color:#b6eeec; }
.school-contact .school-split { gap:30px; }
.school-contact__box { padding:30px; border:1px solid #658391; border-radius:14px; }
.school-contact__box p:last-child { margin-bottom:0; }
.school-home a:focus-visible { outline:3px solid #f8bb5b; outline-offset:3px; }
[dir="rtl"] .school-home, [dir="rtl"] .school-home p { text-align:right; }
@media(max-width:800px) { .school-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .school-split { grid-template-columns:1fr; gap:28px; } .school-hero { min-height:530px; } .school-hero::after { background:linear-gradient(270deg,rgba(10,38,53,.92),rgba(10,38,53,.55)); } .site-header .header-m .container { display:block; } }
@media(max-width:600px) { .school-grid { grid-template-columns:1fr; } .school-section { padding:58px 0; } .school-hero__content { padding:70px 0; } .school-home .school-wrap { width:min(100% - 32px,1180px); } .school-home .school-hero-title { font-size:2.25rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .school-button { transition:none; } }

/* Reusable school pages; copy is managed in WordPress, not hard-coded into templates. */
.school-page { direction:rtl; text-align:right; font-size:16px; line-height:1.9; min-height:55vh; overflow-wrap:anywhere; }
.school-page *, .school-page *::before, .school-page *::after { box-sizing:border-box; }
.school-page .school-wrap { width:min(1080px,calc(100% - 40px)); margin-inline:auto; }
.school-page__hero { padding:55px 0 61px; background:linear-gradient(125deg,#e8f4f2,#f7fbfb); border-bottom:1px solid #dbe9e9; }
.school-page__breadcrumb { display:flex; gap:9px; align-items:center; font-size:.9rem; color:#536b78; margin-bottom:12px; }
.school-page__breadcrumb a { color:var(--school-blue); text-decoration:none; }
.school-page__hero h1 { font-family:inherit; font-size:clamp(2rem,4vw,3.2rem); line-height:1.35; margin:0; color:var(--school-ink); }
.school-page__content { padding-block:52px 90px; }
.school-page__content h2 { font-family:inherit; font-size:1.6rem; color:var(--school-ink); margin:38px 0 15px; }
.school-page__content h3 { font-family:inherit; font-size:1.16rem; color:var(--school-ink); margin:0 0 10px; }
.school-page__content p { margin:0 0 18px; }
.school-page__lead { font-size:1.18rem; color:#395a69; max-width:820px; }
.school-page__note { background:#ecf6f4; border-right:4px solid var(--school-teal); border-radius:8px; padding:17px 20px; color:#31535e; margin:25px 0; }
.school-page__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:25px 0 38px; }
.school-page__card { display:block; background:#fff; border:1px solid #dce8eb; border-radius:13px; padding:24px; box-shadow:0 7px 24px rgba(17,58,75,.045); text-decoration:none; color:inherit; }
.school-page__card:hover,.school-page__card:focus-within { border-color:#9fc8cb; }
.school-page__card h2 { font-size:1.3rem; margin:0 0 12px; }
.school-page__card p { color:#526c78; margin:0; }
.school-page__card a { text-decoration:none; color:var(--school-blue); }
.school-page__more { display:inline-block; margin-top:16px; font-weight:700; }
.school-page__list { padding:0 24px 0 0; margin:14px 0 28px; }
.school-page__list li { padding:4px 0; }
.school-contact-info { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.school-contact-info div { background:#f6faf9; border:1px solid #dce8eb; border-radius:10px; padding:20px; }
.school-contact-info strong { display:block; color:var(--school-ink); margin-bottom:8px; }
.school-contact-info a { color:var(--school-blue); }
.school-page a:focus-visible { outline:3px solid #d89b35; outline-offset:3px; }
.mobile-menu .main-navigation ul ul li a { padding-right:48px; }
@media(max-width:800px) { .school-page__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .school-contact-info { grid-template-columns:1fr; } }
@media(max-width:600px) { .school-page .school-wrap { width:min(100% - 32px,1080px); } .school-page__hero { padding:38px 0 43px; } .school-page__content { padding-block:35px 60px; } .school-page__grid { grid-template-columns:1fr; } }

/* Editorial blog: the image-first, compact card rhythm is inspired by Bilanet. */
.school-blog .school-wrap,.school-article .school-wrap { width:min(1192px,calc(100% - 40px)); }
.school-blog__heading { background:#f7faf9; border-bottom:1px solid #e3ebeb; padding:39px 0 42px; }
.school-blog__heading h1,.school-article__heading h1 { margin:0; font-family:inherit; font-size:clamp(2rem,3.5vw,3.1rem); line-height:1.45; color:var(--school-ink); }
.school-blog__heading p:not(.school-blog__eyebrow) { color:#526a74; margin:8px 0 0; }
.school-blog__eyebrow { color:var(--school-teal); font-size:.86rem; font-weight:800; margin:0 0 4px; }
.school-blog__description { color:#526a74; }
.school-blog__content { padding-block:38px 85px; }
.school-blog__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; align-items:stretch; }
.school-blog__card { min-width:0; overflow:hidden; background:#fff; border:1px solid #e6eaeb; border-radius:10px; box-shadow:0 2px 8px rgba(16,47,59,.055); transition:box-shadow .2s,transform .2s; }
.school-blog__card:hover { transform:translateY(-3px); box-shadow:0 11px 30px rgba(16,47,59,.12); }
.school-blog__image { display:block; width:100%; aspect-ratio:1.18; overflow:hidden; background:#dcebe9; }
.school-blog__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.school-blog__card:hover .school-blog__image img { transform:scale(1.035); }
.school-blog__card-body { padding:21px 23px 25px; }
.school-blog__meta { display:flex; align-items:center; flex-wrap:wrap; gap:7px; color:#77868b; font-size:.76rem; line-height:1.6; }
.school-blog__meta a { color:var(--school-teal); text-decoration:none; }
.school-blog__meta a:hover { text-decoration:underline; }
.school-blog__card h2 { margin:13px 0 11px; font-family:inherit; font-size:1.21rem; font-weight:800; line-height:1.55; color:var(--school-ink); }
.school-blog__card h2 a { color:inherit; text-decoration:none; }
.school-blog__card h2 a:hover { color:var(--school-blue); }
.school-blog__card p { color:#65757b; font-size:.91rem; line-height:1.9; margin:0; }
.school-blog__read { display:inline-flex; align-items:center; gap:7px; margin-top:19px; color:#bd5a37; font-size:.86rem; font-weight:800; text-decoration:none; }
.school-blog__read:hover { color:#913e22; }
.school-blog .navigation.pagination { margin-top:38px; }
.school-blog .nav-links { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.school-blog .page-numbers { padding:6px 13px; border:1px solid #dbe7e7; border-radius:6px; text-decoration:none; color:var(--school-blue); }
.school-blog .page-numbers.current,.school-blog .page-numbers:hover { background:var(--school-blue); color:#fff; }
.school-article__heading { padding:46px 0 49px; background:#f7faf9; border-bottom:1px solid #e3ebeb; }
.school-article__heading .school-blog__meta { margin:18px 0 9px; }
.school-article__heading h1 { max-width:850px; }
.school-article__layout { padding-block:42px 85px; }
.school-article__body { max-width:820px; margin-inline:auto; }
.school-article__cover { margin:0 0 35px; }
.school-article__cover img { display:block; width:100%; height:auto; max-height:540px; object-fit:cover; border-radius:10px; }
.school-article__text { color:#263d49; font-size:1.08rem; line-height:2.15; }
.school-article__text p { margin:0 0 1.3em; }
.school-article__text h2,.school-article__text h3 { font-family:inherit; color:var(--school-ink); line-height:1.6; margin:1.8em 0 .7em; }
.school-article__text img { max-width:100%; height:auto; }
.school-article__text a,.school-article__tags a { color:var(--school-blue); }
.school-article__text blockquote { border-right:4px solid var(--school-teal); margin:1.5em 0; padding:1em 1.4em; background:#f1f8f7; }
.school-article__tags { padding:22px 0; border-top:1px solid #e3ebeb; }
.school-article__navigation { display:flex; justify-content:space-between; gap:18px; padding:24px 0; border-top:1px solid #e3ebeb; }
.school-article__navigation a { color:var(--school-blue); font-weight:700; }
@media(max-width:1050px) { .school-blog__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .school-blog__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .school-blog .school-wrap,.school-article .school-wrap { width:calc(100% - 32px); } .school-blog__heading,.school-article__heading { padding-block:29px 35px; } .school-blog__content { padding-block:24px 60px; } .school-blog__grid { grid-template-columns:1fr; gap:20px; } .school-blog__image { aspect-ratio:1.5; } .school-article__layout { padding-block:28px 60px; } .school-article__text { font-size:1rem; } }
@media(prefers-reduced-motion:reduce) { .school-blog__card,.school-blog__image img { transition:none; } }
.site-footer .school-footer-credit { margin:8px 0 0; text-align:center; color:#e7f1f4; font-size:.9rem; }
.site-footer .school-footer-credit a { color:#91dfd9; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.site-footer .school-footer-credit a:hover,.site-footer .school-footer-credit a:focus-visible { color:#fff; }