/* ===== پترن‌های آماده (با SVG) ===== */
.pattern-dots-blue {
    background: #e3f2fd url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%2390caf9" fill-opacity="0.3"%3E%3Ccircle cx="20" cy="20" r="3"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

.pattern-dots-pink {
    background: #fce4ec url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23f48fb1" fill-opacity="0.3"%3E%3Ccircle cx="20" cy="20" r="3"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

.pattern-lines-green {
    background: #e8f5e9 url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg stroke="%2381c784" stroke-width="1.5" fill="none" opacity="0.3"%3E%3Cpath d="M10 10 L50 50"/%3E%3Cpath d="M10 20 L50 60"/%3E%3Cpath d="M20 10 L60 50"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

.pattern-grid-blue {
    background: #bbdefb url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="20" height="20" fill="%2364b5f6" fill-opacity="0.15"/%3E%3Crect x="20" y="20" width="20" height="20" fill="%2364b5f6" fill-opacity="0.15"/%3E%3C/svg%3E') repeat !important;
}

.pattern-triangle-orange {
    background: #fff3e0 url('data:image/svg+xml,%3Csvg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M25 5 L35 30 L15 30 Z" fill="%23ffa726" fill-opacity="0.12"/%3E%3C/svg%3E') repeat !important;
}

.pattern-diamond-purple {
    background: #f3e5f5 url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 0 L30 20 L20 40 L10 20 Z" fill="%23ab47bc" fill-opacity="0.12"/%3E%3C/svg%3E') repeat !important;
}

.pattern-dots-lightblue {
    background: #e1f5fe url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="15" cy="15" r="4" fill="%234fc3f7" fill-opacity="0.2"/%3E%3C/svg%3E') repeat !important;
}

.pattern-lines-gold {
    background: #fff8e1 url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cg stroke="%23ffd54f" stroke-width="1.5" fill="none" opacity="0.4"%3E%3Cline x1="0" y1="40" x2="40" y2="0"/%3E%3Cline x1="20" y1="40" x2="60" y2="0"/%3E%3Cline x1="-20" y1="40" x2="20" y2="0"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

.pattern-circles-pink {
    background: #fce4ec url('data:image/svg+xml,%3Csvg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="25" cy="25" r="8" stroke="%23f06292" stroke-width="2" fill="none" opacity="0.15"/%3E%3C/svg%3E') repeat !important;
}

.pattern-squares-blue {
    background: #e8eaf6 url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="20" height="20" fill="%233f51b5" fill-opacity="0.08"/%3E%3C/svg%3E') repeat !important;
}

.pattern-dots-gold {
    background: #fffde7 url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="15" cy="15" r="3" fill="%23ffd54f" fill-opacity="0.3"/%3E%3C/svg%3E') repeat !important;
}

.pattern-circles-blue {
    background: #e3f2fd url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%2390caf9" fill-opacity="0.2"%3E%3Ccircle cx="10" cy="10" r="6"/%3E%3Ccircle cx="50" cy="30" r="8"/%3E%3Ccircle cx="30" cy="55" r="5"/%3E%3Ccircle cx="55" cy="10" r="7"/%3E%3C/g%3E%3C/svg%3E') repeat fixed !important;
    background-size: 120px 120px !important;
}

.pattern-stars-purple {
    background: #f3e5f5 url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 0 L24 14 L39 14 L27 23 L31 38 L20 29 L9 38 L13 23 L1 14 L16 14 Z" fill="%23ce93d8" fill-opacity="0.15"/%3E%3C/svg%3E') repeat !important;
}

.pattern-waves-blue {
    background: #e0f7fa url('data:image/svg+xml,%3Csvg width="50" height="30" viewBox="0 0 50 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 20 Q12.5 5 25 20 Q37.5 35 50 20" stroke="%234fc3f7" stroke-width="2" fill="none" opacity="0.25"/%3E%3C/svg%3E') repeat !important;
}

.pattern-dots-color {
    background: #f5f5f5 url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="10" cy="10" r="3" fill="%23ff6b6b" fill-opacity="0.2"/%3E%3Ccircle cx="20" cy="20" r="3" fill="%234ecdc4" fill-opacity="0.2"/%3E%3Ccircle cx="0" cy="20" r="3" fill="%23ffe66d" fill-opacity="0.2"/%3E%3C/svg%3E') repeat !important;
}

.pattern-honeycomb {
    background: #fffde7 url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M30 0 L60 15 L60 45 L30 60 L0 45 L0 15 Z" fill="%23ffd54f" fill-opacity="0.08" stroke="%23ffd54f" stroke-width="0.5"/%3E%3C/svg%3E') repeat !important;
}

.pattern-lines-vertical {
    background: #eceff1 url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cline x1="15" y1="0" x2="15" y2="30" stroke="%23b0bec5" stroke-width="1.5" opacity="0.2"/%3E%3C/svg%3E') repeat !important;
}

.pattern-squares-alt {
    background: #f5f5f5 url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="0" y="0" width="20" height="20" fill="%23e0e0e0" opacity="0.3"/%3E%3Crect x="20" y="20" width="20" height="20" fill="%23e0e0e0" opacity="0.3"/%3E%3C/svg%3E') repeat !important;
}

.pattern-lines-horizontal {
    background: #fafafa url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cline x1="0" y1="15" x2="30" y2="15" stroke="%23e0e0e0" stroke-width="1.5" opacity="0.3"/%3E%3C/svg%3E') repeat !important;
}

.pattern-triangles-blue {
    background: #e3f2fd url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cpolygon points="20,5 35,35 5,35" fill="%2364b5f6" fill-opacity="0.08"/%3E%3C/svg%3E') repeat !important;
}

.pattern-circles-purple {
    background: #f3e5f5 url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="30" cy="30" r="10" fill="%23ab47bc" fill-opacity="0.06"/%3E%3Ccircle cx="0" cy="0" r="10" fill="%23ab47bc" fill-opacity="0.06"/%3E%3Ccircle cx="60" cy="0" r="10" fill="%23ab47bc" fill-opacity="0.06"/%3E%3Ccircle cx="0" cy="60" r="10" fill="%23ab47bc" fill-opacity="0.06"/%3E%3Ccircle cx="60" cy="60" r="10" fill="%23ab47bc" fill-opacity="0.06"/%3E%3C/svg%3E') repeat !important;
}

.pattern-dots-teal {
    background: #e0f2f1 url('data:image/svg+xml,%3Csvg width="35" height="35" viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="17.5" cy="17.5" r="4" fill="%2326a69a" fill-opacity="0.15"/%3E%3C/svg%3E') repeat !important;
}


/* ===== پترن‌های شرکتی و رسمی ===== */

/* 1. خطوط مورب ظریف - آبی شرکتی */
.pattern-corporate-lines {
    background: #f0f4f8 url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg stroke="%23b0c4de" stroke-width="0.5" fill="none" opacity="0.3"%3E%3Cpath d="M0 60 L60 0"/%3E%3Cpath d="M-20 60 L40 0"/%3E%3Cpath d="M20 60 L80 0"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

/* 2. نقطه‌های ظریف - خاکستری اداری */
.pattern-corporate-dots {
    background: #f5f7fa url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23c0c8d4" fill-opacity="0.25"%3E%3Ccircle cx="20" cy="20" r="1.5"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

/* 3. خطوط عمودی - آبی ملایم */
.pattern-corporate-vertical {
    background: #eef2f7 url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cline x1="20" y1="0" x2="20" y2="40" stroke="%23d0dce8" stroke-width="0.8" opacity="0.4"/%3E%3C/svg%3E') repeat !important;
}

/* 4. شطرنجی ظریف - خاکستری */
.pattern-corporate-grid {
    background: #f8f9fb url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="20" height="20" fill="%23e8ecf1" fill-opacity="0.3"/%3E%3Crect x="20" y="20" width="20" height="20" fill="%23e8ecf1" fill-opacity="0.3"/%3E%3C/svg%3E') repeat !important;
}

/* 5. خطوط افقی - آبی بسیار ملایم */
.pattern-corporate-horizontal {
    background: #f2f6fa url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cline x1="0" y1="20" x2="40" y2="20" stroke="%23d5dfe9" stroke-width="0.8" opacity="0.4"/%3E%3C/svg%3E') repeat !important;
}

/* 6. لوزی‌های ظریف - آبی شرکتی */
.pattern-corporate-diamond {
    background: #f0f4fa url('data:image/svg+xml,%3Csvg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M25 5 L35 25 L25 45 L15 25 Z" fill="%23b8cce4" fill-opacity="0.15"/%3E%3C/svg%3E') repeat !important;
}

/* 7. خطوط مورب معکوس - آبی آسمانی */
.pattern-corporate-diagonal {
    background: #f0f4f8 url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg stroke="%23c5d5e8" stroke-width="0.5" fill="none" opacity="0.4"%3E%3Cpath d="M60 60 L0 0"/%3E%3Cpath d="M80 60 L20 0"/%3E%3Cpath d="M40 60 L-20 0"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

/* 8. مربع‌های توخالی - مدرن */
.pattern-corporate-squares {
    background: #f4f6f9 url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="5" y="5" width="20" height="20" fill="none" stroke="%23c8d6e5" stroke-width="0.8" opacity="0.3"/%3E%3C/svg%3E') repeat !important;
}

/* 9. نقطه‌های ریز - آبی مات */
.pattern-corporate-mini-dots {
    background: #f5f7fb url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23bccbdb" fill-opacity="0.2"%3E%3Ccircle cx="10" cy="10" r="1"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

/* 10. خطوط دوتایی - شیک */
.pattern-corporate-double-lines {
    background: #f2f5f9 url('data:image/svg+xml,%3Csvg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"%3E%3Cg stroke="%23ccd8e6" stroke-width="0.5" fill="none" opacity="0.3"%3E%3Cline x1="0" y1="15" x2="50" y2="15"/%3E%3Cline x1="0" y1="35" x2="50" y2="35"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

/* 11. مثلث‌های ظریف - آبی روشن */
.pattern-corporate-triangle {
    background: #eef3f8 url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cpolygon points="20,2 38,38 2,38" fill="%23b8cfe0" fill-opacity="0.08"/%3E%3C/svg%3E') repeat !important;
}

/* 12. راه‌های عمودی نازک - رسمی */
.pattern-corporate-stripes {
    background: #f4f7fb url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="2" height="30" fill="%23d0dce8" opacity="0.2"/%3E%3C/svg%3E') repeat !important;
}

/* 13. لانه زنبوری ملایم - مدرن شرکتی */
.pattern-corporate-honeycomb {
    background: #f0f4f9 url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M30 0 L60 15 L60 45 L30 60 L0 45 L0 15 Z" fill="%23c5d5e8" fill-opacity="0.06" stroke="%23c5d5e8" stroke-width="0.3"/%3E%3C/svg%3E') repeat !important;
}

/* 14. نقطه‌چین ظریف - آبی آرام */
.pattern-corporate-dash {
    background: #f2f6fb url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cg stroke="%23bdcfe0" stroke-width="1" stroke-dasharray="2 4" fill="none" opacity="0.3"%3E%3Cline x1="0" y1="20" x2="40" y2="20"/%3E%3Cline x1="20" y1="0" x2="20" y2="40"/%3E%3C/g%3E%3C/svg%3E') repeat !important;
}

/* 15. موج‌های ظریف - شرکتی */
.pattern-corporate-wave {
    background: #edf2f7 url('data:image/svg+xml,%3Csvg width="50" height="20" viewBox="0 0 50 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 15 Q12.5 5 25 15 Q37.5 25 50 15" stroke="%23bccfe0" stroke-width="0.8" fill="none" opacity="0.25"/%3E%3C/svg%3E') repeat !important;
}

/* 16. شطرنجی ۳D - مدرن شرکتی */
.pattern-corporate-3d-grid {
    background: #f0f4f8 url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 20 L20 40 L40 20 L20 0 Z" fill="%23c8d8e8" fill-opacity="0.06"/%3E%3C/svg%3E') repeat !important;
}