.elementor-kit-6{--e-global-color-primary:#AF3545;--e-global-color-secondary:#1F1F1F;--e-global-color-text:#474747;--e-global-color-accent:#4B71A8;--e-global-typography-primary-font-family:"iran Yekan";--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:3.5rem;--e-global-typography-secondary-font-family:"iran Yekan";--e-global-typography-secondary-font-size:1.25rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:2rem;--e-global-typography-text-font-family:"iran Yekan";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.75rem;--e-global-typography-accent-font-family:"iran Yekan";--e-global-typography-accent-font-size:1.5rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.75rem;color:#1F1E1E;font-family:"iran Yekan";font-size:1rem;font-weight:400;line-height:2rem;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:2rem;}.elementor-kit-6 a{color:#AF3545;font-family:"iran Yekan";}.elementor-kit-6 h1{color:#AF3545;font-family:"iran Yekan";font-size:3rem;font-weight:600;line-height:3.5rem;}.elementor-kit-6 h2{color:#4B71A8;font-family:"iran Yekan";font-size:1.7rem;font-weight:600;line-height:2.5rem;}.elementor-kit-6 h3{color:var( --e-global-color-accent );font-family:"iran Yekan";font-size:1.5rem;font-weight:600;line-height:2rem;}.elementor-kit-6 h4{color:#1F1F1F;font-family:"iran Yekan";font-size:1.3rem;font-weight:400;line-height:2rem;}.elementor-kit-6 h5{font-family:"iran Yekan";font-size:1.1rem;}.elementor-kit-6 h6{font-family:"iran Yekan";font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-6{font-size:0.9rem;}.elementor-kit-6 p{margin-block-end:2rem;}.elementor-kit-6 h2{font-size:1.6rem;}.elementor-kit-6 h3{font-size:1.4rem;}.elementor-kit-6 h4{font-size:1.2rem;}.elementor-kit-6 h5{font-size:1.1rem;}.elementor-kit-6 h6{font-size:1rem;}}@media(max-width:1200px){.elementor-kit-6{font-size:0.9rem;}.elementor-kit-6 p{margin-block-end:2rem;}.elementor-kit-6 h2{font-size:1.6rem;}.elementor-kit-6 h3{font-size:1.4rem;}.elementor-kit-6 h4{font-size:1.2rem;}.elementor-kit-6 h5{font-size:1.1rem;}.elementor-kit-6 h6{font-size:1rem;}}@media(max-width:1024px){.elementor-kit-6{font-size:0.9rem;}.elementor-kit-6 p{margin-block-end:2rem;}.elementor-kit-6 h2{font-size:1.6rem;}.elementor-kit-6 h3{font-size:1.4rem;}.elementor-kit-6 h4{font-size:1.2rem;}.elementor-kit-6 h5{font-size:1.1rem;}.elementor-kit-6 h6{font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:880px){.elementor-kit-6 p{margin-block-end:2rem;}.elementor-kit-6 a{font-size:0.9rem;}.elementor-kit-6 h2{font-size:1.5rem;}.elementor-kit-6 h3{font-size:1.3rem;}.elementor-kit-6 h4{font-size:1.2rem;}.elementor-kit-6 h5{font-size:1.1rem;}.elementor-kit-6 h6{font-size:1rem;}}@media(max-width:767px){.elementor-kit-6{font-size:0.9rem;}.elementor-kit-6 p{margin-block-end:2rem;}.elementor-kit-6 h2{font-size:1.3rem;}.elementor-kit-6 h3{font-size:1.1rem;}.elementor-kit-6 h4{font-size:1rem;}.elementor-kit-6 h5{font-size:0.9rem;}.elementor-kit-6 h6{font-size:0.8rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:2400px){.elementor-kit-6{font-size:1.1rem;}.elementor-kit-6 p{margin-block-end:2.2rem;}.elementor-kit-6 h2{font-size:1.9rem;}.elementor-kit-6 h3{font-size:1.65rem;}.elementor-kit-6 h4{font-size:1.4rem;}.elementor-kit-6 h5{font-size:1.2rem;}.elementor-kit-6 h6{font-size:1rem;}} /* Start custom CSS *//* ========================= Semantic24 — Minimal & Modern Internal Link Styling - No font / size / weight / color overrides (inherits from theme) - Subtle frosted/gradient hint, low-impact shadow, small icon (currentColor) ========================= */ /* پالت — فقط متغیرها را تغییر بده در صورت نیاز */ #main-content { --grad-start-rgb: 192,124,133; /* #c07c85 */ --grad-end-rgb: 141,152,183; /* #8d98b7 */ --hover-color: #af3545; --glass-alpha: 0.04; /* خیلی ظریف */ --border-alpha: 0.10; --tiny-shadow: 0 1px 2px rgba(0,0,0,0.04); --hover-shadow: 0 4px 10px rgba(0,0,0,0.04); } /* انتخاب متن */ #main-content ::selection { background-color: rgba(var(--grad-start-rgb),0.85); color: inherit; } #main-content ::-moz-selection { background-color: rgba(var(--grad-end-rgb),0.85); color: inherit; } /* هدف: لینک‌های داخلی — data attribute اولویت دارد + fallback internal hrefs */ #main-content a[data-internal="true"], #main-content a[href^="/"], #main-content a[href^="./"], #main-content a[href^="../"], #main-content a[href^="https://semantic24.com"], #main-content a[href^="https://www.semantic24.com"]{ display: inline-flex; align-items: center; gap: .42rem; padding: 5px 9px; /* ملایم و کم‌فاصله (نه بزرگ) */ border-radius: 4px; /* طبق خواسته: 4px */ line-height: 1; text-decoration: none; /* زیرخط پیش‌فرض را نگه ندار (یا در theme تعیین کن) */ vertical-align: baseline; /* **هیچ** font/weight/size/color تنظیم نشود — inherit از تم */ color: inherit; /* خیلی ظریف: لایه شیشه‌ای/گرادیانت بسیار کم برای نشستن روی بک‌گراند سفید */ background-image: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.005)), linear-gradient(90deg, rgba(var(--grad-start-rgb), var(--glass-alpha)), rgba(var(--grad-end-rgb), var(--glass-alpha)) ); border: 1px solid rgba(var(--grad-start-rgb), var(--border-alpha)); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); box-shadow: var(--tiny-shadow); transition: transform .12s ease, box-shadow .12s ease, background .12s ease, filter .12s ease; -webkit-tap-highlight-color: transparent; } /* کوچک، ساده، آیکون لینک (currentColor) — ظریف و با opacity پایین */ #main-content a[data-internal="true"]::before, #main-content a[href^="/"]::before, #main-content a[href^="https://semantic24.com"]::before { content: ""; width: 12px; height: 12px; display: inline-block; flex: 0 0 12px; margin-right: .28rem; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.59 13.41a4 4 0 010-5.66l2.83-2.83a4 4 0 015.66 5.66l-1.83 1.83' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3Cpath d='M13.41 10.59a4 4 0 010 5.66l-2.83 2.83a4 4 0 01-5.66-5.66l1.83-1.83' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 12px 12px; opacity: .55; /* خیلی ظریف */ transform: translateY(0); } /* حالت عادی: هیچ shadow بزرگ یا transform */ #main-content a[data-internal="true"]:not(:hover):not(:focus) { transform: none; box-shadow: var(--tiny-shadow); } /* هاور / فوکوس — تصحیح ظریف: پس‌زمینه کمی واضح‌تر و یک لایه رنگی کم-اوپک */ #main-content a[data-internal="true"]:hover, #main-content a[data-internal="true"]:focus-visible, #main-content a[href^="/"]:hover, #main-content a[href^="https://semantic24.com"]:hover { transform: translateY(-1px); /* بسیار ظریف */ box-shadow: var(--hover-shadow); /* overlay ملایم با رنگ هاور که متن را مخدوش نکند */ background-image: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)), linear-gradient(90deg, rgba(var(--grad-start-rgb), calc(var(--glass-alpha) + 0.02)), rgba(var(--grad-end-rgb), calc(var(--glass-alpha) + 0.02)) ); /* رنگ هاور اوپک در صورت نیاز روی پس‌زمینه (خیلی کم) */ /* background-color: rgba(175,53,69,0.06); */ /* گزینه قابل فعال سازی */ text-decoration: underline; /* اگر می‌خواهی تاکید حسی بیشتری باشد */ } /* active (pressed) — باز هم ظریف */ #main-content a[data-internal="true"]:active { transform: translateY(0); filter: brightness(.98); } /* focus-visible ring برای دسترسی کیبورد (قابل تنظیم شفافیت) */ #main-content a[data-internal="true"]:focus-visible { outline: none; box-shadow: 0 2px 4px rgba(0,0,0,0.06), 0 0 0 4px rgba(175,53,69,0.10); } /* موبایل: touch target اندکی بزرگتر */ @media (hover: none) and (pointer: coarse) { #main-content a[data-internal="true"], #main-content a[href^="/"] { padding: 8px 12px; } } /* اگر خواستی لینک‌های داخل هِدینگ را بدون این استایل نگه داریم */ /* ----------------------------- /* ================================ Heading links — applies to ANY that is visually a heading link - Supports: ... AND ... (modern browsers) - Icon size follows heading font-size via em units ================================ */ /* Target anchors *inside* heading OR anchors that wrap a heading (with :has) We list h1..h6 explicitly for clarity */ #main-content h1 a, #main-content h2 a, #main-content h3 a, #main-content h4 a, #main-content h5 a, #main-content h6 a, #main-content a:has(> h1), #main-content a:has(> h2), #main-content a:has(> h3), #main-content a:has(> h4), #main-content a:has(> h5), #main-content a:has(> h6) { /* حفظ تایپوگرافی تم — فقط رنگ/آیکون/decoration تغییر می‌کند */ color: #b94e5c; /* default heading-link color */ background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; text-decoration: none; /* underline only on hover */ display: inline-flex; align-items: center; gap: .36rem; vertical-align: baseline; } /* SVG icon — اندازه بر اساس فونت (em) تا با h2/h3 همخوانی کند */ #main-content h1 a::before, #main-content h2 a::before, #main-content h3 a::before, #main-content h4 a::before, #main-content h5 a::before, #main-content h6 a::before, #main-content a:has(> h1)::before, #main-content a:has(> h2)::before, #main-content a:has(> h3)::before, #main-content a:has(> h4)::before, #main-content a:has(> h5)::before, #main-content a:has(> h6)::before { content: ""; /* اندازه آیکون = 0.9em از فونتِ والد => با h2/h3 دنبال می‌کند */ width: 0.9em; height: 0.9em; display: inline-block; flex: 0 0 0.9em; margin-right: .28rem; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.59 13.41a4 4 0 010-5.66l2.83-2.83a4 4 0 015.66 5.66l-1.83 1.83' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3Cpath d='M13.41 10.59a4 4 0 010 5.66l-2.83 2.83a4 4 0 01-5.66-5.66l1.83-1.83' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 0.9em 0.9em; /* اندازه آیکون با font-size هماهنگ */ opacity: .92; transform-origin: center; transform: translateY(0); } /* Hover / focus: رنگ تغییر کند و underline نشان داده شود */ #main-content h1 a:hover, #main-content h2 a:hover, #main-content h3 a:hover, #main-content h4 a:hover, #main-content h5 a:hover, #main-content h6 a:hover, #main-content a:has(> h1):hover, #main-content a:has(> h2):hover, #main-content a:has(> h3):hover, #main-content a:has(> h4):hover, #main-content a:has(> h5):hover, #main-content a:has(> h6):hover, #main-content h1 a:focus-visible, #main-content h2 a:focus-visible, #main-content h3 a:focus-visible, #main-content h4 a:focus-visible, #main-content h5 a:focus-visible, #main-content h6 a:focus-visible, #main-content a:has(> h1):focus-visible, #main-content a:has(> h2):focus-visible, #main-content a:has(> h3):focus-visible, #main-content a:has(> h4):focus-visible, #main-content a:has(> h5):focus-visible, #main-content a:has(> h6):focus-visible { color: #4b71a8; /* hover color */ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } /* کوچک‌ترین ظریف‌سازی آیکون در hover (optional) */ #main-content h1 a:hover::before, #main-content h2 a:hover::before, #main-content h3 a:hover::before, #main-content h4 a:hover::before, #main-content h5 a:hover::before, #main-content h6 a:hover::before, #main-content a:has(> h1):hover::before, #main-content a:has(> h2):hover::before, #main-content a:has(> h3):hover::before, #main-content a:has(> h4):hover::before, #main-content a:has(> h5):hover::before, #main-content a:has(> h6):hover::before { transform: translateY(-0.08em) scale(1.02); } /* دسترسی (focus-visible) */ #main-content h1 a:focus-visible, #main-content h2 a:focus-visible, #main-content h3 a:focus-visible, #main-content h4 a:focus-visible, #main-content h5 a:focus-visible, #main-content h6 a:focus-visible { outline: none; /* اگر خواستی ring اضافه کنم بگو؛ فعلاً مختصر نگه داشته شده */ } /* نکته تست: اگر مرورگری :has پشتیبانی نداشت، still .elementor-kit-6s hN a کار می‌کنند. در صورتی که structure سایتت حالت

...

 است و مرورگر قدیمی دارد، ممکن است نیاز به JS کوچک برای اضافه کردن کلاس به آن anchor ها داشته باشیم. */ /* Dark mode adjustments — ظریف، بدون تغییر شدید */ @media (prefers-color-scheme: dark) { #main-content { --glass-alpha: 0.06; --border-alpha: 0.12; --tiny-shadow: 0 1px 2px rgba(0,0,0,0.18); --hover-shadow: 0 1px 3px rgba(0,0,0,0.24); } #main-content a[data-internal="true"] { border: 1px solid rgba(255,255,255,0.04); }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'iran Yekan'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://semantic24.com/wp-content/uploads/2024/04/iranyekanwebmediumfanum.woff2') format('woff2'); } /* End Custom Fonts CSS */