/*
Theme Name: Bilbilik
Theme URI: https://bilbilik.com
Author: Bilbilik Team
Author URI: https://bilbilik.com
Description: تم اختصاصی سامانه جامع ایرانیان خارج از کشور — بیلبیلک. تم سفارشی با پشتیبانی کامل از RTL، فارسی و طراحی واکنش‌گرا.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bilbilik
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, theme-options
*/

/* ===== CSS RESET ===== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl,
figure, blockquote {
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style: none;
}

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

a {
    color: inherit;
    text-decoration: none;
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

input,
button,
textarea,
select {
    font: inherit;
}

/* ===== CSS VARIABLES (Bilbilik Design System) ===== */
:root {
    /* Brand Colors */
    --bilbilik-brand: #0EA47A;
    --bilbilik-brand-dark: #088563;
    --bilbilik-brand-light: #E8F7F1;
    --bilbilik-brand-glow: rgba(14, 164, 122, 0.12);

    /* Accent Colors */
    --bilbilik-accent: #FF6B5B;
    --bilbilik-accent-light: #FFE9E5;

    /* Gradient Colors */
    --bilbilik-grad-1: #0EA47A;
    --bilbilik-grad-2: #0BC891;
    --bilbilik-grad-3: #14D0A2;

    /* Text Colors */
    --bilbilik-text: #0F1729;
    --bilbilik-text-2: #3D4A63;
    --bilbilik-text-muted: #6B7689;
    --bilbilik-text-dim: #9CA3AF;

    /* Background Colors */
    --bilbilik-bg: #FAFBFC;
    --bilbilik-bg-soft: #F3F5F8;
    --bilbilik-bg-card: #FFFFFF;
    --bilbilik-bg-section: #F7F9FC;

    /* Border Colors */
    --bilbilik-border: #E5E8EE;
    --bilbilik-border-soft: #EEF1F5;

    /* Status Colors */
    --bilbilik-warning: #F59E0B;
    --bilbilik-warning-light: #FEF3C7;
    --bilbilik-info: #3B82F6;
    --bilbilik-info-light: #DBEAFE;
    --bilbilik-success: #0EA47A;
    --bilbilik-danger: #DC2626;
    --bilbilik-danger-light: #FEE2E2;

    /* Shadows */
    --bilbilik-shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);
    --bilbilik-shadow: 0 4px 16px rgba(15, 23, 41, 0.06);
    --bilbilik-shadow-lg: 0 16px 40px -8px rgba(15, 23, 41, 0.12);

    /* Spacing */
    --bilbilik-container: 1440px;
    --bilbilik-radius-sm: 8px;
    --bilbilik-radius: 12px;
    --bilbilik-radius-lg: 16px;
    --bilbilik-radius-xl: 20px;

    /* Typography */
    --bilbilik-font: 'Vazirmatn', system-ui, -apple-system, sans-serif;
}

/* ===== BASE STYLES ===== */
html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--bilbilik-font);
    background: var(--bilbilik-bg);
    color: var(--bilbilik-text);
    line-height: 1.75;
    font-size: 14.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: rtl;
    overflow-x: hidden;
}

.container {
    max-width: var(--bilbilik-container);
    margin: 0 auto;
    padding: 0 24px;
}

/* ===== BUTTONS ===== */
.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.22s;
    border: none;
    white-space: nowrap;
    text-decoration: none;
}

.btn-ghost {
    background: var(--bilbilik-bg-soft);
    color: var(--bilbilik-text);
}

.btn-ghost:hover {
    background: #E8ECF2;
}

.btn-outline {
    background: #fff;
    color: var(--bilbilik-brand-dark);
    border: 1.5px solid var(--bilbilik-brand);
}

.btn-outline:hover {
    background: var(--bilbilik-brand-light);
}

.btn-primary {
    background: linear-gradient(135deg, var(--bilbilik-grad-1), var(--bilbilik-grad-2));
    color: #fff;
    box-shadow: 0 6px 16px var(--bilbilik-brand-glow);
}

.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(14, 164, 122, 0.3);
}

.btn-block {
    width: 100%;
    justify-content: center;
}

.btn-lg {
    padding: 14px 28px;
    font-size: 15px;
}

/* ===== WORDPRESS DEFAULTS ===== */
.alignleft { float: right; margin-left: 1em; }
.alignright { float: left; margin-right: 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.wp-caption {
    margin-bottom: 1em;
    max-width: 100%;
}

.wp-caption img {
    margin: 0;
}

.wp-caption-text {
    text-align: center;
    font-size: 13px;
    color: var(--bilbilik-text-muted);
    margin-top: 8px;
}

/* ===== ADMIN BAR FIX ===== */
.admin-bar .site-header {
    top: 32px;
}

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

/* Each page-specific styles are loaded from separate CSS files in assets/css/ */