/* ============================================================
   Pelazaa SEO Engine — Front-end Styles
   RTL / Persian layout
   ============================================================ */

/* ── Reset inside pelazaa blocks ─────────────────────────── */
.pelazaa-supplementary,
.pelazaa-instagram-profiles,
.pelazaa-related-services,
.pelazaa-keywords,
.pelazaa-related-posts {
    direction: rtl;
    text-align: right;
    font-family: inherit;
    margin: 32px 0;
}

/* ── Section heading shared style ───────────────────────── */
.pelazaa-supplementary h3,
.pelazaa-instagram-profiles h3,
.pelazaa-related-services h3,
.pelazaa-keywords h3,
.pelazaa-related-posts h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 16px 0;
    padding: 10px 16px;
    border-radius: 8px 8px 0 0;
    color: #fff;
}

/* ── Supplementary content ───────────────────────────────── */
.pelazaa-supplementary {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 24px;
    line-height: 1.9;
    color: #374151;
}

.pelazaa-supplementary h3 {
    background: linear-gradient(135deg, #1d4ed8, #3b82f6);
    margin: -24px -24px 20px -24px;
    border-radius: 10px 10px 0 0;
}

.pelazaa-supplementary p {
    margin: 0 0 14px 0;
}

/* ── Business / Instagram profiles grid ─────────────────── */
.pelazaa-instagram-profiles {
    background: #fff;
    border: 2px solid #e879f9;
    border-radius: 12px;
    overflow: hidden;
}

.pelazaa-instagram-profiles h3 {
    background: linear-gradient(135deg, #a21caf, #e879f9);
    margin: 0;
}

/* Grid of business cards */
.pelazaa-biz-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    padding: 16px;
}

/* Individual business card */
.pelazaa-biz-card {
    background: #fdf4ff;
    border: 1px solid #e879f9;
    border-radius: 12px;
    padding: 16px;
    transition: box-shadow 0.2s, transform 0.2s;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pelazaa-biz-card:hover {
    box-shadow: 0 6px 20px rgba(168, 28, 175, 0.18);
    transform: translateY(-2px);
}

/* Card header: avatar + identity */
.pelazaa-biz-header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.pelazaa-biz-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e879f9;
    flex-shrink: 0;
}

.pelazaa-biz-identity {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.pelazaa-biz-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #a21caf, #e879f9);
    color: #fff;
    border-radius: 50%;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2px;
}

.pelazaa-biz-username {
    font-weight: 700;
    font-size: 0.95rem;
    color: #a21caf;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pelazaa-biz-username:hover {
    color: #7e22ce;
    text-decoration: underline;
}

.pelazaa-biz-fullname {
    font-size: 0.9rem;
    color: #374151;
    font-weight: 600;
}

.pelazaa-biz-category {
    display: inline-block;
    background: #f3e8ff;
    color: #7e22ce;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid #d8b4fe;
    width: fit-content;
}

/* Card detail list */
.pelazaa-biz-details {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.85rem;
    color: #374151;
}

.pelazaa-biz-details li {
    display: flex;
    gap: 6px;
    align-items: baseline;
    flex-wrap: wrap;
}

.pelazaa-biz-details li strong {
    color: #6b21a8;
    flex-shrink: 0;
}

.pelazaa-biz-phone span {
    direction: ltr;
    unicode-bidi: embed;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    color: #065f46;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 16px;
    letter-spacing: 0.5px;
}

.pelazaa-biz-phone span::before {
    content: "📞 ";
}

.pelazaa-biz-followers {
    color: #4b5563;
}

.pelazaa-biz-website a {
    color: #0369a1;
    text-decoration: none;
    word-break: break-all;
    font-size: 0.8rem;
}

.pelazaa-biz-website a:hover {
    text-decoration: underline;
}

.pelazaa-biz-bio {
    color: #6b7280;
    font-size: 0.82rem;
    line-height: 1.6;
    font-style: italic;
}

/* Legacy phone class (kept for backward compat) */
.pelazaa-phone {
    display: inline-block;
    direction: rtl;
    unicode-bidi: embed;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    color: #065f46;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    margin-top: 6px;
    letter-spacing: 0.5px;
}

.pelazaa-phone::before {
    content: "📞 ";
}

/* ── Related services ────────────────────────────────────── */
.pelazaa-related-services {
    background: #fff;
    border: 2px solid #fbbf24;
    border-radius: 12px;
    overflow: hidden;
}

.pelazaa-related-services h3 {
    background: linear-gradient(135deg, #d97706, #fbbf24);
    margin: 0;
}

.pelazaa-related-services ul {
    list-style: none;
    margin: 0;
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pelazaa-related-services li {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 20px;
    transition: background 0.2s, color 0.2s;
}

.pelazaa-related-services li:hover {
    background: #fbbf24;
    color: #fff;
}

/* ── Keywords — badge style ──────────────────────────────── */
.pelazaa-keywords {
    background: #fff;
    border: 2px solid #a3e635;
    border-radius: 12px;
    overflow: hidden;
}

.pelazaa-keywords h3 {
    background: linear-gradient(135deg, #4d7c0f, #a3e635);
    margin: 0;
}

.pelazaa-keywords ul {
    list-style: none;
    margin: 0;
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pelazaa-keywords li {
    background: #f7fee7;
    border: 1px solid #bef264;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 0.875rem;
    color: #365314;
    line-height: 1.6;
}

.pelazaa-keywords li strong {
    color: #3f6212;
    font-weight: 700;
}

.pelazaa-keywords .kw-desc {
    display: block;
    color: #4b5563;
    font-weight: 400;
    font-size: 0.8rem;
    margin-top: 2px;
}

/* ── Related posts ───────────────────────────────────────── */
.pelazaa-related-posts {
    background: #fff;
    border: 2px solid #7dd3fc;
    border-radius: 12px;
    overflow: hidden;
}

.pelazaa-related-posts h3 {
    background: linear-gradient(135deg, #0369a1, #38bdf8);
    margin: 0;
}

.pelazaa-related-posts ul {
    list-style: none;
    margin: 0;
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px;
}

.pelazaa-related-posts li {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    padding: 10px 14px;
    transition: box-shadow 0.2s;
}

.pelazaa-related-posts li:hover {
    box-shadow: 0 4px 12px rgba(3, 105, 161, 0.15);
}

.pelazaa-related-posts a {
    color: #0369a1;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.5;
}

.pelazaa-related-posts a:hover {
    color: #075985;
    text-decoration: underline;
}
.pelazaa-ig-profile{max-width:980px;margin:36px auto;padding:0 18px;color:#202124}.pelazaa-ig-profile article>section,.pelazaa-ig-hero{background:#fff;border:1px solid #eee;border-radius:18px;padding:24px;margin-bottom:20px}.pelazaa-ig-hero{display:flex;gap:24px;align-items:center}.pelazaa-ig-avatar img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #f1f1f1}.pelazaa-ig-handle{direction:ltr;text-align:right;color:#666}.pelazaa-ig-stats{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0}.pelazaa-ig-stats span{display:flex;flex-direction:column}.pelazaa-ig-button{display:inline-block;background:#c13584;color:#fff!important;padding:10px 18px;border-radius:9px;text-decoration:none}.pelazaa-ig-highlights{display:flex;gap:18px;overflow:auto}.pelazaa-ig-highlights div{min-width:100px;text-align:center}.pelazaa-ig-highlights img{display:block;width:82px;height:82px;object-fit:cover;border-radius:50%;margin:0 auto 7px}.pelazaa-ig-profile details{border-top:1px solid #eee;padding:12px}.pelazaa-ig-profile summary{cursor:pointer;font-weight:700}.pelazaa-ig-updated{font-size:13px;color:#666;padding:12px}.pelazaa-ig-content{line-height:2}@media(max-width:600px){.pelazaa-ig-hero{display:block;text-align:center}.pelazaa-ig-avatar img{width:110px;height:110px}.pelazaa-ig-stats{justify-content:center}.pelazaa-ig-handle{text-align:center}}
.pelazaa-ig-breadcrumb{margin:0 0 16px;color:#5f6368;font-size:.9rem}.pelazaa-ig-breadcrumb a{color:#3567a8;text-decoration:none}.pelazaa-ig-breadcrumb span{margin:0 4px}.pelazaa-ig-lead{font-size:1.08rem;line-height:2;background:#f8fafc;border-right:4px solid #c13584;border-radius:10px;padding:16px 20px;margin:0 0 20px}
.pelazaa-ig-location{display:inline-block;margin:2px 0 8px;padding:5px 10px;border-radius:999px;background:#eef7ee;color:#236b2f;font-weight:700;font-size:.9rem}
.pelazaa-ig-disclaimer{color:#5f6368;background:#fff8e7;border-radius:8px;padding:10px 14px}.pelazaa-ig-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.pelazaa-ig-profile article>section .pelazaa-ig-service-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.pelazaa-ig-service-item h3{font-size:1.05rem;margin:0 0 8px;color:#202124}.pelazaa-ig-service-item h3 a{color:#2457a6;text-decoration:none}.pelazaa-ig-service-item h3 a:hover,.pelazaa-ig-service-item h3 a:focus{text-decoration:underline;color:#c13584}.pelazaa-ig-service-item p{margin:0;line-height:1.9}@media(max-width:700px){.pelazaa-ig-service-grid{grid-template-columns:1fr}}
.pelazaa-ig-highlight-trigger{display:block;background:none;border:0;padding:0;color:inherit;text-decoration:none;cursor:pointer;font:inherit}.pelazaa-story-viewer{position:fixed;inset:0;margin:auto;width:min(92vw,520px);height:min(90vh,850px);padding:42px 46px 32px;border:0;border-radius:18px;background:#111;color:#fff;overflow:hidden}.pelazaa-story-viewer::backdrop{background:rgba(0,0,0,.82)}.pelazaa-story-viewer h3{margin:0 0 10px;text-align:center;color:#fff}.pelazaa-story-stage,.pelazaa-story-item{height:calc(100% - 45px);margin:0}.pelazaa-story-item{display:none;align-items:center;justify-content:center;flex-direction:column}.pelazaa-story-item.is-active{display:flex}.pelazaa-story-item img,.pelazaa-story-item video{display:block;max-width:100%;max-height:calc(100% - 45px);border-radius:10px;object-fit:contain}.pelazaa-story-item figcaption{padding:10px;text-align:center}.pelazaa-story-close,.pelazaa-story-prev,.pelazaa-story-next{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;z-index:2}.pelazaa-story-close{top:10px;left:10px;width:34px;height:34px;font-size:26px}.pelazaa-story-prev,.pelazaa-story-next{top:50%;width:38px;height:52px;font-size:34px}.pelazaa-story-prev{right:5px}.pelazaa-story-next{left:5px}.pelazaa-story-counter{position:absolute;bottom:8px;left:0;right:0;text-align:center}.pelazaa-story-set{height:100%}@media(max-width:600px){.pelazaa-story-viewer{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;padding:42px 38px 25px}}
.pelazaa-story-viewer[open]{box-sizing:border-box!important;width:min(92vw,480px)!important;max-width:480px!important;height:min(90vh,820px)!important;max-height:820px!important;padding:44px 42px 34px!important;inset:0!important;margin:auto!important;background:#111!important}.pelazaa-story-viewer .pelazaa-story-stage,.pelazaa-story-viewer .pelazaa-story-set{width:100%!important;height:100%!important;min-height:0!important}.pelazaa-story-viewer .pelazaa-story-item{width:100%!important;height:100%!important;margin:0!important;background:#111!important;overflow:hidden!important}.pelazaa-story-viewer .pelazaa-story-item img,.pelazaa-story-viewer .pelazaa-story-item video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;background:#111!important}@media(max-width:600px){.pelazaa-story-viewer[open]{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}}