/*
Theme Name: Karyabi Ariana
Theme URI: https://karyabi-ariana.ir/
Author: Mostafa
Author URI: https://karyabi-ariana.ir/
Description: قالب اختصاصی سایت کاریابی آریانا — طراحی راست‌چین بر پایه Tailwind، با پشتیبانی از حالت تاریک، آگهی‌های شغلی، پروفایل کارجو و کارفرما.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: karyabi
Tags: rtl-language-support, custom-menu, custom-logo, featured-images, translation-ready, blog
*/

/* ------------------------------------------------------------
   فونت
   @font-face در inc/enqueue.php به‌صورت داینامیک اضافه می‌شود
   تا مسیر فونت‌ها در هر ساختاری درست باشد.
   ------------------------------------------------------------ */
body,
button,
input,
select,
textarea,
.form-input,
.form-select {
    font-family: 'IRANSans', Tahoma, Arial, sans-serif;
}

/* ------------------------------------------------------------
   پایه
   ------------------------------------------------------------ */
body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

/* لوگوی سفارشی وردپرس نباید بزرگ نمایش داده شود */
.custom-logo-link {
    display: inline-block;
}

.custom-logo {
    max-height: 42px;
    width: auto;
}

.logo .custom-logo {
    max-height: 42px;
}

/* فاصله مناسب برای نوار بالای صفحه در حالت چسبان */
.admin-bar #topnav {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar #topnav {
        top: 46px;
    }
}

/* ------------------------------------------------------------
   منو
   ------------------------------------------------------------ */
.navigation-menu > li > a.active,
.navigation-menu .sub-menu-item.active {
    color: #16a34a;
}

/* لینک‌های منو وردپرس در حالت زیرمنو */
.navigation-menu .submenu .sub-menu-item {
    display: block;
}

/* ------------------------------------------------------------
   فرم‌ها
   ------------------------------------------------------------ */
.form-input:focus,
.form-select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus {
    outline: none;
    border-color: #16a34a;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, .15);
}

.form-input.is-invalid,
.form-select.is-invalid {
    border-color: #dc2626;
}

/* ------------------------------------------------------------
   کارت‌های محتوا
   ------------------------------------------------------------ */
.entry-content > * + * {
    margin-top: 1rem;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
    margin-top: 2rem;
    font-weight: 700;
}

.entry-content ul,
.entry-content ol {
    padding-right: 1.5rem;
    list-style: disc;
}

.entry-content blockquote {
    border-right: 4px solid #16a34a;
    padding: 1rem 1.25rem;
    background: #f8fafc;
}

.dark .entry-content blockquote {
    background: #1e293b;
}

/* ------------------------------------------------------------
   کمکی‌ها
   ------------------------------------------------------------ */
.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: absolute;
    top: -100px;
    right: 1rem;
    z-index: 100000;
    padding: .5rem 1rem;
    background: #16a34a;
    color: #fff;
    border-radius: .375rem;
    transition: top .2s;
}

.skip-link:focus {
    top: 1rem;
}

/* اعداد فارسی در ورودی‌های عددی */
input[type="number"] {
    direction: ltr;
    text-align: right;
}