/* الواجهة العامة */
* {
    box-sizing: border-box;
}

html {
    background: var(--background);
}

body.public-body {
    margin: 0;
    background: var(--background);
    color: var(--text-primary);
}

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

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

img {
    max-width: 100%;
}

.public-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid var(--border);
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    backdrop-filter: blur(12px);
}

.public-header-inner {
    width: min(1380px, calc(100% - 32px));
    min-height: 68px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(150px, 220px) minmax(320px, 650px) minmax(230px, 1fr);
    align-items: center;
    gap: var(--space-5);
}

.public-brand {
    justify-self: start;
    display: inline-flex;
    align-items: center;
}

.public-brand img {
    display: block;
    width: auto;
    max-width: 145px;
    height: 46px;
    object-fit: contain;
}

.public-search {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding-inline: 14px;
    border: 1px solid transparent;
    border-radius: var(--radius-lg);
    background: var(--primary-light);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}

.public-search:focus-within {
    border-color: var(--primary);
    box-shadow: var(--focus-ring);
    background: var(--surface);
}

.public-search svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: var(--primary);
}

.public-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
}

.public-search input::placeholder {
    color: var(--text-secondary);
    opacity: .78;
}

.public-header-actions {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.public-icon-btn,
.public-city-chip,
.public-account-trigger {
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

.public-icon-btn:hover,
.public-city-chip:hover,
.public-account-trigger:hover {
    background: var(--primary-light);
    color: var(--primary);
    border-color: var(--primary-light-hover);
}

.public-icon-btn {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
}

.public-icon-btn svg,
.public-city-chip svg {
    width: 17px;
    height: 17px;
}

.public-city-chip {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-inline: 11px;
    border-radius: var(--radius-md);
    cursor: default;
}

.public-account-menu {
    position: relative;
}

.public-account-menu > summary {
    list-style: none;
}

.public-account-menu > summary::-webkit-details-marker {
    display: none;
}

.public-account-trigger {
    width: 40px;
    height: 40px;
    padding: 0;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.public-account-trigger img,
.public-avatar-fallback {
    width: 100%;
    height: 100%;
}

.public-account-trigger img {
    object-fit: cover;
}

.public-avatar-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.public-avatar-fallback svg {
    width: 18px;
    height: 18px;
}

.public-account-dropdown {
    position: absolute;
    inset-inline-end: 0;
    top: calc(100% + 10px);
    width: 270px;
    padding: var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
    box-shadow: var(--shadow-md);
}

.public-account-summary {
    padding: 10px 11px 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.public-account-summary strong {
    font-size: 14px;
}

.public-account-summary span {
    color: var(--text-muted);
    font-size: 14px;
    text-align: start;
}

.public-account-dropdown > a,
.public-account-option {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: 8px 10px;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    text-align: start;
}

.public-account-dropdown > a:hover,
.public-account-option:hover,
.public-account-option.is-active {
    background: var(--primary-light);
    color: var(--primary);
}

.public-account-dropdown svg,
.public-account-option svg {
    width: 16px;
    height: 16px;
}

.public-account-divider {
    height: 1px;
    margin: 7px 6px;
    background: var(--border);
}

.public-account-group {
    padding: 4px 0;
}

.public-account-group-title {
    display: block;
    padding: 5px 10px;
    color: var(--text-muted);
    font-size: 13px;
}

.public-account-options form {
    margin: 0;
}

.public-account-option {
    justify-content: space-between;
}

.public-account-option > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.public-theme-check {
    opacity: 0;
}

.public-account-option.is-active .public-theme-check {
    opacity: 1;
}

.public-account-logout {
    color: var(--danger) !important;
}

.public-main {
    width: 100%;
    min-height: calc(100vh - 69px);
}

.public-home-shell,
.public-search-page,
.public-discover-page {
    width: min(1380px, calc(100% - 32px));
    margin: 0 auto;
}

.public-scope-tabs {
    min-height: 58px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 3px;
    border-bottom: 1px solid var(--border);
    overflow-x: auto;
    scrollbar-width: none;
}

.public-scope-tabs::-webkit-scrollbar {
    display: none;
}

.public-scope-tabs a {
    position: relative;
    flex: 0 0 auto;
    min-width: 118px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 14px;
}

.public-scope-tabs a::after {
    content: '';
    position: absolute;
    inset-inline: 18px;
    bottom: -1px;
    height: 2px;
    border-radius: var(--radius-pill);
    background: transparent;
}

.public-scope-tabs a:hover,
.public-scope-tabs a.is-active {
    color: var(--primary);
}

.public-scope-tabs a.is-active::after {
    background: var(--primary);
}

.public-scope-tabs svg {
    width: 16px;
    height: 16px;
}

.public-home-grid {
    display: grid;
    grid-template-columns: minmax(200px, 250px) minmax(0, 720px) minmax(220px, 270px);
    justify-content: center;
    gap: var(--space-5);
    padding-block: var(--space-5) var(--space-10);
}

.public-home-side {
    min-width: 0;
}

.public-side-card,
.public-composer,
.public-community-card,
.public-search-section,
.public-discover-choices a {
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
}

.public-discover-quick {
    padding: var(--space-2);
}

.public-discover-quick a {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: 10px 11px;
    border-radius: var(--radius-lg);
    color: var(--text-secondary);
}

.public-discover-quick a:hover {
    background: var(--primary-light);
    color: var(--primary);
}

.public-discover-quick svg {
    width: 17px;
    height: 17px;
    color: var(--primary);
}

.public-feed-column {
    min-width: 0;
}

.public-composer {
    padding: var(--space-4);
    margin-bottom: var(--space-4);
}

.public-composer-top {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.public-composer-avatar {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    background: var(--surface-soft);
    color: var(--text-muted);
}

.public-composer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-composer-avatar svg {
    width: 17px;
    height: 17px;
}

.public-composer-top > button {
    flex: 1;
    min-height: 42px;
    padding-inline: 14px;
    border: 0;
    border-radius: var(--radius-lg);
    background: var(--surface-soft);
    color: var(--text-muted);
    text-align: start;
    cursor: pointer;
}

.public-composer-actions {
    display: flex;
    gap: var(--space-2);
    padding-top: var(--space-3);
    padding-inline-start: 50px;
}

.public-composer-actions button {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-inline: 11px;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.public-composer-actions button:hover {
    background: var(--primary-light);
    color: var(--primary);
}

.public-composer-actions svg {
    width: 15px;
    height: 15px;
}

.public-feed-list {
    display: grid;
    gap: var(--space-3);
}

.public-community-card {
    padding: var(--space-4);
}

.public-community-author {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 10px;
}

.public-community-avatar {
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--surface-soft);
    color: var(--text-muted);
}

.public-community-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-community-avatar svg {
    width: 18px;
    height: 18px;
}

.public-community-author > div:nth-child(2) {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.public-community-author strong {
    font-size: 14px;
}

.public-community-author span {
    color: var(--text-muted);
    font-size: 14px;
}

.public-card-more {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text-muted);
}

.public-card-more svg {
    width: 17px;
    height: 17px;
}

.public-community-card h3 {
    margin: 14px 0 4px;
    font-size: 16px;
}

.public-community-text {
    margin: 12px 0 0;
    color: var(--content-text);
    line-height: 1.9;
    font-size: 14px;
}

.public-community-media {
    margin-top: var(--space-3);
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--surface-soft);
}

.public-community-media img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: cover;
}

.public-linked-business {
    margin-top: var(--space-3);
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: var(--radius-md);
    background: var(--primary-light);
    color: var(--primary);
    font-size: 15px;
}

.public-linked-business svg {
    width: 15px;
    height: 15px;
}

.public-community-actions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    margin-top: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid var(--border);
}

.public-community-actions button {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
}

.public-community-actions button:hover {
    background: var(--surface-soft);
    color: var(--primary);
}

.public-community-actions svg {
    width: 16px;
    height: 16px;
}

.public-side-card {
    padding: var(--space-4);
}

.public-side-card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
}

.public-side-card-heading > div {
    display: flex;
    align-items: center;
    gap: 7px;
}

.public-side-card-heading h2 {
    margin: 0;
    font-size: 14px;
    color: var(--primary);
}

.public-side-card-kicker {
    display: inline-flex;
    color: var(--secondary);
}

.public-side-card-kicker svg {
    width: 16px;
    height: 16px;
}

.public-pulse-add {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: var(--primary);
    cursor: pointer;
}

.public-pulse-add:hover {
    background: var(--primary-light);
}

.public-pulse-add svg {
    width: 15px;
    height: 15px;
}

.public-pulse-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 6px;
}

.public-pulse-item {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 4px 2px;
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.public-pulse-item:hover {
    color: var(--primary);
}

.public-pulse-marker {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: var(--surface-soft);
    font-size: 17px;
}

.public-pulse-marker svg {
    width: 15px;
    height: 15px;
    color: var(--primary);
}

.public-pulse-item > span:last-child {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    text-align: center;
}

.public-side-note {
    margin: 0;
    color: var(--text-muted);
    font-size: 14px;
}

.public-empty-state {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: var(--space-8);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
    text-align: center;
}

.public-empty-state > span {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--primary-light);
    color: var(--primary);
}

.public-empty-state svg {
    width: 20px;
    height: 20px;
}

.public-empty-state strong {
    font-size: 15px;
}

.public-empty-state p {
    max-width: 460px;
    margin: 0;
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.8;
}

.public-page-heading {
    padding: var(--space-8) 0 var(--space-5);
}

.public-page-heading h1 {
    margin: 0;
    font-size: 26px;
}

.public-page-heading p {
    margin: 6px 0 0;
    color: var(--text-muted);
    line-height: 1.7;
}

.public-discover-page {
    padding-bottom: var(--space-10);
}

.public-discover-choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.public-discover-choices a {
    min-height: 112px;
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-5);
}

.public-discover-choices a:hover,
.public-discover-choices a.is-active {
    border-color: var(--primary);
    background: var(--primary-light);
}

.public-discover-choices svg {
    width: 24px;
    height: 24px;
    color: var(--primary);
}

.public-discover-choices div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.public-discover-choices strong {
    font-size: 16px;
}

.public-discover-choices span {
    color: var(--text-muted);
    font-size: 15px;
}

.public-mobile-nav {
    display: none;
}

@media (max-width: 1100px) {
    .public-header-inner,
    .public-home-shell,
    .public-search-page,
    .public-discover-page {
        width: min(100% - 24px, 960px);
    }

    .public-header-inner {
        grid-template-columns: 120px minmax(260px, 1fr) auto;
    }

    .public-home-grid {
        grid-template-columns: minmax(0, 1fr) 250px;
    }

    .public-home-side-start {
        display: none;
    }
}

@media (max-width: 760px) {
    body.public-body {
        padding-bottom: 70px;
    }

    .public-header-inner {
        width: 100%;
        min-height: 60px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 8px;
        padding-inline: 12px;
    }

    .public-brand img {
        max-width: 94px;
        height: 38px;
    }

    .public-search {
        min-height: 40px;
        padding-inline: 10px;
    }

    .public-search input {
        font-size: 15px;
    }

    .public-city-chip,
    .public-header-actions > .public-icon-btn {
        display: none;
    }

    .public-account-trigger {
        width: 36px;
        height: 36px;
    }

    .public-account-dropdown {
        position: fixed;
        inset-inline: 12px;
        top: 64px;
        width: auto;
    }

    .public-home-shell,
    .public-search-page,
    .public-discover-page {
        width: 100%;
    }

    .public-scope-tabs {
        justify-content: flex-start;
        min-height: 50px;
        padding-inline: 10px;
    }

    .public-scope-tabs a {
        min-width: auto;
        padding-inline: 14px;
        font-size: 15px;
    }

    .public-home-grid {
        display: block;
        padding: 12px 10px 28px;
    }

    .public-home-side-end {
        margin-bottom: 12px;
    }

    .public-feed-column {
        display: contents;
    }

    .public-pulse-card {
        margin-bottom: 12px;
    }

    .public-pulse-items {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .public-pulse-items::-webkit-scrollbar {
        display: none;
    }

    .public-pulse-item {
        flex: 0 0 64px;
    }

    .public-composer,
    .public-community-card,
    .public-side-card,
    .public-empty-state {
        border-radius: var(--radius-lg);
    }

    .public-composer-actions {
        padding-inline-start: 0;
        overflow-x: auto;
    }

    .public-community-card {
        padding: 14px;
    }

    .public-community-actions span {
        display: none;
    }

    .public-page-heading,
    .public-discover-choices,
    .public-discover-page > .public-empty-state,
    .public-search-page > .public-empty-state,
    .public-search-sections,
    .public-search-message {
        margin-inline: 12px;
    }

    .public-page-heading {
        padding: 24px 0 16px;
    }

    .public-page-heading h1 {
        font-size: 22px;
    }

    .public-discover-choices {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .public-discover-choices a {
        min-height: 92px;
        padding: 16px;
    }

    .public-mobile-nav {
        position: fixed;
        inset-inline: 0;
        bottom: 0;
        z-index: 60;
        height: 64px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
        border-top: 1px solid var(--border);
        background: color-mix(in srgb, var(--surface) 96%, transparent);
        backdrop-filter: blur(12px);
    }

    .public-mobile-nav a,
    .public-mobile-nav button {
        min-width: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        border: 0;
        background: transparent;
        color: var(--text-muted);
        font-size: 13px;
    }

    .public-mobile-nav a.is-active {
        color: var(--primary);
    }

    .public-mobile-nav svg {
        width: 19px;
        height: 19px;
    }

    .public-mobile-create {
        align-self: center;
        justify-self: center;
        width: 44px;
        max-height: 44px;
        border-radius: 50% !important;
        background: var(--primary) !important;
        color: var(--text-on-primary) !important;
    }
}

/* صفحات التفاصيل العامة */
.public-detail-page {
    width: min(1000px, calc(100% - 32px));
    margin: 0 auto;
    padding-block: var(--space-6) var(--space-10);
}

.public-detail-narrow {
    width: min(720px, calc(100% - 32px));
}

.public-profile-hero,
.public-business-hero,
.public-product-hero,
.public-detail-card,
.public-profile-stats {
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
}

.public-profile-hero,
.public-business-hero {
    overflow: hidden;
}

.public-profile-cover,
.public-business-cover {
    height: 220px;
    background: var(--surface-soft);
}

.public-profile-cover img,
.public-business-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-profile-main,
.public-business-main {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-5);
}

.public-profile-avatar-large,
.public-business-logo {
    width: 88px;
    height: 88px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: -54px;
    border: 4px solid var(--surface);
    background: var(--surface-soft);
    color: var(--text-muted);
}

.public-profile-avatar-large {
    border-radius: 50%;
}

.public-business-logo {
    border-radius: var(--radius-xl);
}

.public-profile-avatar-large img,
.public-business-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-profile-avatar-large svg,
.public-business-logo svg {
    width: 28px;
    height: 28px;
}

.public-profile-copy h1,
.public-business-main h1,
.public-product-copy h1 {
    margin: 0;
    font-size: 24px;
}

.public-profile-copy > span,
.public-business-main p,
.public-product-copy p {
    color: var(--text-muted);
}

.public-profile-copy p {
    max-width: 650px;
    margin: 9px 0 0;
    color: var(--content-text);
    line-height: 1.8;
}

.public-profile-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: var(--space-4);
    overflow: hidden;
}

.public-profile-stats > div {
    min-height: 86px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-inline-end: 1px solid var(--border);
}

.public-profile-stats > div:last-child {
    border-inline-end: 0;
}

.public-profile-stats strong {
    font-size: 19px;
}

.public-profile-stats span {
    color: var(--text-muted);
    font-size: 14px;
}

.public-verified-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    padding: 4px 8px;
    border-radius: var(--radius-pill);
    background: var(--primary-light);
    color: var(--primary);
    font-size: 13px;
}

.public-verified-badge svg {
    width: 14px;
    height: 14px;
}

.public-detail-card {
    margin-top: var(--space-4);
    padding: var(--space-5);
}

.public-detail-card h2 {
    margin: 0 0 8px;
    font-size: 17px;
}

.public-detail-card p {
    margin: 0;
    color: var(--content-text);
    line-height: 1.9;
}

.public-product-hero {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
    overflow: hidden;
}

.public-product-image {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-soft);
    color: var(--text-muted);
}

.public-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-product-image svg {
    width: 40px;
    height: 40px;
}

.public-product-copy {
    padding: var(--space-8);
}

.public-product-business {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--primary);
    font-size: 15px;
}

.public-product-price {
    display: block;
    margin-top: var(--space-4);
    font-size: 22px;
}

@media (max-width: 760px) {
    .public-detail-page,
    .public-detail-narrow {
        width: 100%;
        padding: 10px 10px 28px;
    }

    .public-profile-cover,
    .public-business-cover {
        height: 160px;
    }

    .public-profile-avatar-large,
    .public-business-logo {
        width: 76px;
        height: 76px;
        margin-top: -44px;
    }

    .public-profile-copy h1,
    .public-business-main h1,
    .public-product-copy h1 {
        font-size: 20px;
    }

    .public-product-hero {
        grid-template-columns: 1fr;
    }

    .public-product-image {
        min-height: 320px;
    }

    .public-product-copy {
        padding: var(--space-5);
    }
}

/* =========================================================
   علِّمنا — Public UI V1.44
   طبقة الهوية العامة: خفيفة، اجتماعية، Mobile First
========================================================= */

.public-header {
    border-bottom-color: color-mix(in srgb, var(--border) 88%, transparent);
    background: color-mix(in srgb, var(--surface) 96%, transparent);
}

.public-header-inner {
    width: min(1440px, calc(100% - 36px));
    min-height: 72px;
    grid-template-columns: minmax(145px, 190px) minmax(340px, 680px) minmax(260px, 1fr);
    gap: 24px;
}

.public-brand img {
    max-width: 132px;
    height: 48px;
}

/* البحث العام هو العنصر البصري الرئيسي في الهيدر */
.public-search {
    min-height: 46px;
    padding-inline: 15px;
    border: 1px solid transparent;
    border-radius: var(--radius-xl);
    background: var(--primary-light);
    box-shadow: none;
}

.public-search:hover {
    background: var(--primary-light-hover);
}

.public-search:focus-within {
    border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
    background: var(--primary-light);
    box-shadow: var(--focus-ring);
}

.public-search svg {
    width: 18px;
    height: 18px;
    color: var(--primary);
}

.public-search input {
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
}

.public-search input::placeholder {
    color: var(--primary);
    opacity: .72;
    font-weight: 500;
}

.public-header-actions {
    gap: 7px;
}

.public-icon-btn,
.public-city-chip,
.public-account-trigger {
    border-color: var(--border);
    box-shadow: none;
}

.public-city-chip {
    min-height: 40px;
    padding-inline: 12px;
    font-size: 15px;
    font-weight: 700;
}

.public-city-chip svg {
    color: var(--primary);
}

.public-icon-btn {
    width: 40px;
    height: 40px;
}

.public-account-trigger {
    width: 42px;
    height: 42px;
    outline: 3px solid transparent;
}

.public-account-menu[open] .public-account-trigger {
    border-color: var(--primary);
    outline-color: var(--primary-light);
}

.public-account-dropdown {
    top: calc(100% + 12px);
    width: 292px;
    padding: 8px;
    border-radius: 16px;
    box-shadow: var(--shadow-lg);
}

.public-account-summary {
    min-height: 64px;
    padding: 9px 10px 11px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.public-account-summary-avatar {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    background: var(--primary-light);
    color: var(--primary);
}

.public-account-summary-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-account-summary-avatar svg {
    width: 17px;
    height: 17px;
}

.public-account-summary-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.public-account-summary-copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--content-title);
    font-size: 14px;
}

.public-account-summary-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-muted);
    font-size: 13px;
    text-align: start;
}

.public-account-dropdown > a,
.public-account-option {
    min-height: 42px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
}

.public-account-group-title {
    padding: 6px 10px 4px;
    font-size: 13px;
    font-weight: 700;
}

/* ---------------------------------------------------------
   شريط النطاقات
--------------------------------------------------------- */

.public-scope-bar {
    position: sticky;
    top: 72px;
    z-index: 35;
    margin-inline: calc((100vw - min(1440px, calc(100vw - 36px))) / -2);
    padding-inline: calc((100vw - min(1440px, calc(100vw - 36px))) / 2);
    border-bottom: 1px solid var(--border);
    background: color-mix(in srgb, var(--surface) 96%, transparent);
    backdrop-filter: blur(12px);
}

.public-scope-tabs {
    min-height: 54px;
    border-bottom: 0;
    justify-content: center;
    gap: 8px;
}

.public-scope-tabs a {
    min-width: auto;
    min-height: 54px;
    padding-inline: 14px;
    color: var(--text-muted);
    font-size: 15px;
    font-weight: 700;
}

.public-scope-tabs a::after {
    inset-inline: 14px;
    height: 2px;
}

.public-scope-tabs a.is-active {
    color: var(--primary);
}

.public-scope-tabs .public-scope-discover {
    margin-inline-start: 6px;
    color: var(--primary);
}

.public-scope-tabs .public-scope-discover::before {
    content: '';
    width: 1px;
    height: 22px;
    margin-inline-end: 8px;
    background: var(--border);
}

/* ---------------------------------------------------------
   الصفحة الرئيسية — عمود محتوى + Rail جانبي فقط
--------------------------------------------------------- */

.public-home-shell {
    width: min(1180px, calc(100% - 36px));
}

.public-home-layout {
    display: grid;
    grid-template-columns: minmax(0, 760px) minmax(260px, 300px);
    justify-content: center;
    align-items: start;
    gap: 26px;
    padding-block: 24px 54px;
}

.public-feed-column {
    min-width: 0;
}

.public-home-rail {
    min-width: 0;
    display: grid;
    gap: 14px;
    position: sticky;
    top: 148px;
}

.public-feed-heading {
    min-height: 76px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 2px 2px 15px;
}

.public-feed-heading > div {
    min-width: 0;
}

.public-feed-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
}

.public-feed-eyebrow svg {
    width: 14px;
    height: 14px;
}

.public-feed-heading h1 {
    margin: 0;
    color: var(--content-title);
    font-size: clamp(20px, 2vw, 25px);
    line-height: 1.35;
}

.public-feed-heading p {
    margin: 5px 0 0;
    color: var(--content-muted);
    font-size: 14px;
}

.public-feed-scope-pill {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-inline: 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.public-feed-scope-pill svg {
    width: 14px;
    height: 14px;
    color: var(--primary);
}

.public-side-card,
.public-composer,
.public-community-card,
.public-search-section,
.public-discover-choices a {
    border-color: var(--border);
    border-radius: 15px;
    box-shadow: none;
}

/* ---------------------------------------------------------
   Composer
--------------------------------------------------------- */

.public-composer {
    margin-bottom: 14px;
    padding: 14px;
}

.public-composer-top {
    gap: 10px;
}

.public-composer-avatar {
    width: 40px;
    height: 40px;
    background: var(--primary-light);
    color: var(--primary);
}

.public-composer-prompt,
.public-composer-top > button {
    min-height: 42px;
    border: 1px solid var(--border);
    background: var(--surface-soft);
    color: var(--text-muted);
    font-size: 15px;
}

.public-composer-prompt:hover,
.public-composer-top > button:hover {
    border-color: color-mix(in srgb, var(--primary) 20%, var(--border));
    background: var(--primary-light);
    color: var(--primary);
}

.public-composer-actions {
    padding-top: 11px;
    padding-inline-start: 50px;
    gap: 4px;
}

.public-composer-actions button {
    min-height: 32px;
    padding-inline: 9px;
    font-size: 13px;
}

.public-composer-actions svg {
    width: 14px;
    height: 14px;
}

/* ---------------------------------------------------------
   Community Card
--------------------------------------------------------- */

.public-feed-list {
    gap: 12px;
}

.public-community-card {
    padding: 15px;
}

.public-community-author {
    grid-template-columns: 42px minmax(0, 1fr) 30px;
    gap: 10px;
}

.public-community-avatar {
    width: 42px;
    height: 42px;
    background: var(--primary-light);
    color: var(--primary);
}

.public-community-author-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.public-community-author-line {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}

.public-community-author-line strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--content-title);
    font-size: 15px;
}

.public-community-author-copy > span {
    color: var(--text-muted);
    font-size: 13px;
}

.public-post-type-badge {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 3px 6px;
    border-radius: var(--radius-pill);
    background: var(--primary-light);
    color: var(--primary) !important;
    font-size: 13px !important;
    font-weight: 700;
}

.public-post-type-badge svg {
    width: 11px;
    height: 11px;
}

.public-community-card-recommendation .public-post-type-badge {
    background: var(--secondary-light);
    color: var(--secondary-hover) !important;
}

.public-card-more {
    cursor: pointer;
}

.public-card-more:hover {
    background: var(--surface-soft);
    color: var(--primary);
}

.public-community-card h3 {
    margin: 13px 0 5px;
    color: var(--content-title);
    font-size: 15px;
}

.public-community-text {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.9;
}

.public-community-media {
    margin-inline: -15px;
    border-radius: 0;
}

.public-community-media img {
    max-height: 560px;
}

.public-linked-business {
    min-height: 46px;
    padding: 8px 10px;
    gap: 9px;
    background: var(--surface-soft);
    color: var(--text-secondary);
}

.public-linked-business > span {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--primary-light);
    color: var(--primary);
}

.public-linked-business > span svg {
    width: 14px;
    height: 14px;
}

.public-linked-business > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.public-linked-business small {
    color: var(--text-muted);
    font-size: 13px;
}

.public-linked-business strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--content-title);
    font-size: 13px;
}

.public-community-actions {
    margin-top: 10px;
    padding-top: 6px;
}

.public-community-actions button {
    min-height: 34px;
    gap: 5px;
    font-size: 13px;
}

.public-community-actions svg {
    width: 15px;
    height: 15px;
}

/* ---------------------------------------------------------
   نبض المجتمع — جغرافي
--------------------------------------------------------- */

.public-side-card {
    padding: 14px;
}

.public-side-card-heading {
    margin-bottom: 10px;
}

.public-side-card-heading > div {
    align-items: flex-start;
}

.public-side-card-heading h2 {
    color: var(--content-title);
    font-size: 15px;
}

.public-side-card-heading p {
    margin: 2px 0 0;
    color: var(--text-muted);
    font-size: 13px;
}

.public-side-card-kicker {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--secondary-light);
    color: var(--secondary-hover);
}

.public-side-card-kicker svg {
    width: 14px;
    height: 14px;
}

.public-pulse-add {
    min-height: 38px;
    justify-content: flex-start;
    padding-inline: 7px;
    border-color: transparent;
    background: transparent;
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
}

.public-pulse-add:hover {
    background: var(--primary-light);
}

.public-pulse-add-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed color-mix(in srgb, var(--primary) 45%, var(--border));
    border-radius: 50%;
    background: var(--primary-light);
}

.public-pulse-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 4px;
    padding-top: 4px;
}

.public-pulse-item {
    gap: 6px;
    padding: 2px;
}

.public-pulse-marker {
    width: 44px;
    height: 44px;
    border: 2px solid var(--surface);
    outline: 1px solid var(--border);
    background: var(--surface-soft);
    font-size: 21px;
}

.public-pulse-marker svg {
    width: 16px;
    height: 16px;
}

.public-pulse-item > span:last-child {
    max-width: 72px;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 600;
}

/* ---------------------------------------------------------
   اكتشف مدينتك + بطاقة الهوية
--------------------------------------------------------- */

.public-discover-entry {
    min-height: 78px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--surface);
    transition: background var(--transition-fast), border-color var(--transition-fast);
}

.public-discover-entry:hover {
    border-color: color-mix(in srgb, var(--primary) 20%, var(--border));
    background: var(--primary-light);
}

.public-discover-entry-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--primary-light);
    color: var(--primary);
}

.public-discover-entry-icon svg {
    width: 18px;
    height: 18px;
}

.public-discover-entry-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.public-discover-entry-copy strong {
    color: var(--content-title);
    font-size: 14px;
}

.public-discover-entry-copy small {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.6;
}

.public-discover-entry-arrow {
    width: 16px;
    height: 16px;
    color: var(--text-muted);
}

html[dir="ltr"] .public-discover-entry-arrow {
    transform: rotate(180deg);
}

.public-home-note-card {
    position: relative;
    overflow: hidden;
}

.public-home-note-card::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    inset-inline-end: -28px;
    bottom: -34px;
    border-radius: 50%;
    background: var(--primary-light);
    pointer-events: none;
}

.public-home-note-card > strong {
    display: block;
    margin-top: 9px;
    color: var(--content-title);
    font-size: 14px;
}

.public-home-note-card > p {
    position: relative;
    z-index: 1;
    margin: 5px 0 0;
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.8;
}

/* ---------------------------------------------------------
   Empty state
--------------------------------------------------------- */

.public-empty-state {
    min-height: 320px;
    padding: 42px 24px;
}

.public-empty-state > span {
    background: var(--primary-light);
    color: var(--primary);
}

/* ---------------------------------------------------------
   إعدادات الواجهة العامة
--------------------------------------------------------- */

.public-settings-page {
    width: min(820px, calc(100% - 36px));
    margin: 0 auto;
    padding: 38px 0 64px;
}

.public-settings-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.public-settings-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--primary-light);
    color: var(--primary);
}

.public-settings-icon svg {
    width: 21px;
    height: 21px;
}

.public-settings-heading h1 {
    margin: 0;
    color: var(--content-title);
    font-size: 24px;
}

.public-settings-heading p {
    margin: 4px 0 0;
    color: var(--content-muted);
    font-size: 14px;
}

.public-settings-card {
    margin-top: 14px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--surface);
}

.public-settings-card-heading {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 16px;
}

.public-settings-card-heading > span {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--surface-soft);
    color: var(--primary);
}

.public-settings-card-heading svg {
    width: 16px;
    height: 16px;
}

.public-settings-card-heading h2 {
    margin: 0;
    color: var(--content-title);
    font-size: 15px;
}

.public-settings-card-heading p {
    margin: 3px 0 0;
    color: var(--content-muted);
    font-size: 13px;
}

.public-settings-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.public-settings-choice-grid form {
    margin: 0;
}

.public-settings-choice {
    width: 100%;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--surface);
    color: var(--text-secondary);
    text-align: start;
    cursor: pointer;
    transition: border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);
}

.public-settings-choice:hover,
.public-settings-choice.is-active,
.public-settings-choice[aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--primary) 32%, var(--border));
    background: var(--primary-light);
    color: var(--primary);
}

.public-settings-choice > span:not(.public-settings-choice-icon) {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.public-settings-choice strong {
    color: var(--content-title);
    font-size: 14px;
}

.public-settings-choice small {
    color: var(--text-muted);
    font-size: 13px;
}

.public-settings-choice > svg,
.public-settings-choice .public-theme-check {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    color: var(--primary);
}

.public-settings-theme-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-settings-theme-grid .public-settings-choice {
    position: relative;
    min-height: 96px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.public-settings-choice-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--surface-soft);
    color: var(--primary);
}

.public-settings-choice-icon svg {
    width: 15px;
    height: 15px;
}

.public-settings-theme-grid .public-theme-check {
    position: absolute;
    inset-inline-end: 10px;
    top: 10px;
}

/* ---------------------------------------------------------
   Tablet
--------------------------------------------------------- */

@media (max-width: 1050px) {
    .public-header-inner {
        grid-template-columns: auto minmax(280px, 1fr) auto;
        gap: 14px;
    }

    .public-city-chip span {
        display: none;
    }

    .public-city-chip {
        width: 40px;
        padding: 0;
        justify-content: center;
    }

    .public-home-shell {
        width: min(960px, calc(100% - 28px));
    }

    .public-home-layout {
        grid-template-columns: minmax(0, 1fr) 260px;
        gap: 18px;
    }
}

/* ---------------------------------------------------------
   Mobile First behavior
--------------------------------------------------------- */

@media (max-width: 780px) {
    body.public-body {
        padding-bottom: 74px;
    }

    .public-header-inner {
        width: calc(100% - 24px);
        min-height: 62px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 10px;
    }

    .public-brand img {
        width: 40px;
        max-width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .public-header-actions .public-icon-btn,
    .public-header-actions .public-city-chip {
        display: none;
    }

    .public-search {
        min-height: 40px;
        border-radius: 12px;
        padding-inline: 11px;
    }

    .public-search input {
        font-size: 14px;
    }

    .public-account-trigger {
        width: 38px;
        height: 38px;
    }

    .public-account-dropdown {
        position: fixed;
        inset-inline: 12px;
        top: 70px;
        width: auto;
        max-height: calc(100vh - 150px);
        overflow-y: auto;
    }

    .public-home-shell {
        width: 100%;
    }

    .public-scope-bar {
        top: 62px;
        margin: 0;
        padding-inline: 0;
    }

    .public-scope-tabs {
        min-height: 48px;
        justify-content: flex-start;
        padding-inline: 12px;
        gap: 3px;
    }

    .public-scope-tabs a {
        min-height: 48px;
        padding-inline: 11px;
        font-size: 13px;
    }

    .public-scope-tabs .public-scope-discover::before {
        height: 18px;
        margin-inline-end: 4px;
    }

    .public-home-layout {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 16px 12px 28px;
    }

    .public-feed-column {
        width: 100%;
        order: 1;
    }

    .public-home-rail {
        width: 100%;
        order: 0;
        position: static;
        display: block;
    }

    .public-home-rail > * + * {
        margin-top: 10px;
    }

    .public-home-note-card {
        display: none;
    }

    .public-feed-heading {
        min-height: auto;
        padding: 1px 2px 12px;
    }

    .public-feed-heading h1 {
        font-size: 19px;
    }

    .public-feed-heading p {
        font-size: 13px;
    }

    .public-feed-scope-pill {
        min-height: 30px;
        max-width: 42%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-inline: 8px;
        font-size: 13px;
    }

    .public-pulse-card {
        padding: 12px;
    }

    .public-side-card-heading {
        margin-bottom: 7px;
    }

    .public-pulse-items {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding: 3px 1px 7px;
        scrollbar-width: none;
    }

    .public-pulse-items::-webkit-scrollbar {
        display: none;
    }

    .public-pulse-item {
        flex: 0 0 60px;
    }

    .public-pulse-marker {
        width: 46px;
        height: 46px;
    }

    .public-pulse-add {
        width: auto;
        min-height: 34px;
        margin: 0 0 6px;
    }

    .public-discover-entry {
        min-height: 68px;
    }

    .public-composer {
        padding: 12px;
    }

    .public-composer-actions {
        padding-inline-start: 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .public-composer-actions::-webkit-scrollbar {
        display: none;
    }

    .public-composer-actions button {
        flex: 0 0 auto;
    }

    .public-community-card {
        border-radius: 14px;
    }

    .public-community-actions button span {
        display: none;
    }

    .public-community-actions button {
        min-height: 38px;
    }

    .public-settings-page {
        width: calc(100% - 24px);
        padding: 24px 0 30px;
    }

    .public-settings-heading h1 {
        font-size: 20px;
    }

    .public-settings-card {
        padding: 15px;
    }

    .public-settings-choice-grid,
    .public-settings-theme-grid {
        grid-template-columns: 1fr;
    }

    .public-settings-theme-grid .public-settings-choice {
        min-height: 74px;
        flex-direction: row;
        align-items: center;
    }
}

/* ---------------------------------------------------------
   الجوال الصغير
--------------------------------------------------------- */

@media (max-width: 480px) {
    .public-brand {
        width: 36px;
        overflow: hidden;
    }

    .public-brand img {
        width: 36px;
        max-width: 36px;
        height: 36px;
    }

    .public-header-inner {
        width: calc(100% - 18px);
        gap: 7px;
    }

    .public-search input::placeholder {
        font-size: 13px;
    }

    .public-feed-heading {
        align-items: center;
    }

    .public-feed-eyebrow {
        display: none;
    }

    .public-community-card,
    .public-composer,
    .public-pulse-card,
    .public-discover-entry {
        border-radius: 12px;
    }
}

/* شعار كامل للديسكتوب وعلامة مربعة للجوال */
.public-brand-logo-mark {
    display: none !important;
}

@media (max-width: 780px) {
    .public-brand-logo-full {
        display: none !important;
    }

    .public-brand-logo-mark {
        display: block !important;
        width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        object-fit: contain;
    }
}

/* V1.46 — روابط هوية المستكشف داخل بطاقات المجتمع */
.public-community-avatar-link,
.public-community-author-name {
    color: inherit;
    text-decoration: none;
}

.public-community-avatar-link:hover,
.public-community-author-name:hover {
    color: var(--primary);
}


/* =========================================================
   علِّمنا — Unified Public Container V1.47
   مرجع مركزي واحد لعرض جميع صفحات الواجهة العامة.
========================================================= */
:root {
    --public-container-width: 1440px;
    --public-container-padding: 18px;
}

.public-container,
.public-header-inner,
.public-home-shell,
.public-search-page,
.public-discover-page,
.public-detail-page,
.public-detail-narrow,
.public-settings-page {
    width: min(
        var(--public-container-width),
        calc(100% - (var(--public-container-padding) * 2))
    );
    margin-inline: auto;
}

/* شريط النطاقات يلتزم بنفس حدود الصفحة الرئيسية. */
.public-scope-bar {
    margin-inline: 0;
    padding-inline: 0;
}

.public-scope-tabs {
    width: 100%;
    margin-inline: auto;
}

@media (max-width: 780px) {
    :root {
        --public-container-padding: 12px;
    }
}

/* =========================================================
   علِّمنا — Profile Media V1.48
   غلاف 3:1 + إطار هوية للصورة + عرض الصور بحجم كبير.
========================================================= */
:root {
    --public-profile-cover-ratio: 3 / 1;
    --public-profile-avatar-ring-size: 4px;
}

.public-profile-cover {
    width: 100%;
    height: auto;
    aspect-ratio: var(--public-profile-cover-ratio);
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    appearance: none;
}

button.public-profile-cover {
    position: relative;
    display: block;
    cursor: zoom-in;
    overflow: hidden;
}

.public-profile-cover img {
    display: block;
}

.public-profile-media-hint {
    position: absolute;
    inset-inline-end: 16px;
    inset-block-end: 16px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(0, 0, 0, .48);
    color: #fff;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .18s ease, transform .18s ease;
    pointer-events: none;
    backdrop-filter: blur(8px);
}

.public-profile-media-hint svg {
    width: 17px;
    height: 17px;
}

.public-profile-cover:hover .public-profile-media-hint,
.public-profile-cover:focus-visible .public-profile-media-hint {
    opacity: 1;
    transform: translateY(0);
}

.public-profile-avatar-frame {
    box-sizing: border-box;
    padding: var(--public-profile-avatar-ring-size);
    border: 4px solid var(--surface);
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    box-shadow: 0 0 0 1px var(--border), var(--shadow-sm);
}

button.public-profile-avatar-large {
    appearance: none;
    cursor: zoom-in;
}

.public-profile-avatar-frame img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--surface);
}

.public-profile-avatar-frame:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--primary) 30%, transparent);
    outline-offset: 4px;
}

.public-profile-lightbox {
    width: min(94vw, 1240px);
    max-width: none;
    height: min(90vh, 900px);
    max-height: none;
    padding: 0;
    border: 0;
    border-radius: 18px;
    background: transparent;
    overflow: visible;
}

.public-profile-lightbox::backdrop {
    background: rgba(8, 12, 10, .86);
    backdrop-filter: blur(7px);
}

.public-profile-lightbox[open] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.public-profile-lightbox img {
    display: block;
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

.public-profile-lightbox-close {
    position: fixed;
    inset-block-start: 22px;
    inset-inline-end: 22px;
    z-index: 2;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50%;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    cursor: pointer;
    backdrop-filter: blur(8px);
}

.public-profile-lightbox-close svg {
    width: 21px;
    height: 21px;
}

@media (max-width: 780px) {
    .public-profile-media-hint {
        inset-inline-end: 10px;
        inset-block-end: 10px;
        width: 34px;
        height: 34px;
        opacity: 1;
        transform: none;
    }

    .public-profile-lightbox {
        width: calc(100vw - 20px);
        height: calc(100vh - 20px);
    }

    .public-profile-lightbox-close {
        inset-block-start: 14px;
        inset-inline-end: 14px;
    }
}

/* =========================================================
   علِّمنا — Profile Avatar Layer Fix V1.49
   إبقاء صورة الملف الشخصي فوق الغلاف عند التداخل.
========================================================= */
.public-profile-cover {
    position: relative;
    z-index: 1;
}

.public-profile-main {
    position: relative;
    z-index: 2;
}

.public-profile-avatar-large {
    position: relative;
    z-index: 3;
}

/* =========================================================
   علِّمنا — Public Profiles V1.53
   الملف العام + الخصوصية + التبويبات + تعديل صور المالك.
========================================================= */

.public-profile-page {
    --profile-panel-gap: 14px;
}

.public-profile-alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
    color: var(--content-text);
}

.public-profile-alert > svg {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    margin-top: 2px;
}

.public-profile-alert p {
    margin: 0;
}

.public-profile-alert.is-success {
    border-color: color-mix(in srgb, var(--primary) 35%, var(--border));
    background: var(--primary-light);
    color: var(--primary);
}

.public-profile-alert.is-error {
    border-color: color-mix(in srgb, #b42318 28%, var(--border));
    background: color-mix(in srgb, #b42318 7%, var(--surface));
    color: #b42318;
}

.public-profile-media-form {
    margin: 0;
}

.public-profile-cover-wrap {
    position: relative;
}

.public-profile-avatar-owner-wrap {
    position: relative;
    flex: 0 0 auto;
}

.public-profile-file-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    clip-path: inset(50%) !important;
}

.public-profile-media-edit {
    position: absolute;
    z-index: 8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid color-mix(in srgb, var(--border) 75%, transparent);
    background: color-mix(in srgb, var(--surface) 90%, transparent);
    color: var(--text-primary);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    backdrop-filter: blur(10px);
}

.public-profile-media-edit:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.public-profile-media-edit svg {
    width: 17px;
    height: 17px;
}

.public-profile-cover-edit {
    inset-inline-end: 16px;
    inset-block-start: 16px;
    min-height: 38px;
    padding: 0 12px;
    border-radius: var(--radius-pill);
    font-size: 14px;
    font-weight: 700;
}

.public-profile-avatar-edit {
    inset-inline-end: -2px;
    inset-block-end: 3px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

.public-profile-title-line {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.public-profile-title-line > div:first-child {
    min-width: 0;
}

.public-profile-title-line > div:first-child > span {
    display: block;
    margin-top: 2px;
    color: var(--text-muted);
}

.public-profile-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.public-profile-action-btn,
.public-profile-icon-btn,
.public-profile-primary-btn,
.public-profile-secondary-btn {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 13px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
    color: var(--text-primary);
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.public-profile-icon-btn {
    width: 38px;
    padding: 0;
}

.public-profile-action-btn svg,
.public-profile-icon-btn svg,
.public-profile-primary-btn svg {
    width: 17px;
    height: 17px;
}

.public-profile-action-btn:hover,
.public-profile-icon-btn:hover,
.public-profile-action-btn.is-active,
.public-profile-icon-btn.is-active {
    border-color: var(--primary);
    background: var(--primary-light);
    color: var(--primary);
}

.public-profile-owner-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: var(--radius-pill);
    background: var(--primary-light);
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
}

.public-profile-owner-badge svg {
    width: 14px;
    height: 14px;
}

.public-profile-mini-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 12px;
    color: var(--text-muted);
    font-size: 14px;
}

.public-profile-mini-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.public-profile-mini-meta svg {
    width: 14px;
    height: 14px;
}

.public-profile-media-savebar {
    position: sticky;
    z-index: 60;
    bottom: 12px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--border));
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    box-shadow: var(--shadow-lg);
    backdrop-filter: blur(14px);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .18s ease, transform .18s ease;
}

.public-profile-media-savebar:not([hidden]) {
    display: flex;
}

.public-profile-media-savebar.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.public-profile-media-savebar strong,
.public-profile-media-savebar span {
    display: block;
}

.public-profile-media-savebar strong {
    color: var(--text-primary);
    font-size: 15px;
}

.public-profile-media-savebar span {
    margin-top: 2px;
    color: var(--text-muted);
    font-size: 13px;
}

.public-profile-media-save-actions {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
}

.public-profile-primary-btn {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--text-on-primary);
}

.public-profile-primary-btn:disabled {
    opacity: .65;
    cursor: wait;
}

.public-profile-stats-expanded {
    grid-template-columns: repeat(5, 1fr);
}

.public-profile-tabs {
    display: flex;
    gap: 7px;
    margin-top: 14px;
    padding: 7px;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
    scrollbar-width: thin;
}

.public-profile-tabs a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 0 12px;
    border-radius: var(--radius-lg);
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.public-profile-tabs a:hover,
.public-profile-tabs a.is-active {
    background: var(--primary-light);
    color: var(--primary);
}

.public-profile-tabs svg {
    width: 16px;
    height: 16px;
}

.public-profile-tabs small {
    min-width: 20px;
    padding: 2px 5px;
    border-radius: var(--radius-pill);
    background: var(--surface-soft);
    color: var(--text-muted);
    text-align: center;
    font-size: 13px;
}

.public-profile-tabs a.is-active small {
    background: color-mix(in srgb, var(--primary) 12%, var(--surface));
    color: var(--primary);
}

.public-profile-content {
    margin-top: 14px;
}

.public-profile-overview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--profile-panel-gap);
}

.public-profile-panel,
.public-profile-folder,
.public-profile-list-card,
.public-profile-review-card,
.public-profile-business-card,
.public-profile-locked-state,
.public-profile-empty {
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
}

.public-profile-panel {
    padding: 18px;
}

.public-profile-panel-wide {
    grid-column: 1 / -1;
}

.public-profile-panel > header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.public-profile-panel > header svg {
    width: 18px;
    height: 18px;
    color: var(--primary);
}

.public-profile-panel h2,
.public-profile-folder h2,
.public-profile-list-card h2,
.public-profile-review-card h2,
.public-profile-business-card h2,
.public-profile-locked-state h2,
.public-profile-empty h2 {
    margin: 0;
    color: var(--text-primary);
    font-size: 16px;
}

.public-profile-about-list {
    display: grid;
    gap: 0;
}

.public-profile-about-list > div {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--border);
}

.public-profile-about-list > div:last-child {
    border-bottom: 0;
}

.public-profile-about-list span {
    color: var(--text-muted);
    font-size: 14px;
}

.public-profile-about-list strong {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--text-primary);
    text-align: end;
    font-size: 14px;
}

.public-profile-about-list strong svg {
    width: 13px;
    height: 13px;
}

.public-profile-about-list a {
    color: var(--primary);
    text-decoration: none;
}

.public-profile-badges-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.public-profile-badge-card {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-soft);
}

.public-profile-badge-card img,
.public-profile-badge-card > svg {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    object-fit: contain;
}

.public-profile-badge-card span {
    min-width: 0;
    overflow: hidden;
    color: var(--text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 700;
}

.public-profile-chips,
.public-profile-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.public-profile-chips span {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--surface-soft);
    color: var(--text-secondary);
    font-size: 13px;
}

.public-profile-chips svg {
    width: 14px;
    height: 14px;
    color: var(--primary);
}

.public-profile-social-links a {
    width: 40px;
    height: 40px;
    min-height: 40px;
    flex: 0 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: var(--text-secondary);
    text-decoration: none;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

.public-profile-social-links a .alamna-social-brand-icon {
    width: 18px;
    height: 18px;
    display: block;
    color: currentColor;
}

.public-profile-social-links a:hover,
.public-profile-social-links a:focus-visible {
    border-color: var(--primary-light-hover);
    background: var(--primary-light);
    color: var(--primary);
    transform: translateY(-1px);
}

.public-profile-muted {
    margin: 0;
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.8;
}

.public-profile-locked-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-muted);
    font-size: 14px;
}

.public-profile-locked-inline svg {
    width: 16px;
    height: 16px;
}

.public-profile-locked-state,
.public-profile-empty {
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 28px;
    text-align: center;
}

.public-profile-locked-state > svg,
.public-profile-empty > svg {
    width: 34px;
    height: 34px;
    color: var(--text-muted);
}

.public-profile-locked-state p {
    max-width: 520px;
    margin: 0;
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.8;
}

.public-profile-list,
.public-profile-folders {
    display: grid;
    gap: 12px;
}

.public-profile-list-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    padding: 15px;
}

.public-profile-list-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    background: var(--primary-light);
    color: var(--primary);
}

.public-profile-list-icon svg {
    width: 19px;
    height: 19px;
}

.public-profile-card-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 5px;
    color: var(--text-muted);
    font-size: 13px;
}

.public-profile-list-card h2 {
    margin-bottom: 5px;
}

.public-profile-list-card p,
.public-profile-review-card p {
    margin: 0;
    color: var(--content-text);
    font-size: 14px;
    line-height: 1.8;
}

.public-profile-list-card small {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    color: var(--text-muted);
}

.public-profile-list-card small svg {
    width: 13px;
    height: 13px;
}

.public-profile-business-grid,
.public-profile-saved-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.public-profile-business-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
}

.public-profile-business-logo {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-soft);
    color: var(--text-muted);
}

.public-profile-business-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-profile-business-logo svg {
    width: 20px;
    height: 20px;
}

.public-profile-business-card span,
.public-profile-business-card small {
    display: block;
    color: var(--text-muted);
    font-size: 13px;
}

.public-profile-business-card h2 {
    margin: 3px 0;
}

.public-profile-review-card {
    padding: 16px;
}

.public-profile-review-card > header {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
}

.public-profile-review-card > header > div:nth-child(2) > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    color: var(--text-muted);
    font-size: 13px;
}

.public-profile-review-card > header > div:nth-child(2) > span.is-positive {
    color: var(--primary);
}

.public-profile-review-card > header svg {
    width: 13px;
    height: 13px;
}

.public-profile-review-card time {
    color: var(--text-muted);
    font-size: 13px;
}

.public-profile-review-card h3 {
    margin: 13px 0 5px;
    color: var(--text-primary);
    font-size: 14px;
}

.public-profile-folder {
    padding: 15px;
}

.public-profile-folder > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.public-profile-folder > header > div:first-child {
    display: flex;
    align-items: center;
    gap: 9px;
}

.public-profile-folder > header > div:first-child > svg {
    width: 23px;
    height: 23px;
    color: var(--secondary);
}

.public-profile-folder > header span {
    color: var(--text-muted);
    font-size: 13px;
}

.public-profile-folder-visibility {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--surface-soft);
}

.public-profile-folder-visibility svg {
    width: 12px;
    height: 12px;
}

.public-profile-saved-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 9px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-soft);
}

.public-profile-saved-media {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--surface);
    color: var(--text-muted);
}

.public-profile-saved-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public-profile-saved-media svg {
    width: 20px;
    height: 20px;
}

.public-profile-saved-card span,
.public-profile-saved-card strong {
    display: block;
}

.public-profile-saved-card span {
    color: var(--text-muted);
    font-size: 13px;
}

.public-profile-saved-card strong {
    margin-top: 3px;
    overflow: hidden;
    color: var(--text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

@media (max-width: 780px) {
    .public-profile-cover-edit {
        inset-inline-end: 10px;
        inset-block-start: 10px;
    }

    .public-profile-title-line {
        flex-direction: column;
        gap: 10px;
    }

    .public-profile-actions {
        width: 100%;
    }

    .public-profile-action-btn {
        flex: 1;
    }

    .public-profile-media-savebar {
        align-items: stretch;
        flex-direction: column;
        bottom: 8px;
    }

    .public-profile-media-save-actions > * {
        flex: 1;
    }

    .public-profile-stats-expanded {
        grid-template-columns: repeat(5, minmax(86px, 1fr));
        overflow-x: auto;
    }

    .public-profile-stats-expanded > div {
        min-width: 86px;
    }

    .public-profile-overview-grid,
    .public-profile-business-grid,
    .public-profile-saved-grid {
        grid-template-columns: 1fr;
    }

    .public-profile-panel-wide {
        grid-column: auto;
    }
}

@media (max-width: 520px) {
    .public-profile-main {
        gap: 12px;
        padding: 14px;
    }

    .public-profile-avatar-large {
        width: 76px;
        height: 76px;
    }

    .public-profile-copy h1 {
        font-size: 20px;
    }

    .public-profile-cover-edit span {
        display: none;
    }

    .public-profile-cover-edit {
        width: 38px;
        padding: 0;
        border-radius: 50%;
    }

    .public-profile-panel,
    .public-profile-folder,
    .public-profile-list-card,
    .public-profile-review-card {
        border-radius: var(--radius-lg);
    }
}

/* =========================================================
   V1.57 — أحدث المستكشفين والأعمال في يمين الرئيسية
========================================================= */

@media (min-width: 1251px) {
    .public-home-shell {
        width: min(1400px, calc(100% - 36px));
    }

    .public-home-layout {
        grid-template-columns: minmax(220px, 250px) minmax(0, 760px) minmax(260px, 300px);
        gap: 22px;
    }
}

.public-home-right-rail {
    min-width: 0;
    display: grid;
    gap: 14px;
    position: sticky;
    top: 148px;
}

.public-latest-card {
    overflow: hidden;
    padding: 0;
}

.public-latest-card-header {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 13px;
    border-bottom: 1px solid var(--border);
}

.public-latest-card-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--primary-light);
    color: var(--primary);
}

.public-latest-card-icon svg {
    width: 16px;
    height: 16px;
}

.public-latest-card-header > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.public-latest-card-header strong {
    color: var(--content-title);
    font-size: 14px;
    line-height: 1.5;
}

.public-latest-card-header small {
    color: var(--text-muted);
    font-size: 13px;
}

.public-latest-list {
    display: grid;
}

.public-latest-person {
    min-height: 58px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border-bottom: 1px solid var(--border);
    transition: background var(--transition-fast);
}

.public-latest-person:last-child {
    border-bottom: 0;
}

.public-latest-person:hover {
    background: var(--primary-light);
}

.public-latest-avatar {
    width: 38px;
    height: 38px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: var(--surface-soft, var(--primary-light));
    color: var(--primary);
}

.public-latest-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.public-latest-avatar svg {
    width: 17px;
    height: 17px;
}

.public-latest-business-logo {
    border-radius: 11px;
}

.public-latest-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.public-latest-copy strong {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    color: var(--content-title);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.public-latest-copy small {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 3px;
    overflow: hidden;
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.45;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.public-latest-copy small svg {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
}

.public-latest-verified {
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    color: var(--primary);
}

.public-latest-arrow {
    width: 13px;
    height: 13px;
    color: var(--text-muted);
}

html[dir="ltr"] .public-latest-arrow {
    transform: rotate(180deg);
}

.public-latest-empty {
    padding: 18px 12px;
    color: var(--text-muted);
    font-size: 13px;
    text-align: center;
}

@media (max-width: 1250px) {
    .public-home-right-rail {
        display: none;
    }
}

/* علِّمنا V1.65 — SVG icons from general settings + platform hover label */
.public-profile-social-links a{position:relative;overflow:visible}
.public-profile-social-links a .alamna-social-brand-icon{width:18px;height:18px;display:block;object-fit:contain;color:currentColor}
.public-profile-social-links a::after{content:attr(data-social-tooltip);position:absolute;z-index:30;inset-inline-start:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(3px);padding:6px 9px;border-radius:8px;background:var(--text-primary);color:var(--surface);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--shadow-sm);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}
.public-profile-social-links a::before{content:"";position:absolute;z-index:29;inset-inline-start:50%;bottom:calc(100% + 3px);width:8px;height:8px;background:var(--text-primary);transform:translateX(-50%) rotate(45deg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast)}
.public-profile-social-links a:hover::after,.public-profile-social-links a:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.public-profile-social-links a:hover::before,.public-profile-social-links a:focus-visible::before{opacity:1;visibility:visible}


/* =========================================================
   علِّمنا V1.66 — محاذاة بيانات "عن المستكشف"
========================================================= */
html[dir="rtl"] .public-profile-about-list > div {
    justify-content: flex-start;
    align-items: center;
}

html[dir="rtl"] .public-profile-about-list > div > span {
    flex: 0 0 130px;
    text-align: right;
}

html[dir="rtl"] .public-profile-about-list > div > strong {
    justify-content: flex-start;
    text-align: right;
}

@media (max-width: 640px) {
    html[dir="rtl"] .public-profile-about-list > div {
        align-items: flex-start;
    }
}

/* =========================================================
   V1.69.5 — وصول أسرع للطلبات من الهيدر وقائمة الحساب
========================================================= */

.public-active-order-chip {
    min-height: 40px;
    max-width: 220px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding-inline: 11px;
    border: 1px solid var(--primary-light-hover);
    border-radius: var(--radius-md);
    background: var(--primary-light);
    color: var(--primary);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.public-active-order-chip:hover {
    background: var(--primary-light-hover);
    border-color: var(--primary);
    transform: translateY(-1px);
}

.public-active-order-chip svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
}

.public-active-order-chip span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.public-account-orders-link {
    position: relative;
}

.public-order-menu-badge {
    min-width: 22px;
    height: 22px;
    margin-inline-start: auto;
    padding-inline: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--primary);
    color: var(--text-on-primary, #fff);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

.public-account-active-order {
    min-height: 62px !important;
    margin: 6px 0;
    padding: 9px 10px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 16px;
    gap: 9px !important;
    align-items: center !important;
    border: 1px solid var(--primary-light-hover) !important;
    background: var(--primary-light) !important;
    color: var(--text-primary) !important;
}

.public-account-active-order:hover {
    background: var(--primary-light-hover) !important;
    color: var(--text-primary) !important;
}

.public-account-active-order-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--surface);
    color: var(--primary);
}

.public-account-active-order-icon svg {
    width: 17px !important;
    height: 17px !important;
}

.public-account-active-order-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.public-account-active-order-copy strong,
.public-account-active-order-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
}

.public-account-active-order-copy strong {
    color: var(--primary);
    font-size: 14px;
    font-weight: 800;
}

.public-account-active-order-copy small {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 500;
}

.public-account-active-order-arrow {
    width: 14px !important;
    height: 14px !important;
    color: var(--text-muted);
}

html[dir="ltr"] .public-account-active-order-arrow {
    transform: rotate(180deg);
}

@media (max-width: 1050px) {
    .public-active-order-chip {
        max-width: 170px;
    }
}

@media (max-width: 780px) {
    .public-active-order-chip {
        display: none;
    }

    .public-account-active-order {
        display: grid !important;
    }
}


/* أحدث المستكشفين: خصوصية المدينة + إبراز النقاط */
.public-latest-explorer {
    grid-template-columns: 38px minmax(0, 1fr) auto;
}

.public-latest-explorer-copy {
    justify-content: center;
}

.public-latest-explorer-copy strong {
    font-size: 15px;
    font-weight: 700;
}

.public-latest-points {
    min-width: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    color: var(--primary);
    white-space: nowrap;
}

.public-latest-points svg {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
}

.public-latest-points strong {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.public-latest-points small {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
}

@media (max-width: 560px) {
    .public-latest-explorer-copy strong {
        font-size: 14px;
    }

    .public-latest-points {
        min-width: 52px;
    }
}

/* =========================================================
   V1.74 — Community publishing + 24h pulses
========================================================= */
.public-community-flash{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-size:15px;font-weight:650}.public-community-flash svg{width:18px;flex:0 0 auto}.public-community-flash.is-success{border-color:var(--primary-light-hover);background:var(--primary-light);color:var(--primary)}.public-community-flash.is-error{border-color:var(--danger,#b42318);background:var(--danger-light,#fff2f0);color:var(--danger,#b42318)}
.public-author-kind{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:700}.public-author-kind svg{width:12px}.public-community-avatar.is-business{border-radius:13px}
.public-community-media-grid{display:grid;gap:4px;margin:14px -18px 0;overflow:hidden;background:var(--background)}.public-community-media-grid.media-count-1{grid-template-columns:1fr}.public-community-media-grid.media-count-2{grid-template-columns:repeat(2,1fr)}.public-community-media-grid.media-count-3,.public-community-media-grid.media-count-4,.public-community-media-grid.media-count-5{grid-template-columns:repeat(2,1fr)}.public-community-media-grid.media-count-3 .public-community-media-item:first-child{grid-row:span 2}.public-community-media-grid.media-count-5 .public-community-media-item:first-child{grid-row:span 2}.public-community-media-item{position:relative;min-height:190px;padding:0;border:0;background:var(--background);overflow:hidden;cursor:pointer}.public-community-media-item img{width:100%;height:100%;min-height:190px;max-height:540px;display:block;object-fit:cover}.public-community-media-grid.media-count-1 .public-community-media-item img{aspect-ratio:auto;max-height:620px;object-fit:contain;background:#0e1110}.public-community-card-photo .public-post-type-badge{background:var(--secondary-light);color:var(--secondary-hover)}
.public-community-create-modal[hidden],.public-pulse-viewer[hidden],.public-community-image-viewer[hidden]{display:none!important}.public-community-create-modal,.public-pulse-viewer,.public-community-image-viewer{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px}.public-community-create-backdrop,.public-pulse-viewer-backdrop,.public-community-image-viewer>button{position:absolute;inset:0;border:0;background:rgba(5,14,10,.72);cursor:pointer}.public-community-create-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg)}.public-community-create-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border)}.public-community-create-dialog>header>div{display:flex;gap:11px}.public-community-create-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--primary-light);color:var(--primary)}.public-community-create-icon svg{width:20px}.public-community-create-dialog h2{margin:0;font-size:18px}.public-community-create-dialog header p{margin:4px 0 0;color:var(--text-muted);font-size:14px;line-height:1.7}.public-community-create-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);cursor:pointer}.public-community-create-close svg{width:17px}.public-community-create-dialog form{display:grid;gap:14px;padding:20px}.public-community-field{display:grid;gap:7px}.public-community-field>span{font-size:14px;font-weight:700;color:var(--text-secondary)}.public-community-field input,.public-community-field textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--background);color:var(--text-primary);padding:11px 12px;font:inherit;outline:0}.public-community-field textarea{resize:vertical;line-height:1.8}.public-community-field input:focus,.public-community-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.public-community-upload{position:relative;display:block;border:1px dashed var(--border-strong,var(--border));border-radius:14px;background:var(--background);cursor:pointer}.public-community-upload:hover{border-color:var(--primary);background:var(--primary-light)}.public-community-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.public-community-upload>span{min-height:76px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:10px;padding:12px 14px}.public-community-upload svg{grid-row:1/3;width:22px;color:var(--primary)}.public-community-upload strong{font-size:15px}.public-community-upload small{color:var(--text-muted);font-size:13px}.public-community-file-status{min-height:18px;color:var(--primary);font-size:13px;font-weight:650}.public-community-create-dialog form>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:4px}.public-community-publish-note{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px}.public-community-publish-note svg{width:14px}.public-community-publish-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid var(--primary);border-radius:11px;background:var(--primary);color:#fff;font:inherit;font-weight:700;cursor:pointer}.public-community-publish-btn svg{width:16px}.public-community-modal-open{overflow:hidden}
.public-pulse-stories{display:grid;gap:8px;margin-top:12px}.public-pulse-story{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text-primary);font:inherit;text-align:inherit;cursor:pointer}.public-pulse-story:hover{border-color:var(--primary-light-hover);background:var(--primary-light)}.public-pulse-story-media{position:relative;width:72px;height:72px;border-radius:11px;overflow:hidden;background:#111;display:grid;place-items:center}.public-pulse-story-media img,.public-pulse-story-media video{width:100%;height:100%;object-fit:cover}.public-pulse-story-media>svg{position:absolute;width:24px;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}.public-pulse-story-author{min-width:0;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.public-pulse-story-author>img,.public-pulse-story-author>svg{width:26px;height:26px;flex:0 0 26px;border-radius:50%;object-fit:cover}.public-pulse-story-author>svg{padding:5px;background:var(--primary-light);color:var(--primary)}.public-pulse-story-author>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-pulse-scope-title{display:grid;gap:2px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.public-pulse-scope-title strong{font-size:14px}.public-pulse-scope-title small{color:var(--text-muted);font-size:13px}.public-pulse-viewer-dialog{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:auto;border-radius:22px;background:#0c0f0d;color:#fff;box-shadow:var(--shadow-lg)}.public-pulse-viewer-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.public-pulse-viewer-dialog>header button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.public-pulse-viewer-media{display:grid;place-items:center;min-height:320px;max-height:70vh;background:#000}.public-pulse-viewer-media img,.public-pulse-viewer-media video{width:100%;max-height:70vh;object-fit:contain}.public-pulse-viewer-dialog>p{margin:0;padding:13px 16px 4px;line-height:1.75}.public-pulse-viewer-dialog>small{display:flex;align-items:center;gap:6px;padding:9px 16px 16px;color:#c9d0cc}.public-pulse-viewer-dialog>small svg{width:14px}.public-community-image-viewer{z-index:10060}.public-community-image-viewer>img{position:relative;z-index:1;max-width:min(1100px,94vw);max-height:90vh;object-fit:contain;border-radius:16px;box-shadow:var(--shadow-lg)}
@media(max-width:640px){.public-community-create-modal,.public-pulse-viewer{padding:10px}.public-community-create-dialog{border-radius:18px}.public-community-create-dialog form>footer{align-items:stretch;flex-direction:column}.public-community-publish-btn{width:100%}.public-community-media-grid{margin-inline:-14px}.public-community-media-item,.public-community-media-item img{min-height:150px}.public-pulse-story{grid-template-columns:62px minmax(0,1fr)}.public-pulse-story-media{width:62px;height:62px}}

/* V1.74 — media thumbnail in a member's personal posts tab */
.public-profile-post-media{display:block;margin-top:10px;max-width:320px;overflow:hidden;border-radius:12px;background:var(--background)}
.public-profile-post-media img{display:block;width:100%;max-height:240px;object-fit:cover}

/* V1.74.1 — community ownership, recommendation places and 30s pulses */
.public-community-flash{transition:opacity .24s ease,transform .24s ease}.public-community-flash.is-hiding{opacity:0;transform:translateY(-5px)}
.public-community-author-handle{direction:ltr;color:var(--text-muted);font-size:13px;font-weight:600;text-decoration:none}.public-community-author-handle:hover{color:var(--primary)}
.public-community-owner-menu{position:relative;margin-inline-start:auto}.public-community-owner-dropdown[hidden]{display:none!important}.public-community-owner-dropdown{position:absolute;z-index:50;inset-block-start:calc(100% + 6px);inset-inline-end:0;width:170px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-md)}.public-community-owner-dropdown button{width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;font-weight:650;cursor:pointer;text-align:start}.public-community-owner-dropdown button:hover{background:var(--background)}.public-community-owner-dropdown form:last-child button{color:var(--danger,#b42318)}.public-community-owner-dropdown svg{width:15px}
.public-community-recommendation{display:grid;gap:10px;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--background)}.public-community-place-search{position:relative}.public-community-place-search>svg{position:absolute;inset-inline-start:12px;top:50%;width:16px;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.public-community-place-search input{padding-inline-start:38px!important}.public-community-place-results[hidden],.public-community-selected-place[hidden],.public-community-new-place[hidden],.public-community-edit-note[hidden]{display:none!important}.public-community-place-results{max-height:230px;overflow:auto;margin-top:4px;padding:5px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-muted);font-size:13px}.public-community-place-results button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;padding:9px;border:0;border-radius:9px;background:transparent;color:var(--text-primary);font:inherit;text-align:start;cursor:pointer}.public-community-place-results button:hover{background:var(--primary-light)}.public-community-place-results button>svg{width:17px;color:var(--primary)}.public-community-place-results button span{display:grid;gap:2px}.public-community-place-results button strong{font-size:14px}.public-community-place-results button small{font-size:13px;color:var(--text-muted)}.public-community-selected-place{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:7px;padding:9px 10px;border:1px solid var(--primary-light-hover);border-radius:11px;background:var(--primary-light)}.public-community-selected-place>svg{width:18px;color:var(--primary)}.public-community-selected-place>span{display:grid;gap:2px}.public-community-selected-place strong{font-size:14px}.public-community-selected-place small{font-size:13px;color:var(--text-muted)}.public-community-selected-place button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.public-community-selected-place button svg{width:14px}.public-community-add-place-toggle{min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed var(--border);border-radius:11px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.public-community-add-place-toggle.is-active,.public-community-add-place-toggle:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.public-community-add-place-toggle svg{width:16px}.public-community-new-place{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding-top:4px}.public-community-new-place>label:first-child,.public-community-new-place>small{grid-column:1/-1}.public-community-new-place>small{color:var(--text-muted);font-size:13px;line-height:1.7}.public-community-field select{width:100%;min-height:44px;padding:0 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-primary);font:inherit;outline:0}.public-community-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.public-community-edit-note{padding:9px 11px;border-radius:10px;background:var(--secondary-light,#fdf8ef);color:var(--secondary-hover,#ae7e2b);font-size:13px;line-height:1.65}
.public-linked-business{grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;color:inherit}.public-linked-business>svg{width:16px;color:var(--text-muted)}
.public-pulse-story-author>span{display:grid!important;gap:1px;white-space:normal!important}.public-pulse-story-author strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.public-pulse-story-author small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:13px;font-weight:600}.public-pulse-viewer-identity{display:flex;align-items:center;gap:7px;min-width:0}.public-pulse-viewer-identity span{color:#b9c1bd;font-size:13px}.public-pulse-owner-actions[hidden]{display:none!important}.public-pulse-owner-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px 4px}.public-pulse-owner-actions button{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.public-pulse-owner-actions form button{color:#ffd0cc}.public-pulse-owner-actions svg{width:15px}
@media(max-width:640px){.public-community-new-place{grid-template-columns:1fr}.public-community-new-place>label:first-child,.public-community-new-place>small{grid-column:auto}.public-community-author-line{gap:5px}.public-community-author-handle{font-size:13px}}
.public-community-remove-images[hidden]{display:none!important}.public-community-remove-images{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:650;cursor:pointer}.public-community-remove-images input{accent-color:var(--primary)}

/* =========================================================
   علِّمنا — Community polish V1.74.3
   شريط صور داخلي + عارض معرض + محرر بسيط + اكتشف مدينتك
========================================================= */
.public-community-text-wrap{margin-top:10px}.public-community-text-wrap .public-community-text{margin:0}.public-community-expand{margin-top:4px;padding:0;border:0;background:transparent;color:var(--primary);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.public-community-expand:hover{text-decoration:underline}
.public-community-media-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72%,1fr);gap:8px;margin:14px 0 0;padding:0 0 5px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin}.public-community-media-strip.media-count-1{grid-auto-columns:100%;overflow:hidden}.public-community-media-strip .public-community-media-item{min-height:0;aspect-ratio:4/3;border:1px solid var(--border);border-radius:14px;background:var(--background);scroll-snap-align:start;overflow:hidden}.public-community-media-strip .public-community-media-item img{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover}.public-community-media-strip.media-count-1 .public-community-media-item{aspect-ratio:auto;max-height:560px}.public-community-media-strip.media-count-1 .public-community-media-item img{width:100%;max-height:560px;object-fit:contain;background:var(--background)}
.public-community-image-viewer{z-index:10070;background:rgba(5,10,8,.92);grid-template-columns:auto minmax(0,1fr) auto;gap:14px}.public-community-image-viewer figure{position:relative;z-index:1;margin:0;min-width:0;width:min(1120px,82vw);height:min(88vh,900px);display:flex;align-items:center;justify-content:center}.public-community-image-viewer figure img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.4)}.public-community-image-viewer figure figcaption{position:absolute;inset-block-end:14px;inset-inline-start:50%;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:13px}.public-community-gallery-close{position:fixed!important;inset:20px 20px auto auto!important;z-index:3!important;width:42px;height:42px;border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:#fff!important;display:grid;place-items:center}.public-community-gallery-close svg{width:20px}.public-community-gallery-nav{position:relative;z-index:2;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}.public-community-gallery-nav:hover{background:rgba(255,255,255,.22)}.public-community-gallery-nav svg{width:24px}.public-community-gallery-nav[hidden]{display:none!important}
.public-community-editor-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-community-editor-label-row>span{font-size:14px;font-weight:700;color:var(--text-secondary)}.public-community-editor-label-row small{font-size:13px;color:var(--text-muted)}.public-community-editor-label-row small.is-over{color:var(--danger);font-weight:700}.public-community-editor-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:-3px}.public-community-editor-toolbar>button,.public-community-emoji-wrap>button{width:34px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-primary);font:inherit;cursor:pointer}.public-community-editor-toolbar button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.public-community-editor-toolbar svg{width:16px}.public-community-emoji-wrap{position:relative}.public-community-emoji-picker{position:absolute;z-index:4;inset-block-start:38px;inset-inline-start:0;width:224px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-md)}.public-community-emoji-picker[hidden]{display:none!important}.public-community-emoji-picker button{height:34px;border:0;border-radius:8px;background:transparent;font-size:18px;cursor:pointer}.public-community-emoji-picker button:hover{background:var(--surface-soft)}.public-community-editor-help{color:var(--text-muted);font-size:13px;line-height:1.6}
.public-community-text strong{font-weight:750;color:var(--content-title)}
.public-discover-location-note{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.public-discover-location-note>svg{width:28px;color:var(--primary)}.public-discover-location-note>div{flex:1;display:grid;gap:3px}.public-discover-location-note strong{font-size:14px}.public-discover-location-note span{font-size:13px;color:var(--text-muted)}.public-discover-location-note a{padding:9px 12px;border-radius:10px;background:var(--primary);color:#fff;font-size:13px;font-weight:700}.public-discover-results-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.public-discover-results-head>div{display:flex;align-items:baseline;gap:9px}.public-discover-results-head strong{font-size:15px}.public-discover-results-head small{color:var(--text-muted);font-size:13px}.public-discover-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-discover-business-card{overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:inherit;text-decoration:none;transition:.18s ease}.public-discover-business-card:hover{transform:translateY(-2px);border-color:var(--primary-light-hover);box-shadow:var(--shadow-sm)}.public-discover-business-cover{height:130px;background:var(--primary-light);overflow:hidden}.public-discover-business-cover img{width:100%;height:100%;object-fit:cover}.public-discover-business-cover>span{height:100%;display:grid;place-items:center;color:var(--primary);opacity:.55}.public-discover-business-cover svg{width:34px}.public-discover-business-body{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start;padding:12px}.public-discover-business-logo{width:52px;height:52px;margin-top:-30px;display:grid;place-items:center;border:3px solid var(--surface);border-radius:14px;background:var(--surface);color:var(--primary);overflow:hidden;box-shadow:var(--shadow-xs)}.public-discover-business-logo img{width:100%;height:100%;object-fit:cover}.public-discover-business-logo svg{width:22px}.public-discover-business-body small{display:block;color:var(--text-muted);font-size:13px}.public-discover-business-body h2{margin:2px 0 5px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-discover-recommend{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:13px;font-weight:700}.public-discover-recommend svg{width:12px}.public-discover-recommend.is-new{color:var(--text-muted);font-weight:600}
@media(max-width:900px){.public-discover-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.public-community-media-strip{grid-auto-columns:86%}.public-community-image-viewer{grid-template-columns:1fr;padding:10px}.public-community-image-viewer figure{width:100%;height:82vh}.public-community-gallery-nav{position:fixed;inset-block-start:50%;transform:translateY(-50%)}.public-community-gallery-nav.is-prev{inset-inline-start:12px}.public-community-gallery-nav.is-next{inset-inline-end:12px}.public-discover-business-grid{grid-template-columns:1fr}.public-discover-location-note{align-items:flex-start;flex-wrap:wrap}.public-discover-location-note a{width:100%;text-align:center}}
.public-community-image-viewer>.public-community-gallery-nav{position:relative!important;inset:auto!important;background:rgba(255,255,255,.14)!important;width:46px!important;height:46px!important;border-radius:50%!important;cursor:pointer!important}.public-community-image-viewer>.public-community-gallery-nav:hover{background:rgba(255,255,255,.24)!important}.public-community-image-viewer>.public-community-gallery-close{inset-block-start:20px!important;inset-inline-end:20px!important;inset-block-end:auto!important;inset-inline-start:auto!important}
@media(max-width:640px){.public-community-image-viewer>.public-community-gallery-nav{position:fixed!important;inset-block-start:50%!important;transform:translateY(-50%)}.public-community-image-viewer>.public-community-gallery-nav.is-prev{inset-inline-start:12px!important;inset-inline-end:auto!important}.public-community-image-viewer>.public-community-gallery-nav.is-next{inset-inline-end:12px!important;inset-inline-start:auto!important}}

/* V1.74.5.7.4 — square community media fills the full five-photo strip width. */
.public-community-media-strip,
.public-community-media-strip.media-count-1{
    display:grid;
    width:100%;
    gap:9px;
    margin-top:14px;
    padding:0;
    overflow:hidden;
}
.public-community-media-strip.media-count-1{grid-template-columns:minmax(0,1fr)}
.public-community-media-strip.media-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.public-community-media-strip.media-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-community-media-strip.media-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.public-community-media-strip.media-count-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.public-community-media-strip .public-community-media-item,
.public-community-media-strip.media-count-1 .public-community-media-item{
    display:block;
    width:100%;
    min-width:0;
    height:auto;
    aspect-ratio:1/1;
    max-height:none;
    min-height:0;
    padding:0;
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
    background:var(--background);
}
.public-community-media-strip .public-community-media-item img,
.public-community-media-strip.media-count-1 .public-community-media-item img{
    display:block;
    width:100%;
    height:100%;
    aspect-ratio:1/1;
    max-height:none;
    min-height:0;
    object-fit:cover;
    background:var(--background);
}

/* Community actions work for button/link/form controls alike. */
.public-community-actions{align-items:center}
.public-community-actions>a,
.public-community-actions>form,
.public-community-actions>.alamna-like-button{flex:1;min-width:0;margin:0}
.public-community-actions>a,
.public-community-actions>form button,
.public-community-actions>.alamna-like-button{
    width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;gap:6px;
    border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer;border-radius:9px;
}
.public-community-actions>a:hover,
.public-community-actions>form button:hover{background:var(--background);color:var(--primary)}
.public-community-actions>a svg,
.public-community-actions>form button svg{width:17px;height:17px}
.public-community-actions>a b{font-size:13px;font-weight:700;color:var(--text-muted)}
.public-community-actions .is-saved{color:var(--primary);background:var(--primary-light)}
.public-community-save-form{display:block}

/* Profile post title and interactions. */
.public-profile-post-card-body{min-width:0;flex:1}
.public-profile-post-title{margin:7px 0 0!important}
.public-profile-post-title a{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary);text-decoration:none}
.public-profile-post-title a:hover{color:var(--primary)}
.public-profile-post-title a span{font-size:21px;line-height:1;color:var(--primary)}
.public-profile-post-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}
.public-profile-post-actions>.alamna-like-button,
.public-profile-post-action{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer}
.public-profile-post-actions>.alamna-like-button:hover,
.public-profile-post-action:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}
.public-profile-post-action svg{width:15px;height:15px}.public-profile-post-action b{font-size:13px;color:var(--text-muted)}
.public-profile-post-save-form{margin:0}.public-profile-post-action.is-saved{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}

/* Community post comments. */
.public-community-comments{margin-top:16px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.public-community-comments-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--border)}
.public-community-comments-head>div{display:flex;align-items:center;gap:8px}.public-community-comments-head h2{margin:0;font-size:16px}.public-community-comments-head svg{width:18px;color:var(--primary)}
.public-community-comments-head>span{min-width:30px;height:26px;display:grid;place-items:center;padding:0 8px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:700}
.public-community-comment-flash{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:14px}.public-community-comment-flash.is-success{background:var(--primary-light);color:var(--primary)}.public-community-comment-flash.is-error{background:#fff1f1;color:var(--danger)}
.public-community-comment-form{display:grid;gap:9px;margin-top:14px}.public-community-comment-form textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:12px;background:var(--background);color:var(--text-primary);padding:11px 12px;font:inherit;line-height:1.7;outline:0}.public-community-comment-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}
.public-community-comment-form button{justify-self:start;min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.public-community-comment-form button svg{width:15px}
.public-community-comment-login{margin-top:14px;display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:14px;font-weight:700;text-decoration:none}.public-community-comment-login svg{width:16px}
.public-community-comments-list{display:grid;gap:0;margin-top:14px}.public-community-comment{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px 0;border-top:1px solid var(--border)}.public-community-comment:first-child{border-top:0}.public-community-comment-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--primary-light);color:var(--primary)}.public-community-comment-avatar img{width:100%;height:100%;object-fit:cover}.public-community-comment-avatar svg{width:18px}
.public-community-comment header{display:flex;align-items:center;justify-content:space-between;gap:10px}.public-community-comment header>a{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-primary);text-decoration:none}.public-community-comment header strong{font-size:14px}.public-community-comment header span,.public-community-comment time{font-size:13px;color:var(--text-muted)}.public-community-comment p{margin:5px 0 0;font-size:14px;line-height:1.8;color:var(--text-secondary)}
.public-community-comments-empty{display:flex;align-items:center;justify-content:center;gap:7px;padding:22px;color:var(--text-muted);font-size:14px}.public-community-comments-empty svg{width:17px}

@media(max-width:640px){
    .public-community-media-strip{gap:6px}
    .public-community-media-strip .public-community-media-item,
    .public-community-media-strip.media-count-1 .public-community-media-item{width:100%;height:auto;border-radius:11px}
    .public-profile-post-actions{gap:5px}.public-profile-post-actions>.alamna-like-button,.public-profile-post-action{padding:0 8px}
    .public-community-comments{padding:14px}.public-community-comment header{align-items:flex-start;flex-direction:column;gap:3px}
}
.public-profile-saved-grid a.public-profile-saved-card{color:inherit;text-decoration:none}

/* =========================================================
   علِّمنا V1.74.5 — مواضيع الملف الشخصي + صفحة الموضوع
========================================================= */
.public-profile-topic-card{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:132px;
    padding:12px;
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--surface);
}
.public-profile-topic-media{
    width:108px;
    height:108px;
    flex:0 0 108px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--surface-soft,var(--primary-light));
    color:var(--primary);
}
.public-profile-topic-media img{width:100%;height:100%;display:block;object-fit:cover}
.public-profile-topic-media>span{display:grid;place-items:center;width:100%;height:100%}
.public-profile-topic-media svg{width:28px;height:28px}
.public-profile-topic-main{min-width:0;flex:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.public-profile-topic-title{margin:7px 0 0!important;font-size:18px!important;line-height:1.55!important;font-weight:750!important}
.public-profile-topic-title a{color:var(--content-title);text-decoration:none}
.public-profile-topic-title a:hover{color:var(--primary)}
.public-profile-topic-place{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:var(--text-muted);font-size:13px}
.public-profile-topic-place svg{width:12px;height:12px}
.public-profile-topic-stats{flex:0 0 auto;display:flex;align-items:stretch;gap:7px;margin-inline-start:auto}
.public-profile-topic-stat,
.public-profile-topic-like .alamna-like-button{
    width:72px;
    min-height:70px;
    padding:8px 6px;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--background);
    color:var(--text-secondary);
    text-decoration:none;
    font:inherit;
    cursor:pointer;
}
.public-profile-topic-stat{display:grid;grid-template-columns:auto auto;grid-template-areas:"icon count" "label label";align-content:center;justify-content:center;gap:3px 5px}
.public-profile-topic-stat>svg{grid-area:icon;width:15px;height:15px;align-self:center}
.public-profile-topic-stat>strong{grid-area:count;font-size:14px;line-height:1}
.public-profile-topic-stat>small{grid-area:label;color:var(--text-muted);font-size:13px;text-align:center}
.public-profile-topic-stat:hover,
.public-profile-topic-like .alamna-like-button:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}
.public-profile-topic-stat.is-saved{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}
.public-profile-topic-save-form{margin:0}
.public-profile-topic-like{display:flex}
.public-profile-topic-like .alamna-like-button{display:grid;grid-template-columns:auto auto;grid-template-areas:"icon count" "label label";align-content:center;justify-content:center;gap:3px 5px}
.public-profile-topic-like .alamna-like-icon{grid-area:icon;display:grid;place-items:center}
.public-profile-topic-like .alamna-like-icon svg{width:15px;height:15px}
.public-profile-topic-like .alamna-like-count{grid-area:count;font-size:14px;font-weight:700;line-height:1}
.public-profile-topic-like .alamna-like-label{grid-area:label;color:var(--text-muted);font-size:13px;text-align:center}
.public-profile-topic-like .alamna-like-button.is-liked{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}

/* صفحة الموضوع تستخدم نفس Rail اليمين واليسار في الرئيسية. */
.public-post-layout{
    display:grid;
    grid-template-columns:minmax(220px,250px) minmax(0,760px) minmax(260px,300px);
    justify-content:center;
    align-items:start;
    gap:22px;
    padding-block:24px 54px;
}
.public-post-center{min-width:0}
.public-post-layout>.public-home-right-rail,
.public-post-layout>.public-home-rail{top:92px}
.public-post-layout .public-community-comments{margin-top:14px}

@media(max-width:1250px){
    .public-post-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}
    .public-post-layout>.public-home-right-rail{display:none}
}
@media(max-width:780px){
    .public-profile-topic-card{align-items:flex-start;gap:10px;padding:10px;flex-wrap:wrap}
    .public-profile-topic-media{width:82px;height:82px;flex-basis:82px;border-radius:12px}
    .public-profile-topic-title{font-size:14px!important;margin-top:5px!important}
    .public-profile-topic-stats{width:100%;margin-inline-start:92px;justify-content:flex-start}
    .public-profile-topic-stat,.public-profile-topic-like .alamna-like-button{width:64px;min-height:58px;padding:6px 5px}
    .public-post-layout{display:flex;flex-direction:column;gap:12px;padding:16px 0 28px}
    .public-post-center{width:100%;order:0}
    .public-post-layout>.public-home-rail{width:100%;position:static;order:1;display:block}
    .public-post-layout>.public-home-rail>*+*{margin-top:10px}
}

/* V1.74.5.2 — recommendation picker belongs only to Recommend a Place */
.public-community-recommendation[hidden]{display:none!important}


/* =========================================================
   علِّمنا — Community editor V1.74.5.3
   محرر Bold قابل للإلغاء + مكتبة رموز موسعة
========================================================= */
.public-community-emoji-picker{
    width:min(420px,calc(100vw - 48px));
    max-height:360px;
    display:block;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px;
    scrollbar-width:thin;
}
.public-community-emoji-section+ .public-community-emoji-section{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid var(--border);
}
.public-community-emoji-section>strong{
    display:block;
    margin:0 0 6px;
    color:var(--text-muted);
    font-size:13px;
    font-weight:700;
}
.public-community-emoji-section>div{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:3px;
}
.public-community-emoji-picker .public-community-emoji-section button{
    width:100%;
    height:38px;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    border-radius:8px;
    background:transparent;
    font-size:20px;
    line-height:1;
}
.public-community-emoji-picker .public-community-emoji-section button:hover{
    background:var(--primary-light);
    transform:scale(1.08);
}
@media(max-width:520px){
    .public-community-emoji-picker{
        width:min(340px,calc(100vw - 30px));
        max-height:320px;
    }
    .public-community-emoji-section>div{
        grid-template-columns:repeat(6,minmax(0,1fr));
    }
}

/* =========================================================
   علِّمنا V1.74.5.7.4.1 — Community media grid final fix
   Reset the old horizontal auto-column strip completely.
========================================================= */
.public-community-media-strip {
    display:grid !important;
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
    grid-template-rows:auto !important;
    width:100% !important;
    max-width:100% !important;
    gap:9px !important;
    margin:14px 0 0 !important;
    padding:0 !important;
    overflow:hidden !important;
    scroll-snap-type:none !important;
}
.public-community-media-strip.media-count-1 { grid-template-columns:minmax(0,1fr) !important; }
.public-community-media-strip.media-count-2 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.public-community-media-strip.media-count-3 { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.public-community-media-strip.media-count-4 { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
.public-community-media-strip.media-count-5 { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }

.public-community-media-strip > .public-community-media-item,
.public-community-media-strip.media-count-1 > .public-community-media-item {
    box-sizing:border-box !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1 / 1 !important;
    padding:0 !important;
    overflow:hidden !important;
    scroll-snap-align:none !important;
}
.public-community-media-strip > .public-community-media-item > img,
.public-community-media-strip.media-count-1 > .public-community-media-item > img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
}

@media (max-width:640px) {
    .public-community-media-strip {
        grid-auto-flow:row !important;
        grid-auto-columns:auto !important;
        gap:6px !important;
        overflow:hidden !important;
    }
}

/* =========================================================
   علِّمنا V1.74.5.8 — جدول مواضيع الملف + Pagination AJAX
========================================================= */
.public-profile-copy{
    flex:1 1 auto;
    min-width:0;
    width:100%;
}
.public-profile-copy>p{
    max-width:none;
    width:100%;
}
.public-profile-title-line{
    width:100%;
}

.public-profile-topics-region{
    position:relative;
    min-width:0;
}
.public-profile-topics-region.is-loading::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    border-radius:14px;
    background:color-mix(in srgb,var(--surface) 68%,transparent);
    backdrop-filter:blur(2px);
}
.public-profile-topics-region.is-loading::before{
    content:"";
    position:absolute;
    z-index:4;
    inset-block-start:42px;
    inset-inline-start:50%;
    width:28px;
    height:28px;
    margin-inline-start:-14px;
    border:3px solid color-mix(in srgb,var(--primary) 18%,var(--border));
    border-block-start-color:var(--primary);
    border-radius:50%;
    animation:public-profile-topics-spin .7s linear infinite;
}
@keyframes public-profile-topics-spin{to{transform:rotate(360deg)}}

.public-profile-topics-table{
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--surface);
}
.public-profile-topics-head,
.public-profile-topic-row{
    display:grid;
    grid-template-columns:minmax(300px,1fr) 108px 86px 86px 86px 86px;
    align-items:center;
}
.public-profile-topics-head{
    min-height:46px;
    padding-inline:12px;
    border-bottom:1px solid var(--border);
    background:var(--surface-soft,var(--background));
    color:var(--text-muted);
    font-size:13px;
    font-weight:700;
}
.public-profile-topics-head>div:not(:first-child){text-align:center}
.public-profile-topic-row{
    min-height:86px;
    padding:8px 12px;
    border-bottom:1px solid var(--border);
    transition:background .16s ease;
}
.public-profile-topic-row:last-child{border-bottom:0}
.public-profile-topic-row:hover{background:color-mix(in srgb,var(--primary) 2.5%,var(--surface))}
.public-profile-topic-cell{min-width:0}
.public-profile-topic-cell.is-topic{
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    align-items:center;
    gap:11px;
    padding-inline-end:14px;
}
.public-profile-topic-thumb{
    width:62px;
    height:62px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--primary-light);
    color:var(--primary);
    text-decoration:none;
}
.public-profile-topic-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.public-profile-topic-thumb>span{display:grid;place-items:center;width:100%;height:100%}
.public-profile-topic-thumb svg{width:22px;height:22px}
.public-profile-topic-copy{min-width:0}
.public-profile-topic-kind{display:block;color:var(--primary);font-size:13px;font-weight:700}
.public-profile-topic-copy h2{
    margin:3px 0 0!important;
    font-size:14px!important;
    line-height:1.55!important;
    font-weight:750!important;
}
.public-profile-topic-copy h2 a{
    display:block;
    overflow:hidden;
    color:var(--text-primary);
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-profile-topic-copy h2 a:hover{color:var(--primary)}
.public-profile-topic-copy small{
    display:flex;
    align-items:center;
    gap:4px;
    margin-top:4px;
    overflow:hidden;
    color:var(--text-muted);
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-profile-topic-copy small svg{width:11px;height:11px;flex:0 0 auto}
.public-profile-topic-cell.is-metric{display:grid;place-items:center}
.public-profile-topic-metric,
.public-profile-topic-table-like .alamna-like-button{
    width:76px;
    min-height:62px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0;
    border:0;
    background:transparent;
    color:var(--text-secondary);
    font:inherit;
    text-decoration:none;
    cursor:pointer;
}
.public-profile-topic-metric-icon,
.public-profile-topic-table-like .alamna-like-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    transition:transform .16s ease,background .16s ease,color .16s ease;
}
.public-profile-topic-metric-icon svg,
.public-profile-topic-table-like .alamna-like-icon svg{width:16px;height:16px}
.public-profile-topic-metric strong,
.public-profile-topic-table-like .alamna-like-count{
    display:block;
    color:var(--text-primary);
    font-size:13px;
    font-weight:750;
    line-height:1;
}
.public-profile-topic-metric strong.is-date-value{font-size:13px;font-weight:650;white-space:nowrap}
.public-profile-topic-metric.is-date .public-profile-topic-metric-icon{
    background:color-mix(in srgb,var(--primary) 8%,var(--surface));
    color:var(--primary);
}
.public-profile-topic-metric.is-comments .public-profile-topic-metric-icon{
    background:color-mix(in srgb,#2897e6 10%,var(--surface));
    color:#237dbb;
}
.public-profile-topic-table-like .alamna-like-icon{
    background:color-mix(in srgb,#d84b68 10%,var(--surface));
    color:#b93c58;
}
.public-profile-topic-metric.is-save .public-profile-topic-metric-icon{
    background:color-mix(in srgb,#e5a638 14%,var(--surface));
    color:#9a6a16;
}
.public-profile-topic-metric:hover .public-profile-topic-metric-icon,
.public-profile-topic-table-like .alamna-like-button:hover .alamna-like-icon{transform:translateY(-1px)}
.public-profile-topic-table-like .alamna-like-label{display:none!important}
.public-profile-topic-table-like .alamna-like-button.is-liked .alamna-like-icon{
    background:color-mix(in srgb,#d84b68 18%,var(--surface));
    color:#a52f49;
}
.public-profile-topic-metric.is-save.is-saved .public-profile-topic-metric-icon{
    background:color-mix(in srgb,var(--primary) 14%,var(--surface));
    color:var(--primary);
}

.public-profile-topics-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:16px;
    direction:ltr;
}
.public-profile-topics-pagination>a,
.public-profile-topics-pagination>.public-profile-page-dots{
    min-width:36px;
    height:36px;
    display:grid;
    place-items:center;
    padding:0 8px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
    color:var(--text-secondary);
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}
.public-profile-topics-pagination>a:hover{
    border-color:var(--primary);
    color:var(--primary);
}
.public-profile-topics-pagination>a.is-active{
    border-color:var(--primary);
    background:var(--primary);
    color:#fff;
}
.public-profile-topics-pagination>a.is-disabled{
    pointer-events:none;
    opacity:.38;
}
.public-profile-topics-pagination svg{width:15px;height:15px}
.public-profile-topics-pagination>.public-profile-page-dots{border-color:transparent;background:transparent;min-width:24px;padding:0}
.public-profile-topics-page-summary{
    margin-top:8px;
    color:var(--text-muted);
    font-size:13px;
    text-align:center;
}

@media(max-width:780px){
    .public-profile-topics-table{overflow:visible;border:0;background:transparent}
    .public-profile-topics-head{display:none}
    .public-profile-topics-body{display:grid;gap:8px}
    .public-profile-topic-row{
        grid-template-columns:minmax(0,1fr) repeat(5,56px);
        min-height:0;
        padding:9px;
        border:1px solid var(--border);
        border-radius:13px;
        background:var(--surface);
    }
    .public-profile-topic-cell.is-topic{grid-column:1/-1;grid-template-columns:56px minmax(0,1fr);padding:0 0 8px;border-bottom:1px solid var(--border)}
    .public-profile-topic-thumb{width:56px;height:56px;border-radius:11px}
    .public-profile-topic-cell.is-metric{padding-top:7px}
    .public-profile-topic-cell.is-metric::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--text-muted);font-size:13px}
    .public-profile-topic-metric,.public-profile-topic-table-like .alamna-like-button{width:52px;min-height:48px;gap:4px}
    .public-profile-topic-metric-icon,.public-profile-topic-table-like .alamna-like-icon{width:29px;height:29px}
    .public-profile-topic-metric-icon svg,.public-profile-topic-table-like .alamna-like-icon svg{width:14px;height:14px}
    .public-profile-topic-metric strong.is-date-value{font-size:13px}
    .public-profile-topics-pagination{gap:4px;overflow-x:auto;justify-content:flex-start;padding-bottom:2px}
    .public-profile-topics-pagination>a{min-width:34px;height:34px;border-radius:9px}
}

/* =========================================================
   علِّمنا V1.74.5.10 — Keep short community cards balanced
   Short experiences should not collapse around a few words.
========================================================= */
.public-community-card{
    display:flex;
    flex-direction:column;
    min-height:280px;
}

.public-community-card .public-community-actions{
    margin-top:auto;
    padding-top:10px;
}

/* Media / recommendation content still grows naturally above the footer. */
.public-community-card .public-community-media-strip,
.public-community-card .public-linked-business{
    flex:0 0 auto;
}

@media (max-width:640px){
    .public-community-card{
        min-height:245px;
    }
}

/* =========================================================
   علِّمنا V1.74.5.14 — تحسين الرئيسية على الجوال
   - إصلاح تمدد صندوق المشاركة بعرض العمود
   - قائمة إنشاء من زر + السفلي
   - نقل أحدث المستكشفين والأعمال إلى أسفل المحتوى
========================================================= */
@media (max-width: 780px) {
    /*
     * كان هناك تعريف أقدم display:contents عند <=760px.
     * هذا يفصل عناصر العمود عن حاويتها ويجعل عرض Composer يعتمد على محتواه.
     * نعيد العمود كحاوية فعلية حتى تتمدد كل عناصر الـFeed بعرض واحد.
     */
    .public-home-layout > .public-feed-column {
        display: block;
        width: 100%;
        min-width: 0;
        align-self: stretch;
        order: 1;
    }

    .public-feed-column > .public-composer {
        width: 100%;
        max-width: none;
        min-height: 154px;
        margin-inline: 0;
        padding: 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 12px;
    }

    .public-composer-top {
        width: 100%;
        gap: 11px;
    }

    .public-composer-avatar {
        width: 44px;
        height: 44px;
    }

    .public-composer-prompt,
    .public-composer-top > button {
        min-height: 56px;
        padding-inline: 15px;
        border-radius: 13px;
        font-size: 14px;
        line-height: 1.55;
    }

    .public-composer-actions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        padding: 0;
        overflow: visible;
    }

    .public-composer-actions button {
        min-width: 0;
        min-height: 42px;
        justify-content: center;
        padding: 7px 5px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
        white-space: normal;
        text-align: center;
    }

    .public-composer-actions svg {
        width: 17px;
        height: 17px;
        flex: 0 0 auto;
    }

    /* أحدث المستكشفين والأعمال: تظهر بعد الـFeed بدل الاختفاء على الجوال. */
    .public-home-layout > .public-home-right-rail {
        width: 100%;
        min-width: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        position: static;
        top: auto;
        order: 2;
        align-self: stretch;
        margin-top: 2px;
    }

    .public-home-layout > .public-home-right-rail .public-latest-card-header {
        min-height: 68px;
        padding: 13px 14px;
    }

    .public-home-layout > .public-home-right-rail .public-latest-card-header strong {
        font-size: 16px;
    }

    .public-home-layout > .public-home-right-rail .public-latest-card-header small {
        font-size: 15px;
    }

    .public-home-layout > .public-home-right-rail .public-latest-person {
        min-height: 66px;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        gap: 10px;
        padding: 10px 14px;
    }

    .public-home-layout > .public-home-right-rail .public-latest-avatar {
        width: 42px;
        height: 42px;
    }

    .public-home-layout > .public-home-right-rail .public-latest-copy strong {
        font-size: 14px;
    }

    .public-home-layout > .public-home-right-rail .public-latest-copy small,
    .public-home-layout > .public-home-right-rail .public-latest-points,
    .public-home-layout > .public-home-right-rail .public-latest-empty {
        font-size: 14px;
    }

    /* زر + وقائمة الإنشاء السريعة. */
    .public-mobile-create-wrap {
        position: relative;
        min-width: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .public-mobile-nav .public-mobile-create-wrap > .public-mobile-create {
        width: 48px;
        height: 48px;
        min-height: 48px;
        max-height: 48px;
        padding: 0;
        flex-direction: row;
        gap: 0;
        border-radius: 50% !important;
        background: var(--primary) !important;
        color: var(--text-on-primary) !important;
        box-shadow: 0 8px 20px color-mix(in srgb, var(--primary) 26%, transparent);
        transition: transform var(--transition-fast), background var(--transition-fast);
    }

    .public-mobile-nav .public-mobile-create-wrap > .public-mobile-create svg {
        width: 26px;
        height: 26px;
        transition: transform var(--transition-fast);
    }

    .public-mobile-nav .public-mobile-create-wrap > .public-mobile-create.is-open svg {
        transform: rotate(45deg);
    }

    .public-mobile-create-menu {
        position: absolute;
        z-index: 90;
        inset-inline-start: 50%;
        bottom: calc(100% + 12px);
        width: min(286px, calc(100vw - 24px));
        display: grid;
        gap: 6px;
        padding: 8px;
        border: 1px solid var(--border);
        border-radius: 16px;
        background: var(--surface);
        box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
        transform: translateX(-50%);
    }

    .public-mobile-create-menu[hidden] {
        display: none !important;
    }

    html[dir="rtl"] .public-mobile-create-menu {
        transform: translateX(50%);
    }

    .public-mobile-nav .public-mobile-create-menu button {
        width: 100%;
        height: auto;
        min-height: 52px;
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        align-items: center;
        justify-content: initial;
        gap: 10px;
        padding: 7px 9px;
        border: 0;
        border-radius: 11px;
        background: transparent;
        color: var(--text-primary);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        text-align: start;
    }

    .public-mobile-nav .public-mobile-create-menu button:hover,
    .public-mobile-nav .public-mobile-create-menu button:focus-visible {
        background: var(--primary-light);
        color: var(--primary);
    }

    .public-mobile-create-option-icon {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        background: var(--primary-light);
        color: var(--primary);
    }

    .public-mobile-nav .public-mobile-create-menu .public-mobile-create-option-icon svg {
        width: 19px;
        height: 19px;
    }
}

@media (max-width: 420px) {
    .public-feed-column > .public-composer {
        min-height: 148px;
        padding: 14px;
    }

    .public-composer-actions button {
        font-size: 14px;
    }
}

/* =========================================================
   علِّمنا V1.74.5.14.1 — مجتمع علِّمنا أولًا على الجوال
   الترتيب:
   1) مجتمع علِّمنا + Composer + Feed
   2) نبض المجتمع + اكتشف مدينتك + علِّمنا حي بالمجتمع
   3) آخر المستكشفين + آخر الأعمال
   الديسكتوب لا يتأثر.
========================================================= */
@media (max-width: 780px) {
    .public-home-layout > .public-feed-column {
        order: 0;
    }

    .public-home-layout > .public-home-rail {
        order: 1;
        display: block;
        width: 100%;
        position: static;
    }

    /* نعيد بطاقة «علِّمنا حي بالمجتمع» على الجوال ضمن التسلسل الطبيعي. */
    .public-home-layout > .public-home-rail > .public-home-note-card {
        display: block;
    }

    .public-home-layout > .public-home-right-rail {
        order: 2;
    }
}

/* V1.74.5.15 — Pulse capture: gallery or camera */
.public-community-pulse-options{display:grid;gap:16px}
.public-community-pulse-options[hidden]{display:none!important}
.public-community-create-modal[data-community-composer-type="pulse"] [data-community-title-field],.public-community-create-modal[data-community-composer-type="pulse"] [data-community-content-field],.public-community-create-modal[data-community-composer-type="pulse"] [data-community-post-images]{display:none!important}
.public-community-pulse-capture{display:grid;gap:12px}
.public-community-pulse-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.public-community-pulse-source{min-height:112px;display:grid;place-items:center;align-content:center;gap:6px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--background);color:var(--text-primary);font:inherit;text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.public-community-pulse-source:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}
.public-community-pulse-source>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--primary-light);color:var(--primary)}
.public-community-pulse-source svg{width:22px;height:22px}
.public-community-pulse-source strong{font-size:15px;line-height:1.45}
.public-community-pulse-source small{color:var(--text-muted);font-size:15px;line-height:1.55}
.public-community-pulse-preview{width:min(300px,100%);aspect-ratio:9/16;justify-self:center;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#0c0f0d;box-shadow:var(--shadow-sm)}
.public-community-pulse-preview[hidden]{display:none!important}
.public-community-pulse-preview img,.public-community-pulse-preview video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.public-community-pulse-expiry{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-muted);font-size:15px;line-height:1.6}
.public-community-pulse-expiry svg{width:16px;height:16px;color:var(--primary)}
.public-community-pulse-scopes{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--background)}
.public-community-pulse-scopes>span{font-size:14px;font-weight:700;color:var(--text-secondary)}
.public-community-scope-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:8px}
.public-community-scope-checks label{display:block;height:100%;cursor:pointer}
.public-community-scope-checks label>input{position:absolute;opacity:0;pointer-events:none}
.public-community-scope-checks label>span{min-height:72px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px;border:1px solid var(--border);border-radius:11px;background:var(--surface);font-size:15px;text-align:center}
.public-community-scope-checks label>span svg{width:17px;height:17px}
.public-community-scope-checks label>span small{min-height:1.45em;display:block;font-size:13px;line-height:1.45;color:var(--text-muted)}
.public-community-scope-checks label>input:checked+span{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:700}
.public-community-scope-checks label>input:disabled+span{opacity:.45;cursor:not-allowed}
.public-community-pulse-scopes>small{color:var(--text-muted);font-size:14px;line-height:1.6}
@media(max-width:640px){
  .public-community-pulse-source-grid{grid-template-columns:1fr 1fr;gap:8px}
  .public-community-pulse-source{min-height:104px;padding:12px 8px}
  .public-community-pulse-source strong{font-size:14px}
  .public-community-pulse-source small{font-size:14px}
  .public-community-pulse-preview{width:min(290px,86vw)}
  .public-community-scope-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.public-community-pulse-capture-title{font-size:14px;line-height:1.5;color:var(--text-secondary)}

/* V1.74.5.15.3 — نبض المجتمع كدوائر Story */
.public-pulse-stories {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 12px;
    padding: 2px 1px 7px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
}

.public-pulse-stories::-webkit-scrollbar {
    display: none;
}

.public-pulse-story {
    flex: 0 0 64px;
    width: 64px;
    min-width: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text-primary);
    font: inherit;
    text-align: center;
    cursor: pointer;
    scroll-snap-align: start;
}

.public-pulse-story:hover {
    border-color: transparent;
    background: transparent;
    color: var(--primary);
}

.public-pulse-story-ring {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    display: grid;
    place-items: center;
    padding: 3px;
    border: 2px solid var(--primary);
    border-radius: 50%;
    background: var(--surface);
    box-shadow: 0 0 0 1px var(--border);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.public-pulse-story:hover .public-pulse-story-ring {
    transform: translateY(-1px);
    border-color: var(--primary-hover);
    box-shadow: 0 0 0 2px var(--primary-light-hover);
}

.public-pulse-story-media {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: var(--surface-soft);
}

.public-pulse-story-media img,
.public-pulse-story-media video {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    object-fit: cover;
}

.public-pulse-story-media > svg {
    position: absolute;
    width: 18px;
    height: 18px;
    padding: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .48);
    color: #fff;
    filter: none;
}

.public-pulse-story-label {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
}

.public-pulse-story:hover .public-pulse-story-label {
    color: var(--primary);
}

.public-pulse-story-add-ring {
    border-style: dashed;
    border-color: color-mix(in srgb, var(--primary) 72%, var(--border));
    box-shadow: none;
}

.public-pulse-story-add-core {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--primary-light);
    color: var(--primary);
}

.public-pulse-story-add-core svg {
    width: 22px;
    height: 22px;
}

.public-pulse-empty-note {
    margin-top: 8px;
}

@media (max-width: 760px) {
    .public-pulse-stories {
        gap: 11px;
        padding-bottom: 8px;
    }

    .public-pulse-story {
        flex-basis: 66px;
        width: 66px;
        min-width: 66px;
    }

    .public-pulse-story-ring {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
    }

    .public-pulse-story-label {
        font-size: 13px;
    }
}

/* V1.74.5.16 — استكشف عبر النبض + عارض متسلسل + إحصائيات الناشر */
.public-pulse-explore-heading {
    margin-top: 18px;
}

.public-pulse-explore {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 12px;
    padding: 2px 1px 7px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
}

.public-pulse-explore::-webkit-scrollbar {
    display: none;
}

.public-pulse-explore-item {
    flex: 0 0 74px;
    width: 74px;
    min-width: 74px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--text-primary);
    font: inherit;
    text-align: center;
    cursor: pointer;
    scroll-snap-align: start;
}

.public-pulse-explore-ring {
    position: relative;
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    padding: 3px;
    border: 2px solid var(--primary);
    border-radius: 50%;
    background: var(--surface);
    box-shadow: 0 0 0 1px var(--border);
    transition: transform .18s ease, box-shadow .18s ease;
}

.public-pulse-explore-item:hover .public-pulse-explore-ring {
    transform: translateY(-2px);
    box-shadow: 0 0 0 3px var(--primary-light-hover);
}

.public-pulse-explore-media {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: #111;
}

.public-pulse-explore-media img,
.public-pulse-explore-media video {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    object-fit: cover;
}

.public-pulse-explore-media > svg {
    position: absolute;
    width: 17px;
    height: 17px;
    padding: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

.public-pulse-explore-pin {
    position: absolute;
    inset-inline-end: -2px;
    bottom: -2px;
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    border: 2px solid var(--surface);
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
}

.public-pulse-explore-pin svg {
    width: 11px;
    height: 11px;
}

.public-pulse-explore-item > strong {
    width: 100%;
    overflow: hidden;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-pulse-explore-item > small {
    width: 100%;
    overflow: hidden;
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-pulse-explore-item:hover > strong {
    color: var(--primary);
}

.public-pulse-explore-empty {
    margin-top: 9px;
}

.public-pulse-viewer-progress {
    position: absolute;
    z-index: 4;
    top: 7px;
    inset-inline: 12px;
    display: flex;
    gap: 4px;
    pointer-events: none;
}

.public-pulse-viewer-progress[hidden] {
    display: none !important;
}

.public-pulse-viewer-progress > span {
    height: 3px;
    flex: 1 1 0;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.28);
}

.public-pulse-viewer-progress > span.is-complete,
.public-pulse-viewer-progress > span.is-active {
    background: rgba(255,255,255,.94);
}

.public-pulse-viewer-dialog > header {
    position: relative;
    z-index: 3;
    padding-top: 16px;
}

.public-pulse-viewer-stage {
    position: relative;
}

.public-pulse-viewer-nav {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 40px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 12px;
    background: rgba(0,0,0,.34);
    color: #fff;
    transform: translateY(-50%);
    cursor: pointer;
    backdrop-filter: blur(4px);
}

.public-pulse-viewer-nav.is-prev {
    inset-inline-start: 8px;
}

.public-pulse-viewer-nav.is-next {
    inset-inline-end: 8px;
}

.public-pulse-viewer-nav[hidden],
.public-pulse-viewer-nav:disabled {
    display: none;
}

.public-pulse-viewer-nav svg {
    width: 20px;
    height: 20px;
}

.public-pulse-owner-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-pulse-owner-insights[hidden] {
    display: none !important;
}

.public-pulse-owner-insights {
    margin: 10px 16px 4px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    background: rgba(255,255,255,.06);
}

.public-pulse-owner-insights-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 7px;
    color: #fff;
}

.public-pulse-owner-insights-grid > span {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 9px 6px;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    text-align: center;
}

.public-pulse-owner-insights-grid strong {
    font-size: 15px;
}

.public-pulse-owner-insights-grid small {
    overflow: hidden;
    color: #c9d0cc;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-pulse-owner-viewers {
    display: grid;
    gap: 0;
    margin-top: 11px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.public-pulse-owner-viewers > strong {
    padding: 10px 0 7px;
    font-size: 13px;
}

.public-pulse-owner-viewers > p {
    margin: 0;
    padding: 8px 0;
    color: #c9d0cc;
    font-size: 13px;
    line-height: 1.7;
}

.public-pulse-owner-viewers > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid rgba(255,255,255,.08);
}

.public-pulse-owner-viewers > div > span {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}

.public-pulse-owner-viewers > div strong {
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-pulse-owner-viewers > div > small {
    flex: 0 0 auto;
    color: #c9d0cc;
    font-size: 13px;
}

.public-pulse-owner-viewer-avatar {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
}

.public-pulse-owner-viewer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 640px) {
    .public-pulse-explore-item {
        flex-basis: 72px;
        width: 72px;
        min-width: 72px;
    }

    .public-pulse-explore-ring {
        width: 66px;
        height: 66px;
    }

    .public-pulse-owner-actions {
        grid-template-columns: 1fr 1fr 1fr;
        padding-inline: 12px;
    }

    .public-pulse-owner-actions button {
        padding-inline: 5px;
        font-size: 13px;
    }

    .public-pulse-owner-insights {
        margin-inline: 12px;
    }

    .public-pulse-owner-insights-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}


/* =========================================================
   V1.74.5.16.1 — Pulse Seen State + Publisher Overlay + True Fullscreen
========================================================= */

/* المشاهدة تخص الشخص نفسه: الأخضر = جديد، الرصاصي الفاتح = تمت مشاهدته. */
.public-pulse-story.is-viewed .public-pulse-story-ring {
    border-color: #b9c0bd;
    box-shadow: 0 0 0 1px color-mix(in srgb, #b9c0bd 55%, var(--border));
}

.public-pulse-story.is-viewed:hover .public-pulse-story-ring {
    border-color: #c9cfcc;
    box-shadow: 0 0 0 2px color-mix(in srgb, #c9cfcc 26%, transparent);
}

.public-pulse-story.is-viewed .public-pulse-story-label {
    color: var(--text-muted);
}

.public-pulse-explore-item.is-viewed .public-pulse-explore-ring {
    border-color: #b9c0bd;
    box-shadow: 0 0 0 1px color-mix(in srgb, #b9c0bd 55%, var(--border));
}

.public-pulse-explore-item.is-viewed:hover .public-pulse-explore-ring {
    border-color: #c9cfcc;
    box-shadow: 0 0 0 3px color-mix(in srgb, #c9cfcc 20%, transparent);
}

body.pulse-viewer-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}

/*
 * العارض يُنقل عبر JS مباشرة إلى body، ثم هذه الطبقة تغطي
 * كامل واجهة علِّمنا بما فيها الهيدر، نطاقات الصفحة والنافبار السفلي.
 */
.public-pulse-viewer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    width: 100vw;
    height: 100dvh;
    display: grid;
    place-items: center;
    padding: 0 !important;
    overflow: hidden;
    background: #050706;
    isolation: isolate;
}

.public-pulse-viewer[hidden] {
    display: none !important;
}

.public-pulse-viewer-backdrop {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: rgba(2, 5, 4, .97) !important;
}

.public-pulse-viewer-dialog {
    position: relative;
    z-index: 1;
    width: min(540px, 100vw);
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
    border-radius: 0;
    background: #080b09;
    color: #fff;
    box-shadow: 0 0 80px rgba(0,0,0,.42);
    scrollbar-width: thin;
}

.public-pulse-viewer-stage {
    position: relative;
    width: 100%;
    height: min(78dvh, 780px);
    min-height: 420px;
    flex: 0 0 auto;
    overflow: hidden;
    background: #000;
}

.public-pulse-viewer-progress {
    position: absolute;
    z-index: 9;
    top: 9px;
    inset-inline: 12px;
}

.public-pulse-viewer-overlay-header {
    position: absolute !important;
    z-index: 8 !important;
    top: 0;
    inset-inline: 0;
    min-height: 78px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    padding: 25px 14px 12px !important;
    border: 0 !important;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.42) 62%,
            rgba(0,0,0,0) 100%
        );
    pointer-events: none;
}

.public-pulse-viewer-profile,
.public-pulse-viewer-meta {
    pointer-events: auto;
}

.public-pulse-viewer-profile {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    text-decoration: none;
}

.public-pulse-viewer-profile:hover .public-pulse-viewer-identity strong,
.public-pulse-viewer-profile:focus-visible .public-pulse-viewer-identity strong {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.public-pulse-viewer-avatar {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 2px solid rgba(255,255,255,.9);
    border-radius: 50%;
    background: rgba(255,255,255,.14);
    box-shadow: 0 2px 12px rgba(0,0,0,.25);
}

.public-pulse-viewer-avatar.is-business {
    border-color: color-mix(in srgb, var(--primary) 72%, #fff);
}

.public-pulse-viewer-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.public-pulse-viewer-avatar > span {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}

.public-pulse-viewer-avatar > span[hidden],
.public-pulse-viewer-avatar img[hidden] {
    display: none !important;
}

.public-pulse-viewer-avatar svg {
    width: 19px;
    height: 19px;
    color: #fff;
}

.public-pulse-viewer-identity {
    min-width: 0;
    display: grid !important;
    gap: 2px !important;
}

.public-pulse-viewer-name-row {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.public-pulse-viewer-identity strong {
    max-width: 190px;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-pulse-viewer-identity > span:last-child {
    max-width: 190px;
    overflow: hidden;
    color: rgba(255,255,255,.76);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-pulse-viewer-name-row em {
    flex: 0 0 auto;
    padding: 2px 6px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: rgba(0,0,0,.22);
    color: rgba(255,255,255,.9);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
}

.public-pulse-viewer-name-row em[hidden] {
    display: none !important;
}

.public-pulse-viewer-meta {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
}

.public-pulse-viewer-expiry {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 9px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(0,0,0,.34);
    color: rgba(255,255,255,.94);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    backdrop-filter: blur(8px);
}

.public-pulse-viewer-expiry svg {
    width: 13px;
    height: 13px;
}

.public-pulse-viewer-close {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.34) !important;
    color: #fff !important;
    cursor: pointer;
    backdrop-filter: blur(8px);
}

.public-pulse-viewer-close svg {
    width: 17px;
    height: 17px;
}

.public-pulse-viewer-media {
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    max-height: none !important;
    display: grid;
    place-items: center;
    background: #000;
}

.public-pulse-viewer-media img,
.public-pulse-viewer-media video {
    width: 100%;
    height: 100%;
    max-height: none !important;
    display: block;
    object-fit: contain;
    background: #000;
}

.public-pulse-viewer-nav {
    z-index: 7;
}

.public-pulse-viewer-dialog > p {
    flex: 0 0 auto;
}

.public-pulse-viewer-note {
    flex: 0 0 auto;
}

.public-pulse-owner-viewers > div > a.public-pulse-owner-viewer-profile {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    text-decoration: none;
}

.public-pulse-owner-viewers > div > a.public-pulse-owner-viewer-profile:hover strong,
.public-pulse-owner-viewers > div > a.public-pulse-owner-viewer-profile:focus-visible strong {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.public-pulse-owner-viewer-avatar svg {
    width: 14px;
    height: 14px;
    color: #d4dad7;
}

@media (min-width: 761px) {
    .public-pulse-viewer-dialog {
        width: min(540px, calc(100vw - 48px));
        height: min(94dvh, 900px);
        max-height: 94dvh;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 22px;
        overflow: auto;
    }

    .public-pulse-viewer-stage {
        height: min(78dvh, 760px);
        min-height: 520px;
    }
}

@media (max-width: 760px) {
    .public-pulse-viewer-dialog {
        width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
    }

    .public-pulse-viewer-stage {
        height: 72dvh;
        min-height: 430px;
    }

    .public-pulse-viewer-overlay-header {
        min-height: 74px;
        padding: 24px 11px 10px !important;
    }

    .public-pulse-viewer-avatar {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .public-pulse-viewer-identity strong {
        max-width: 130px;
        font-size: 13px;
    }

    .public-pulse-viewer-identity > span:last-child {
        max-width: 130px;
        font-size: 13px;
    }

    .public-pulse-viewer-expiry {
        min-height: 30px;
        padding-inline: 7px;
        font-size: 13px;
    }

    .public-pulse-viewer-close {
        width: 32px !important;
        height: 32px !important;
        flex-basis: 32px;
    }
}

@media (max-width: 390px) {
    .public-pulse-viewer-expiry {
        padding-inline: 6px;
    }

    .public-pulse-viewer-expiry svg {
        display: none;
    }

    .public-pulse-viewer-name-row em {
        display: none;
    }

    .public-pulse-viewer-identity strong,
    .public-pulse-viewer-identity > span:last-child {
        max-width: 105px;
    }
}


/* =========================================================
   V1.74.5.16.2 — Pulse Viewer Polish
   Full media + overlay insights + fixed Like/Save + mobile swipe
========================================================= */

/* لا يوجد أي محتوى أسفل الوسائط الآن؛ كامل ارتفاع العارض مخصص للنبضة. */
.public-pulse-viewer-dialog {
    overflow: hidden !important;
}

.public-pulse-viewer-stage {
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    isolation: isolate;
    touch-action: pan-y;
}

.public-pulse-viewer-media {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.public-pulse-viewer-media img,
.public-pulse-viewer-media video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.public-pulse-viewer-progress {
    z-index: 18 !important;
}

.public-pulse-viewer-overlay-header {
    z-index: 17 !important;
}

.public-pulse-viewer-nav {
    z-index: 14 !important;
}

/* الوصف - إن وجد - Overlay ولا يخصم من ارتفاع الصورة. */
.public-pulse-viewer-caption {
    position: absolute;
    z-index: 11;
    inset-inline: 18px;
    bottom: 88px;
    max-height: 27%;
    margin: 0;
    padding: 9px 11px;
    overflow: auto;
    border-radius: 11px;
    background: rgba(0, 0, 0, .42);
    color: #fff;
    font-size: 13px;
    line-height: 1.7;
    white-space: pre-wrap;
    backdrop-filter: blur(6px);
    pointer-events: auto;
}

.public-pulse-viewer-caption[hidden] {
    display: none !important;
}

/* شعار علِّمنا الصغير داخل العارض، أعلى زر الحفظ حتى لا يتزاحما. */
.public-pulse-viewer-brand {
    position: absolute;
    z-index: 12;
    left: 18px;
    bottom: 78px;
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain;
    opacity: .86;
    filter: drop-shadow(0 2px 7px rgba(0,0,0,.42));
    pointer-events: none;
    user-select: none;
}

/* غلاف الأزرار لا يلتقط اللمس؛ كل زر يلتقطه بنفسه. */
.public-pulse-viewer-primary-actions {
    position: absolute;
    inset: 0;
    z-index: 15;
    pointer-events: none;
}

.public-pulse-viewer-like,
.public-pulse-viewer-save {
    position: absolute;
    bottom: 18px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: rgba(4,8,6,.58);
    color: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,.24);
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    pointer-events: auto;
    transition: transform .16s ease, background .16s ease, border-color .16s ease;
}

/* ثابت في اللغتين حسب القرار: القلب يمين والحفظ يسار. */
.public-pulse-viewer-like {
    right: 18px;
    min-width: 58px;
}

.public-pulse-viewer-save {
    left: 18px;
    min-width: 72px;
}

.public-pulse-viewer-like:hover,
.public-pulse-viewer-save:hover,
.public-pulse-viewer-like:focus-visible,
.public-pulse-viewer-save:focus-visible {
    background: rgba(15,22,18,.78);
    border-color: rgba(255,255,255,.4);
    transform: translateY(-1px);
}

.public-pulse-viewer-like svg,
.public-pulse-viewer-save svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.public-pulse-viewer-like.is-liked {
    color: #ff5d72;
    border-color: rgba(255,93,114,.55);
    background: rgba(53,8,16,.58);
}

.public-pulse-viewer-like.is-liked svg {
    fill: currentColor;
}

.public-pulse-viewer-like.is-loading,
.public-pulse-viewer-save.is-loading {
    opacity: .7;
    cursor: progress;
}

/* أدوات صاحب النبضة Overlay؛ لا تأخذ أي ارتفاع من الصورة. */
.public-pulse-owner-actions[hidden] {
    display: none !important;
}

.public-pulse-owner-actions {
    position: absolute !important;
    z-index: 15;
    left: 50%;
    bottom: 76px;
    width: min(260px, calc(100% - 118px));
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%);
}

.public-pulse-owner-actions button {
    min-height: 36px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: rgba(4,8,6,.58) !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    font-size: 13px !important;
}

.public-pulse-owner-actions form {
    min-width: 0;
}

/* نافذة الإحصائيات Sheet فوق النبضة وليست أسفلها. */
.public-pulse-owner-insights[hidden] {
    display: none !important;
}

.public-pulse-owner-insights {
    position: absolute !important;
    z-index: 30 !important;
    inset: 0 !important;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden;
}

.public-pulse-owner-insights-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.56);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.public-pulse-owner-insights-sheet {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: min(74%, 650px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
    background: rgba(12,17,14,.97);
    box-shadow: 0 -16px 50px rgba(0,0,0,.35);
}

.public-pulse-owner-insights-sheet > header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.public-pulse-owner-insights-sheet > header > div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.public-pulse-owner-insights-sheet > header strong {
    color: #fff;
    font-size: 15px;
}

.public-pulse-owner-insights-sheet > header small {
    color: #bfc8c3;
    font-size: 13px;
}

.public-pulse-owner-insights-sheet > header button {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff;
    cursor: pointer;
}

.public-pulse-owner-insights-sheet > header button svg {
    width: 16px;
    height: 16px;
}

.public-pulse-owner-insights-scroll {
    min-height: 0;
    flex: 1 1 auto;
    padding: 14px 16px 18px;
    overflow: auto;
    overscroll-behavior: contain;
}

.public-pulse-owner-insights-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
}

.public-pulse-owner-viewers {
    margin-top: 14px;
}

@media (min-width: 761px) {
    .public-pulse-viewer-dialog {
        overflow: hidden !important;
    }

    .public-pulse-viewer-stage {
        height: 100% !important;
        min-height: 0 !important;
    }
}

@media (max-width: 760px) {
    .public-pulse-viewer-dialog,
    .public-pulse-viewer-stage {
        width: 100vw;
        height: 100dvh !important;
        min-height: 0 !important;
        max-height: 100dvh;
    }

    /* الجوال بالسحب؛ أسهم سطح المكتب تبقى كما هي ولا تزاحم الصورة. */
    .public-pulse-viewer-nav {
        display: none !important;
    }

    .public-pulse-viewer-brand {
        left: 14px;
        bottom: calc(76px + env(safe-area-inset-bottom));
        width: 28px;
        height: 28px;
    }

    .public-pulse-viewer-like,
    .public-pulse-viewer-save {
        bottom: calc(14px + env(safe-area-inset-bottom));
        min-height: 48px;
    }

    .public-pulse-viewer-like {
        right: 14px;
    }

    .public-pulse-viewer-save {
        left: 14px;
    }

    .public-pulse-owner-actions {
        bottom: calc(72px + env(safe-area-inset-bottom));
        width: min(245px, calc(100% - 112px));
    }

    .public-pulse-viewer-caption {
        inset-inline: 14px;
        bottom: calc(82px + env(safe-area-inset-bottom));
    }

    .public-pulse-owner-insights-sheet {
        max-height: 78%;
        border-radius: 18px 18px 0 0;
    }

    .public-pulse-owner-insights-scroll {
        padding: 12px 12px calc(18px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 420px) {
    .public-pulse-viewer-save span {
        display: none;
    }

    .public-pulse-viewer-save {
        min-width: 48px;
        width: 48px;
        padding: 0;
    }

    .public-pulse-owner-actions {
        width: min(225px, calc(100% - 112px));
    }

    .public-pulse-owner-actions button span {
        max-width: 52px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .public-pulse-owner-insights-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}


/* =========================================================
   V1.74.5.16.2.1 — Pulse MP4 feedback + clean video viewer
   ========================================================= */

/* عارض النبضة يستخدم شريط التقدم العلوي فقط؛ نخفي تحكم الفيديو الأصلي. */
.public-pulse-viewer-media video {
    -webkit-tap-highlight-color: transparent;
}

.public-pulse-viewer-media video::-webkit-media-controls,
.public-pulse-viewer-media video::-webkit-media-controls-enclosure,
.public-pulse-viewer-media video::-webkit-media-controls-panel,
.public-pulse-viewer-media video::-webkit-media-controls-overlay-play-button,
.public-pulse-viewer-media video::-webkit-media-controls-start-playback-button {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* رسالة مؤقتة داخل العارض عند عدم دعم حفظ MP4. */
.public-pulse-viewer-toast[hidden] {
    display: none !important;
}

.public-pulse-viewer-toast {
    position: absolute;
    z-index: 45;
    top: 92px;
    left: 50%;
    width: min(390px, calc(100% - 32px));
    padding: 10px 13px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 12px;
    background: rgba(10,15,12,.9);
    color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.28);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.65;
    text-align: center;
    opacity: 0;
    transform: translate(-50%, -7px);
    pointer-events: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: opacity .2s ease, transform .2s ease;
}

.public-pulse-viewer-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}

@media (max-width: 760px) {
    .public-pulse-viewer-toast {
        top: calc(86px + env(safe-area-inset-top));
        width: calc(100% - 28px);
        font-size: 13px;
    }
}


/* =========================================================
   V1.74.5.16.2.2 — Pulse rail containment
   عند زيادة عدد النبضات يبقى التمرير داخل البطاقة فقط ولا يوسّع الصفحة.
========================================================= */
.public-pulse-card {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.public-pulse-stories,
.public-pulse-explore {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    contain: inline-size;
}

.public-home-rail,
.public-home-rail > .public-pulse-card,
.public-home-layout > .public-home-rail {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 780px) {
    .public-home-layout > .public-home-rail {
        overflow-x: hidden;
    }
}

/* =========================================================
   علِّمنا V1.74.5.17.3 — Community card action polish
   - Center the owner ellipsis inside a calm bordered control.
   - Use one primary action color for like/comment/share/save.
   - Fill the bookmark when the post is already saved.
========================================================= */
.public-community-owner-menu .public-card-more{
    width:36px;
    height:36px;
    min-width:36px;
    min-height:36px;
    box-sizing:border-box;
    display:grid;
    place-items:center;
    padding:0;
    margin:0;
    line-height:0;
    flex:0 0 auto;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
    color:var(--text-secondary);
    box-shadow:none;
    appearance:none;
    -webkit-appearance:none;
}
.public-community-owner-menu .public-card-more svg{
    display:block;
    width:18px;
    height:18px;
    margin:0;
}
.public-community-owner-menu .public-card-more:hover{
    border-color:var(--primary-light-hover);
    background:var(--primary-light);
    color:var(--primary);
}
.public-community-owner-menu .public-card-more:focus{
    outline:none;
}
.public-community-owner-menu .public-card-more:focus-visible{
    outline:none;
    border-color:var(--primary);
    box-shadow:0 0 0 3px var(--primary-glow);
}

.public-community-actions>a,
.public-community-actions>button,
.public-community-actions>form button,
.public-community-actions>.alamna-like-button{
    color:var(--primary);
}
.public-community-actions>a b{
    color:currentColor;
    opacity:.82;
}
.public-community-actions>a:hover,
.public-community-actions>button:hover,
.public-community-actions>form button:hover,
.public-community-actions>.alamna-like-button:hover{
    background:var(--primary-light);
    color:var(--primary);
}
.public-community-actions .alamna-like-button.is-liked,
.public-community-actions .is-saved{
    color:var(--primary);
    background:var(--primary-light);
}
.public-community-save-form .is-saved svg{
    fill:currentColor;
    stroke:currentColor;
}

/* V1.75 — explorer progression + invited trial disclosure */
.public-explorer-title{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:5px 9px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:14px;font-weight:700}.public-explorer-title svg{width:14px;height:14px}.public-explorer-progress{margin-top:8px;max-width:360px}.public-explorer-progress-track{height:6px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.public-explorer-progress-track>span{display:block;height:100%;background:var(--primary);border-radius:inherit}.public-explorer-progress small{display:block;margin-top:5px;color:var(--text-muted)}.public-community-trial-disclosure{margin:10px 0;padding:9px 11px;border:1px solid var(--warning);border-radius:10px;background:var(--warning-light);display:flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:14px}.public-community-trial-disclosure svg{width:16px;height:16px;color:var(--warning);flex:0 0 auto}
.eco-settings-flash{padding:10px 12px;margin:0 0 12px;background:var(--success-light);color:var(--success);border-radius:10px}.eco-settings-form{display:flex;flex-direction:column;gap:12px}.eco-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.eco-switch-row>span{display:flex;flex-direction:column;gap:3px}.eco-switch-row small{color:var(--text-muted)}.eco-switch-row input[type="checkbox"]{width:20px;height:20px;accent-color:var(--primary)}.eco-blocked-list{margin-top:18px}.eco-blocked-list h3{margin:0 0 8px}.eco-blocked-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.eco-blocked-list button{border:1px solid var(--border);border-radius:8px;padding:7px 10px;background:var(--surface);color:var(--text-primary);cursor:pointer}

/* =========================================================
   علِّمنا V1.75.5 — Community readability + reply controls repair
   Restores reply styles lost by a later full public.css replacement,
   then raises interaction/body text to the approved readable scale.
========================================================= */
.public-composer-actions button{
    font-size:14px;
    font-weight:650;
    line-height:1.4;
}

.public-community-comment-form>label,
.public-community-reply-form>label{
    color:var(--text-primary);
    font-size:15px;
    font-weight:700;
}
.public-community-comment-form>label span,
.public-community-reply-form>label span{color:var(--danger)}
.public-community-comment-thread{border-top:1px solid var(--border)}
.public-community-comment-thread:first-child{border-top:0}
.public-community-comment-thread>.public-community-comment{border-top:0}
.public-community-comment{position:relative}
.public-community-comment-body{min-width:0}

.public-community-comment header strong{
    font-size:15px;
}
.public-community-comment header span,
.public-community-comment time{
    font-size:13px;
}
.public-community-comment p{
    margin:6px 0 0;
    font-size:14px;
    line-height:1.85;
    color:var(--text-secondary);
}
.public-community-comment.is-reply p{
    font-size:13.5px;
}

.public-community-comment-actions{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:8px;
}
.public-community-comment-like,
.public-community-comment-reply-toggle,
.public-community-comment-reply-login{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:2px 0;
    border:0;
    background:transparent;
    color:var(--text-muted);
    font:inherit;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
}
.public-community-comment-like:hover,
.public-community-comment-reply-toggle:hover,
.public-community-comment-reply-login:hover{color:var(--primary)}
.public-community-comment-like.is-liked{color:#b93c58}
.public-community-comment-like svg,
.public-community-comment-reply-toggle svg,
.public-community-comment-reply-login svg{
    width:15px;
    height:15px;
}
.public-community-comment-like b{
    font-size:13px;
    font-weight:700;
}

.public-community-comment-replies{
    margin-inline-start:48px;
    padding-inline-start:12px;
    border-inline-start:2px solid color-mix(in srgb,var(--primary) 14%,var(--border));
}
.public-community-comment.is-reply{
    grid-template-columns:34px minmax(0,1fr);
    gap:9px;
    padding:11px 0;
    border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent);
}
.public-community-comment.is-reply .public-community-comment-avatar{
    width:34px;
    height:34px;
}
.public-community-comment.is-reply .public-community-comment-avatar svg{
    width:16px;
}

.public-community-reply-form{
    display:grid;
    gap:8px;
    margin-top:10px;
    padding:11px;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--background);
}
.public-community-reply-form[hidden]{display:none!important}
.public-community-reply-form textarea{
    width:100%;
    resize:vertical;
    min-height:76px;
    padding:10px 11px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
    color:var(--text-primary);
    font:inherit;
    font-size:13.5px;
    line-height:1.75;
    outline:0;
}
.public-community-reply-form textarea:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px var(--primary-light);
}
.public-community-reply-actions{
    display:flex;
    align-items:center;
    gap:8px;
}
.public-community-reply-actions button{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 12px;
    border:1px solid var(--primary);
    border-radius:9px;
    background:var(--primary);
    color:#fff;
    font:inherit;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
}
.public-community-reply-actions button.is-cancel{
    border-color:var(--border);
    background:var(--surface);
    color:var(--text-secondary);
}
.public-community-reply-actions svg{
    width:15px;
    height:15px;
}
.public-community-comment-form textarea{
    font-size:14px;
}
.public-community-comment-form button{
    font-size:15px;
}

@media(max-width:640px){
    .public-composer-actions button{
        font-size:13.5px;
    }
    .public-community-comment-replies{
        margin-inline-start:28px;
        padding-inline-start:9px;
    }
    .public-community-comment-actions{
        gap:12px;
    }
    .public-community-comment p{
        font-size:14px;
    }
    .public-community-comment.is-reply p{
        font-size:13.5px;
    }
}

/* =========================================================
   علِّمنا V1.75.6 — Community share action typography fix
   Direct share buttons were missing from the normalized
   community-action selector and fell back to the legacy 10px rule.
========================================================= */
.public-community-actions > a,
.public-community-actions > button,
.public-community-actions > form button,
.public-community-actions > .alamna-like-button {
    min-height: 38px;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.4;
}

.public-community-actions > button[data-alamna-share] {
    font-size: 13.5px;
    font-weight: 700;
}

.public-community-actions > button[data-alamna-share] svg {
    width: 17px;
    height: 17px;
}

@media (max-width: 640px) {
    .public-community-actions > a,
    .public-community-actions > button,
    .public-community-actions > form button,
    .public-community-actions > .alamna-like-button {
        font-size: 15px;
    }

    .public-community-actions > button[data-alamna-share] {
        font-size: 15px;
    }
}

/* =========================================================
   علِّمنا V1.75.7 — Community reporting + post time-window policy
========================================================= */
.public-community-actions.has-report-action{
    grid-template-columns:repeat(5,minmax(0,1fr));
}

.public-community-report-control{
    position:relative;
    min-width:0;
    margin:0;
}
.public-community-report-control>summary{
    width:100%;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:9px;
    background:transparent;
    color:var(--primary);
    cursor:pointer;
    list-style:none;
}
.public-community-report-control>summary::-webkit-details-marker{display:none}
.public-community-report-control>summary:hover,
.public-community-report-control[open]>summary{
    background:var(--primary-light);
    color:var(--primary);
}
.public-community-report-control>summary svg{
    width:17px;
    height:17px;
}
.public-community-report-popover{
    position:absolute;
    z-index:80;
    inset-inline-end:0;
    bottom:calc(100% + 8px);
    width:min(300px,calc(100vw - 34px));
    padding:14px;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--surface);
    box-shadow:var(--shadow-lg);
    color:var(--text-primary);
    text-align:start;
}
.public-community-report-popover>strong{
    display:block;
    margin-bottom:4px;
    font-size:14px;
}
.public-community-report-popover>p{
    margin:0 0 11px;
    color:var(--text-muted);
    font-size:14px;
    line-height:1.6;
}
.public-community-report-popover form{
    display:grid;
    gap:10px;
}
.public-community-report-popover label{
    display:grid;
    gap:5px;
    color:var(--text-secondary);
    font-size:14px;
    font-weight:650;
}
.public-community-report-popover select,
.public-community-report-popover textarea{
    width:100%;
    border:1px solid var(--border);
    border-radius:9px;
    background:var(--input-background);
    color:var(--input-text);
    font:inherit;
    font-size:15px;
    outline:0;
}
.public-community-report-popover select{min-height:40px;padding:0 10px}
.public-community-report-popover textarea{min-height:72px;padding:9px 10px;resize:vertical}
.public-community-report-popover select:focus,
.public-community-report-popover textarea:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px var(--primary-glow);
}
.public-community-report-popover .public-community-report-submit{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:0;
    border-radius:9px;
    background:var(--primary);
    color:var(--text-on-primary);
    font:inherit;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
}
.public-community-report-popover .public-community-report-submit:hover{
    background:var(--primary-hover);
    color:var(--text-on-primary);
}
.public-community-report-popover .public-community-report-submit svg{width:16px;height:16px}
.public-community-policy-locked{
    min-height:38px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    color:var(--text-muted);
    font-size:14px;
    line-height:1.45;
}
.public-community-policy-locked svg{width:15px;height:15px;flex:0 0 auto}
.public-visually-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

@media(max-width:640px){
    .public-community-report-popover{
        position:fixed;
        inset-inline:12px;
        bottom:calc(74px + env(safe-area-inset-bottom));
        width:auto;
        max-width:none;
    }
}

/* =========================================================
   V1.76.31 — Explorer avatar subtle frame
   إطار خفيف موحد لصور المستكشفين في الواجهة العامة
   ========================================================= */
.public-account-trigger,
.public-composer-avatar,
.public-community-avatar,
.public-account-summary-avatar,
.public-latest-avatar:not(.public-latest-business-logo) {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 22%, var(--border));
}

/* صورة الملف الشخصي الكبيرة لديها Ring خاص أصلًا؛ نحافظ عليه كما هو. */

/* =========================================================
   V1.76.40 — Public notifications
========================================================= */
.public-notification-menu{position:relative}.public-notification-menu>summary{list-style:none;cursor:pointer;position:relative}.public-notification-menu>summary::-webkit-details-marker{display:none}.public-notification-header-badge,.public-message-header-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--danger,#b42318);color:#fff;font-size:13px;font-weight:800;line-height:1;box-shadow:0 0 0 2px var(--surface)}.public-notification-dropdown{position:absolute;z-index:500;top:calc(100% + 10px);inset-inline-end:0;width:min(390px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg)}.public-notification-dropdown>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border)}.public-notification-dropdown>header>div{display:grid;gap:2px}.public-notification-dropdown>header strong{font-size:14px}.public-notification-dropdown>header span{font-size:13px;color:var(--text-muted)}.public-notification-dropdown>header form button{border:0;background:transparent;color:var(--primary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.public-notification-dropdown-list{max-height:430px;overflow:auto}.public-notification-dropdown-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text-primary)}.public-notification-dropdown-item:hover{background:var(--background)}.public-notification-dropdown-item.is-unread{background:var(--primary-light)}.public-notification-dropdown-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface);color:var(--primary);border:1px solid var(--border)}.public-notification-dropdown-icon svg{width:16px}.public-notification-dropdown-item>span:nth-child(2){min-width:0;display:grid;gap:3px}.public-notification-dropdown-item strong{font-size:13px;line-height:1.5}.public-notification-dropdown-item small{color:var(--text-secondary);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.public-notification-dropdown-item time{color:var(--text-muted);font-size:13px}.public-notification-dropdown-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--primary)}.public-notification-dropdown-empty{min-height:130px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--text-muted);font-size:13px}.public-notification-dropdown-empty svg{width:24px;color:var(--primary)}.public-notification-dropdown>footer{padding:9px;border-top:1px solid var(--border)}.public-notification-dropdown>footer a{min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;color:var(--primary);font-size:13px;font-weight:700}.public-notification-dropdown>footer a:hover{background:var(--primary-light)}.public-notification-dropdown>footer svg{width:14px}
.public-notifications-page{width:min(100% - 32px,900px);margin:24px auto 50px}.public-notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.public-notifications-heading>div{display:flex;align-items:center;gap:12px}.public-notifications-heading-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--primary-light);color:var(--primary)}.public-notifications-heading-icon svg{width:21px}.public-notifications-heading h1{margin:0;font-size:23px}.public-notifications-heading p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.public-notifications-heading form button{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.public-notifications-heading form button:hover{border-color:var(--primary);color:var(--primary)}.public-notifications-heading form svg{width:15px}.public-notifications-list{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.public-notification-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px;border-bottom:1px solid var(--border);color:var(--text-primary)}.public-notification-row:last-child{border-bottom:0}.public-notification-row:hover{background:var(--background)}.public-notification-row.is-unread{background:var(--primary-light)}.public-notification-row-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--primary)}.public-notification-row-icon svg{width:18px}.public-notification-row-copy{display:grid;gap:4px;min-width:0}.public-notification-row-copy strong{font-size:15px}.public-notification-row-copy>span{color:var(--text-secondary);font-size:13px;line-height:1.7}.public-notification-row-copy small{color:var(--text-muted);font-size:13px}.public-notification-unread-dot{width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--primary)}.public-notifications-empty{min-height:280px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center;color:var(--text-muted)}.public-notifications-empty svg{width:34px;color:var(--primary)}.public-notifications-empty strong{color:var(--text-primary);font-size:14px}.public-notifications-empty span{font-size:13px}
@media(max-width:780px){.public-header-actions .public-notification-menu>.public-notification-trigger{display:inline-flex}.public-notification-menu{display:block}.public-notification-dropdown{position:fixed;top:66px;inset-inline:12px;width:auto}.public-notifications-page{width:calc(100% - 20px);margin-top:14px}.public-notifications-heading{align-items:flex-start}.public-notifications-heading form button span{display:none}.public-notification-row{padding:12px;gap:9px}.public-notification-row-icon{width:36px;height:36px}}

/* =========================================================
   علِّمنا R18.5 — جدول «إضافاتي» للترشيحات المجتمعية
   نفس هوية جدول «مواضيعي» مع بيانات مناسبة للإضافة.
========================================================= */
.public-profile-additions-table .public-profile-topics-head,
.public-profile-additions-table .public-profile-topic-row{
    grid-template-columns:minmax(300px,1fr) minmax(150px,220px) 96px 96px 112px;
}
.public-profile-addition-logo{
    background:var(--background);
}
.public-profile-addition-category{
    width:100%;
    min-height:62px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 8px;
    color:var(--text-secondary);
    text-decoration:none;
    text-align:center;
}
.public-profile-addition-category strong{
    max-width:100%;
    overflow:hidden;
    color:var(--text-primary);
    font-size:13px;
    font-weight:700;
    line-height:1.45;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-profile-addition-category:hover,
.public-profile-addition-category:hover strong{
    color:var(--primary);
}
.public-profile-addition-helpful.is-helpful .public-profile-topic-metric-icon{
    background:var(--primary-light);
    color:var(--primary);
}
.public-profile-addition-helpful.is-helpful .public-profile-topic-metric-icon svg{
    fill:currentColor;
}
.public-profile-addition-row .public-profile-topic-copy small a{
    overflow:hidden;
    color:inherit;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-profile-addition-row .public-profile-topic-copy small a:hover{color:var(--primary)}

@media(max-width:780px){
    .public-profile-additions-table .public-profile-topic-row{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .public-profile-additions-table .public-profile-topic-cell.is-topic{
        grid-column:1/-1;
    }
    .public-profile-additions-table .public-profile-topic-cell.is-category-cell{
        min-width:0;
    }
    .public-profile-addition-category{
        min-height:48px;
        padding:0 4px;
        gap:4px;
    }
    .public-profile-addition-category .public-profile-topic-metric-icon{
        width:29px;
        height:29px;
    }
    .public-profile-addition-category .public-profile-topic-metric-icon svg{
        width:14px;
        height:14px;
    }
    .public-profile-addition-category strong{
        font-size:13px;
    }
}

/* =========================================================
   علِّمنا R18.7 — بطاقة المكان داخل الترشيح
   - صورة/رمزية المكان إن وجدت
   - سهم ثابت عند نهاية البطاقة
   - البطاقة كاملة رابط للنشاط
========================================================= */
.public-community-card-recommendation .public-linked-business{
    width:100%;
    min-height:72px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:10px 12px;
    border:1px solid transparent;
    border-radius:14px;
    background:var(--surface-soft);
    color:var(--text-secondary);
    text-decoration:none;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.public-community-card-recommendation .public-linked-business:hover{
    background:var(--primary-light);
    border-color:var(--primary-light-hover);
}
.public-community-card-recommendation .public-linked-business-visual{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:13px;
    background:var(--primary-light);
    color:var(--primary);
    flex:0 0 auto;
}
.public-community-card-recommendation .public-linked-business-visual img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.public-community-card-recommendation .public-linked-business-visual svg{
    width:21px;
    height:21px;
}
.public-community-card-recommendation .public-linked-business-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.public-community-card-recommendation .public-linked-business-copy small{
    color:var(--text-muted);
    font-size:13px;
}
.public-community-card-recommendation .public-linked-business-copy strong{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--content-title);
    font-size:14px;
}
.public-community-card-recommendation .public-linked-business-arrow{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:var(--text-muted);
    flex:0 0 auto;
}
.public-community-card-recommendation .public-linked-business-arrow svg{
    width:17px;
    height:17px;
}
.public-community-card-recommendation .public-linked-business:hover .public-linked-business-arrow{
    background:var(--surface);
    color:var(--primary);
}
@media (max-width:640px){
    .public-community-card-recommendation .public-linked-business{
        min-height:62px;
        gap:10px;
        padding:9px 10px;
    }
    .public-community-card-recommendation .public-linked-business-visual{
        width:46px;
        height:46px;
        border-radius:12px;
    }
}

/* =========================================================
   علِّمنا R18.7.1 — تنفّس الخط الفاصل فوق شريط التفاعل
   الخط نفسه يبتعد قليلًا عن الصور/بطاقة المكان بدون تغيير أبعاد المحتوى.
========================================================= */
.public-community-card .public-community-actions{
    position:relative;
    border-top:0;
    padding-top:22px;
}
.public-community-card .public-community-actions::before{
    content:"";
    position:absolute;
    top:10px;
    inset-inline:0;
    height:1px;
    background:var(--border);
    pointer-events:none;
}
@media (max-width:640px){
    .public-community-card .public-community-actions{
        padding-top:18px;
    }
    .public-community-card .public-community-actions::before{
        top:8px;
    }
}

/* =========================================================
   علِّمنا R18.7.2 — توسيط الصورة المفردة داخل عارض المجتمع
   عند وجود صورة واحدة فقط لا نحجز أعمدة لأسهم التنقل.
========================================================= */
.public-community-image-viewer.is-single-image{
    grid-template-columns:minmax(0,1fr) !important;
    justify-items:center !important;
}
.public-community-image-viewer.is-single-image > figure{
    grid-column:1 !important;
    justify-self:center !important;
    margin-inline:auto !important;
}
.public-community-image-viewer.is-single-image > .public-community-gallery-nav{
    display:none !important;
}

@media(max-width:640px){
    .public-community-image-viewer.is-single-image > figure{
        width:min(100%, 620px) !important;
        margin-inline:auto !important;
    }
}

/* =========================================================
   علِّمنا R19.4 — علِّمنا حي بالمجتمع + مركز السياسات
========================================================= */
.public-home-note-heading{
    position:relative;
    z-index:1;
    margin-bottom:12px;
}
.public-home-note-heading > div{
    display:flex;
    align-items:flex-start;
    gap:10px;
}
.public-home-note-heading h2{
    margin:0;
    color:var(--content-title);
    font-size:15px;
    line-height:1.5;
}
.public-home-note-heading p{
    margin:2px 0 0;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.75;
}
.public-home-policy-brief{
    position:relative;
    z-index:1;
    padding-top:12px;
    border-top:1px solid var(--border);
}
.public-home-policy-brief-intro{
    margin-bottom:9px;
}
.public-home-policy-brief-intro > strong{
    display:block;
    color:var(--content-title);
    font-size:14px;
    line-height:1.5;
}
.public-home-policy-brief-intro > p{
    margin:3px 0 0;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.7;
}
.public-home-policy-brief-list{
    display:grid;
    gap:5px;
}
.public-home-policy-brief-item{
    min-width:0;
    display:grid;
    grid-template-columns:30px minmax(0,1fr) 16px;
    align-items:center;
    gap:8px;
    padding:8px;
    border:1px solid transparent;
    border-radius:11px;
    color:inherit;
    text-decoration:none;
    transition:background var(--transition-fast),border-color var(--transition-fast);
}
.public-home-policy-brief-item:hover{
    border-color:color-mix(in srgb,var(--primary) 18%,var(--border));
    background:var(--primary-light);
}
.public-home-policy-brief-icon{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:var(--surface-soft);
    color:var(--primary);
}
.public-home-policy-brief-icon svg{
    width:15px;
    height:15px;
}
.public-home-policy-brief-copy{
    min-width:0;
    display:grid;
    gap:1px;
}
.public-home-policy-brief-copy strong{
    overflow:hidden;
    color:var(--content-title);
    font-size:13px;
    line-height:1.55;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-home-policy-brief-copy small{
    overflow:hidden;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.5;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-home-policy-brief-arrow{
    width:15px;
    height:15px;
    color:var(--text-muted);
}
html[dir="ltr"] .public-home-policy-brief-arrow{
    transform:rotate(180deg);
}
.public-home-policy-all-link{
    min-height:36px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:7px;
    padding:7px 9px;
    border-radius:10px;
    color:var(--primary);
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}
.public-home-policy-all-link:hover{
    background:var(--primary-light);
}
.public-home-policy-all-link svg{
    width:15px;
    height:15px;
}
html[dir="ltr"] .public-home-policy-all-link svg{
    transform:rotate(180deg);
}

/* صفحة جميع السياسات */
.public-policies-shell{
    display:grid;
    gap:20px;
    padding-bottom:34px;
}
.public-policies-hero{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:24px;
    border:1px solid var(--border);
    border-radius:20px;
    background:
        radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--primary-light) 82%,transparent) 0 90px,transparent 91px),
        var(--surface);
}
.public-policies-hero-icon{
    width:50px;
    height:50px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:var(--primary-light);
    color:var(--primary);
}
.public-policies-hero-icon svg{
    width:24px;
    height:24px;
}
.public-policies-eyebrow{
    display:block;
    margin-bottom:3px;
    color:var(--primary);
    font-size:13px;
    font-weight:700;
}
.public-policies-hero h1{
    margin:0;
    color:var(--content-title);
    font-size:26px;
    line-height:1.4;
}
.public-policies-hero p{
    max-width:760px;
    margin:7px 0 0;
    color:var(--text-muted);
    font-size:15px;
    line-height:1.8;
}
.public-policies-content{
    padding:20px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--surface);
}
.public-policies-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}
.public-policies-section-head h2{
    margin:0;
    color:var(--content-title);
    font-size:20px;
}
.public-policies-section-head p{
    margin:3px 0 0;
    color:var(--text-muted);
    font-size:14px;
}
.public-policies-section-head > span{
    flex:0 0 auto;
    padding:6px 10px;
    border-radius:999px;
    background:var(--surface-soft);
    color:var(--text-secondary);
    font-size:13px;
    font-weight:700;
}
.public-policies-post-list{
    display:grid;
    gap:8px;
}
.public-policy-post{
    min-width:0;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:13px;
    border:1px solid var(--border);
    border-radius:14px;
    color:inherit;
    text-decoration:none;
    transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);
}
.public-policy-post:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--primary) 22%,var(--border));
    background:var(--primary-light);
}
.public-policy-post-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:var(--surface-soft);
    color:var(--primary);
}
.public-policy-post-icon svg{
    width:19px;
    height:19px;
}
.public-policy-post-copy{
    min-width:0;
    display:grid;
    gap:3px;
}
.public-policy-post-copy strong{
    color:var(--content-title);
    font-size:15px;
    line-height:1.55;
}
.public-policy-post-copy small{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    color:var(--text-muted);
    font-size:13px;
}
.public-policy-post-copy small svg{
    width:14px;
    height:14px;
}
.public-policy-post-read{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--primary);
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}
.public-policy-post-read svg{
    width:15px;
    height:15px;
}
html[dir="ltr"] .public-policy-post-read svg{
    transform:rotate(180deg);
}
.public-policies-empty{
    min-height:180px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:10px;
    color:var(--text-muted);
    text-align:center;
}
.public-policies-empty svg{
    width:28px;
    height:28px;
}

@media(max-width:640px){
    .public-policies-hero{
        padding:18px;
    }
    .public-policies-hero-icon{
        width:44px;
        height:44px;
    }
    .public-policies-hero h1{
        font-size:22px;
    }
    .public-policies-content{
        padding:14px;
    }
    .public-policy-post{
        grid-template-columns:38px minmax(0,1fr) 16px;
        gap:9px;
        padding:11px;
    }
    .public-policy-post-icon{
        width:38px;
        height:38px;
    }
    .public-policy-post-read{
        font-size:0;
    }
    .public-policy-post-read svg{
        width:16px;
        height:16px;
    }
}

/* =========================================================
   علِّمنا R19.5 — الرئيسية: رابط السياسات فقط
   تبقى بطاقة «علِّمنا حي بالمجتمع» خفيفة وثابتة مثل قبل.
========================================================= */
.public-home-policy-brief-compact{
    padding-top:12px;
}
.public-home-policy-brief-compact .public-home-policy-all-link{
    min-height:40px;
    margin-top:0;
    padding:8px 10px;
}
.public-home-policy-brief-compact .public-home-policy-all-link span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* =========================================================
   علِّمنا R19.6 — روابط المعلومات الثابتة في الرئيسية
========================================================= */
.public-home-info-links{
    display:grid;
    gap:0;
}
.public-home-info-links .public-home-policy-all-link + .public-home-policy-all-link{
    border-top:1px solid var(--border);
    border-radius:0 0 10px 10px;
}

/* =========================================================
   علِّمنا R19.7 — إسقاط الخبر داخل مجتمع علِّمنا
========================================================= */
.public-community-news-card{
    padding:14px;
}
.public-community-news-head{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:11px;
}
.public-community-news-official{
    width:34px;
    height:34px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:var(--primary-light);
    color:var(--primary);
}
.public-community-news-official svg{
    width:17px;
    height:17px;
}
.public-community-news-head > div{
    min-width:0;
    display:grid;
    gap:1px;
}
.public-community-news-head strong{
    color:var(--content-title);
    font-size:14px;
    line-height:1.5;
}
.public-community-news-head small{
    overflow:hidden;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.5;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.public-community-news-link{
    display:grid;
    grid-template-columns:96px minmax(0,1fr) 18px;
    align-items:center;
    gap:12px;
    color:inherit;
    text-decoration:none;
}
.public-community-news-image{
    width:96px;
    height:96px;
    overflow:hidden;
    display:block;
    border-radius:14px;
    background:var(--surface-soft);
}
.public-community-news-image img,
.public-community-news-image > span{
    width:100%;
    height:100%;
    display:block;
}
.public-community-news-image img{
    object-fit:cover;
}
.public-community-news-image > span{
    display:grid;
    place-items:center;
    color:var(--text-muted);
}
.public-community-news-image svg{
    width:24px;
    height:24px;
}
.public-community-news-copy{
    min-width:0;
    display:grid;
    gap:4px;
}
.public-community-news-copy > strong{
    color:var(--content-title);
    font-size:16px;
    line-height:1.55;
}
.public-community-news-copy > p{
    display:-webkit-box;
    overflow:hidden;
    margin:0;
    color:var(--text-secondary);
    font-size:13px;
    line-height:1.75;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.public-community-news-copy > small{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px 12px;
    color:var(--text-muted);
    font-size:13px;
}
.public-community-news-copy > small span{
    display:inline-flex;
    align-items:center;
    gap:4px;
}
.public-community-news-copy > small svg{
    width:13px;
    height:13px;
}
.public-community-news-arrow{
    width:17px;
    height:17px;
    color:var(--text-muted);
}
html[dir="ltr"] .public-community-news-arrow{
    transform:rotate(180deg);
}
.public-community-news-actions{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:13px;
    padding-top:11px;
    border-top:1px solid var(--border);
}
.public-community-news-actions a,
.public-community-news-actions button{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:6px 9px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:var(--text-muted);
    font-family:inherit;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    cursor:pointer;
}
.public-community-news-actions a:hover,
.public-community-news-actions button:hover{
    background:var(--surface-soft);
    color:var(--text-primary);
}
.public-community-news-actions svg{
    width:16px;
    height:16px;
}
.public-community-news-actions b{
    font-size:13px;
    font-weight:700;
}
@media(max-width:560px){
    .public-community-news-card{
        padding:12px;
    }
    .public-community-news-link{
        grid-template-columns:82px minmax(0,1fr) 16px;
        gap:9px;
    }
    .public-community-news-image{
        width:82px;
        height:82px;
    }
    .public-community-news-copy > p{
        -webkit-line-clamp:2;
    }
    .public-community-news-copy > small span:last-child{
        display:none;
    }
    .public-community-news-actions{
        justify-content:space-between;
    }
    .public-community-news-actions a,
    .public-community-news-actions button{
        padding-inline:6px;
    }
    .public-community-news-actions span{
        display:none;
    }
}

/* =========================================================
   علِّمنا R19.9 — نبض المجتمع شريط أفقي في الرئيسية فقط
========================================================= */
.public-home-pulse-strip{
    position:relative;
    width:100%;
    min-width:0;
    margin:0 0 18px;
}

.public-home-pulse-strip .public-pulse-card{
    position:relative;
    inset:auto;
    width:100%;
    min-width:0;
    max-width:none;
    display:grid;
    grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(220px,.72fr);
    align-items:center;
    gap:14px;
    padding:14px 16px;
    overflow:hidden;
    border-radius:18px;
}

.public-home-pulse-strip .public-side-card-heading{
    align-self:center;
    margin:0;
}

.public-home-pulse-strip .public-side-card-heading > div{
    align-items:center;
}

.public-home-pulse-strip .public-side-card-heading p{
    max-width:200px;
    margin-top:2px;
}

.public-home-pulse-strip .public-pulse-stories{
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0;
    padding:3px 2px 5px;
    overflow-x:auto;
    overflow-y:hidden;
    contain:inline-size;
}

.public-home-pulse-strip .public-pulse-explore-heading{
    display:none;
}

.public-home-pulse-strip .public-pulse-explore{
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0;
    padding:3px 2px 5px 14px;
    border-inline-start:1px solid var(--border);
    overflow-x:auto;
    overflow-y:hidden;
    contain:inline-size;
}

.public-home-pulse-strip .public-pulse-empty-note{
    min-width:0;
    margin:0;
    padding:8px 10px;
    border-radius:11px;
    background:var(--surface-soft);
}

.public-home-pulse-strip .public-pulse-explore-empty{
    min-width:0;
    margin:0;
    padding:8px 10px;
    border-inline-start:1px solid var(--border);
}

.public-home-pulse-strip + .public-home-layout{
    margin-top:0;
}

/* نبض الرئيسية جزء من تدفق الصفحة الطبيعي؛ لا يثبت أثناء التمرير. */
.public-home-pulse-strip,
.public-home-pulse-strip .public-pulse-card{
    top:auto!important;
    bottom:auto!important;
    position:relative!important;
}

@media(max-width:980px){
    .public-home-pulse-strip .public-pulse-card{
        grid-template-columns:minmax(165px,200px) minmax(0,1fr);
    }

    .public-home-pulse-strip .public-pulse-explore{
        grid-column:1 / -1;
        padding:10px 2px 2px;
        border-inline-start:0;
        border-top:1px solid var(--border);
    }

    .public-home-pulse-strip .public-pulse-explore-empty{
        grid-column:1 / -1;
        border-inline-start:0;
        border-top:1px solid var(--border);
    }
}

@media(max-width:760px){
    .public-home-pulse-strip{
        margin-bottom:14px;
    }

    .public-home-pulse-strip .public-pulse-card{
        grid-template-columns:1fr;
        gap:10px;
        padding:13px 12px;
        border-radius:16px;
    }

    .public-home-pulse-strip .public-side-card-heading{
        margin:0;
    }

    .public-home-pulse-strip .public-side-card-heading p{
        max-width:none;
    }

    .public-home-pulse-strip .public-pulse-stories{
        margin:0;
    }

    .public-home-pulse-strip .public-pulse-explore{
        grid-column:auto;
        padding:10px 0 2px;
    }

    .public-home-pulse-strip .public-pulse-explore-empty{
        grid-column:auto;
    }
}

/* =========================================================
   علِّمنا R19.10 — نبض المجتمع داخل العمود الأوسط
   نبض → المجتمع والاكتشاف → المشاركة → التايم لاين
========================================================= */
.public-feed-column > .public-home-pulse-strip-inner{
    width:100%;
    min-width:0;
    margin:0 0 14px;
}

.public-feed-column > .public-home-pulse-strip-inner .public-pulse-card{
    width:100%;
    max-width:none;
    grid-template-columns:minmax(145px,175px) minmax(0,1fr);
    align-items:center;
    gap:10px 12px;
    padding:12px 14px;
    border-radius:16px;
}

.public-feed-column > .public-home-pulse-strip-inner .public-side-card-heading{
    margin:0;
}

.public-feed-column > .public-home-pulse-strip-inner .public-side-card-heading > div{
    align-items:center;
}

.public-feed-column > .public-home-pulse-strip-inner .public-side-card-heading p{
    max-width:165px;
    margin-top:1px;
}

.public-feed-column > .public-home-pulse-strip-inner .public-pulse-stories{
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0;
    padding:2px 1px 4px;
    overflow-x:auto;
    overflow-y:hidden;
}

.public-feed-column > .public-home-pulse-strip-inner .public-pulse-explore-heading{
    display:none;
}

.public-feed-column > .public-home-pulse-strip-inner .public-pulse-explore{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0;
    padding:9px 1px 1px;
    border-inline-start:0;
    border-top:1px solid var(--border);
    overflow-x:auto;
    overflow-y:hidden;
}

.public-feed-column > .public-home-pulse-strip-inner .public-pulse-explore-empty{
    grid-column:1 / -1;
    width:100%;
    margin:0;
    padding:9px 1px 1px;
    border-inline-start:0;
    border-top:1px solid var(--border);
}

.public-feed-column > .public-home-pulse-strip-inner + .public-feed-heading{
    margin-top:0;
}

/* يبقى ضمن تدفق العمود الأوسط ولا يثبت أثناء السكرول */
.public-feed-column > .public-home-pulse-strip-inner,
.public-feed-column > .public-home-pulse-strip-inner .public-pulse-card{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
}

@media(max-width:760px){
    .public-feed-column > .public-home-pulse-strip-inner{
        margin-bottom:12px;
    }

    .public-feed-column > .public-home-pulse-strip-inner .public-pulse-card{
        grid-template-columns:1fr;
        gap:9px;
        padding:12px;
    }

    .public-feed-column > .public-home-pulse-strip-inner .public-side-card-heading p{
        max-width:none;
    }

    .public-feed-column > .public-home-pulse-strip-inner .public-pulse-explore,
    .public-feed-column > .public-home-pulse-strip-inner .public-pulse-explore-empty{
        grid-column:auto;
    }
}

/* =========================================================
   علِّمنا R19.11 — نبض المجتمع: العنوان خارج البطاقة
========================================================= */
.public-feed-column > .public-home-pulse-strip-inner{
    display:block;
}

.public-pulse-home-heading{
    width:100%;
    min-width:0;
    margin:0;
    padding:2px 2px 10px;
}

.public-pulse-home-heading .public-feed-eyebrow{
    margin-bottom:4px;
}

.public-pulse-home-heading > p{
    margin:0;
    color:var(--content-muted);
    font-size:14px;
    line-height:1.7;
}

/* البطاقة الداخلية للدوائر فقط */
.public-feed-column > .public-home-pulse-strip-inner .public-pulse-card-stories-only{
    display:block;
    width:100%;
    min-width:0;
    max-width:none;
    padding:14px 16px;
    border-radius:16px;
}

/* دوائر النبض والإضافة تأخذ الصف كاملًا */
.public-feed-column > .public-home-pulse-strip-inner .public-pulse-card-stories-only .public-pulse-stories{
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0;
    padding:2px 1px 7px;
    overflow-x:auto;
    overflow-y:hidden;
}

/* الرسالة دائمًا أسفل الدوائر وبعرض البطاقة كاملًا */
.public-feed-column > .public-home-pulse-strip-inner .public-pulse-card-stories-only .public-pulse-empty-note{
    width:100%;
    max-width:none;
    display:block;
    margin:10px 0 0;
    padding:11px 12px;
    border-radius:11px;
    background:var(--surface-soft);
    color:var(--text-muted);
    font-size:14px;
    line-height:1.7;
    text-align:start;
}

/* لا توجد منطقة استكشاف ثانية داخل نبض الرئيسية */
.public-feed-column > .public-home-pulse-strip-inner .public-pulse-explore-heading,
.public-feed-column > .public-home-pulse-strip-inner .public-pulse-explore,
.public-feed-column > .public-home-pulse-strip-inner .public-pulse-explore-empty{
    display:none!important;
}

@media(max-width:760px){
    .public-pulse-home-heading{
        padding-bottom:9px;
    }

    .public-pulse-home-heading > p{
        font-size:14px;
    }

    .public-feed-column > .public-home-pulse-strip-inner .public-pulse-card-stories-only{
        padding:12px;
    }

    .public-feed-column > .public-home-pulse-strip-inner .public-pulse-card-stories-only .public-pulse-empty-note{
        margin-top:9px;
        padding:10px 11px;
    }
}

/* =========================================================
   علِّمنا R19.12 — مركز المشاركة الموحّد
========================================================= */
html.has-alamna-share-modal{
    overflow:hidden;
}

.alamna-share-sheet-backdrop{
    position:fixed;
    inset:0;
    z-index:10050;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(17,28,23,.52);
    backdrop-filter:blur(6px);
    opacity:0;
    transition:opacity .16s ease;
}

.alamna-share-sheet-backdrop.is-open{
    opacity:1;
}

.alamna-share-sheet{
    width:min(100%,470px);
    max-height:min(88vh,620px);
    overflow:auto;
    padding:18px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--surface);
    box-shadow:0 24px 70px rgba(20,34,27,.22);
    transform:translateY(8px) scale(.985);
    transition:transform .16s ease;
}

.alamna-share-sheet-backdrop.is-open .alamna-share-sheet{
    transform:translateY(0) scale(1);
}

.alamna-share-sheet-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.alamna-share-sheet-head > div{
    min-width:0;
}

.alamna-share-sheet-head strong{
    display:block;
    color:var(--content-title);
    font-size:20px;
    line-height:1.45;
}

.alamna-share-sheet-head p{
    margin:3px 0 0;
    color:var(--text-muted);
    font-size:14px;
    line-height:1.7;
}

.alamna-share-sheet-close{
    width:38px;
    height:38px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--surface);
    color:var(--text-secondary);
    cursor:pointer;
}

.alamna-share-sheet-close:hover{
    background:var(--surface-soft);
    color:var(--content-title);
}

.alamna-share-sheet-close svg{
    width:18px;
    height:18px;
}

.alamna-share-sheet-preview{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    align-items:center;
    gap:10px;
    margin:16px 0;
    padding:11px 12px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--surface-soft);
}

.alamna-share-sheet-preview-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:var(--primary-light);
    color:var(--primary);
}

.alamna-share-sheet-preview-icon svg{
    width:19px;
    height:19px;
}

.alamna-share-sheet-preview > div{
    min-width:0;
    display:grid;
    gap:2px;
}

.alamna-share-sheet-preview strong{
    overflow:hidden;
    color:var(--content-title);
    font-size:14px;
    line-height:1.55;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.alamna-share-sheet-preview span[dir="ltr"]{
    overflow:hidden;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.5;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:start;
}

.alamna-share-sheet-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.alamna-share-sheet-options > a,
.alamna-share-sheet-options > button{
    min-width:0;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:11px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--surface);
    color:var(--text-primary);
    font-family:inherit;
    font-size:14px;
    font-weight:700;
    line-height:1.5;
    text-align:start;
    text-decoration:none;
    cursor:pointer;
    transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

.alamna-share-sheet-options > a:hover,
.alamna-share-sheet-options > button:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--primary) 25%,var(--border));
    background:var(--primary-light);
}

.alamna-share-option-icon{
    width:38px;
    height:38px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:var(--surface-soft);
    color:var(--primary);
}

.alamna-share-option-icon svg{
    width:18px;
    height:18px;
}

.alamna-share-sheet-options .is-whatsapp .alamna-share-option-icon{
    background:color-mix(in srgb,#25D366 12%,var(--surface));
    color:#169b49;
}

@media(max-width:560px){
    .alamna-share-sheet-backdrop{
        align-items:flex-end;
        padding:0;
    }

    .alamna-share-sheet{
        width:100%;
        max-height:82vh;
        padding:17px 15px max(17px,env(safe-area-inset-bottom));
        border-width:1px 0 0;
        border-radius:22px 22px 0 0;
        transform:translateY(28px);
    }

    .alamna-share-sheet-backdrop.is-open .alamna-share-sheet{
        transform:translateY(0);
    }

    .alamna-share-sheet-head strong{
        font-size:19px;
    }

    .alamna-share-sheet-options{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .alamna-share-sheet-options > a,
    .alamna-share-sheet-options > button{
        min-height:72px;
        padding:10px;
        font-size:13px;
    }
}

@media(prefers-reduced-motion:reduce){
    .alamna-share-sheet-backdrop,
    .alamna-share-sheet{
        transition:none;
    }
}

/* =========================================================
   علِّمنا R19.13 — Pulse media + likes + publisher alignment
========================================================= */
.public-pulse-viewer-media{
    box-sizing:border-box;
    padding-block:76px 70px;
    padding-inline:0;
    background:#000;
}
.public-pulse-viewer-media img,
.public-pulse-viewer-media video{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#000;
}
.public-pulse-viewer-brand{
    display:none!important;
}
html[dir="rtl"] .public-pulse-viewer-identity [data-pulse-viewer-handle]{
    width:100%;
    display:block;
    direction:ltr;
    text-align:right;
    unicode-bidi:plaintext;
}
html[dir="ltr"] .public-pulse-viewer-identity [data-pulse-viewer-handle]{
    width:100%;
    display:block;
    direction:ltr;
    text-align:left;
}
.public-pulse-viewer-like.is-liked{
    color:#ff5d72!important;
}
.public-pulse-viewer-like.is-liked svg{
    fill:currentColor!important;
}
@media(max-width:760px){
    .public-pulse-viewer-media{
        padding-block:74px calc(72px + env(safe-area-inset-bottom));
    }
}


/* =========================================================
   R19.15.20 — صفحة المنتج المستقلة + نقل اختيار الطلب إليها
========================================================= */
.public-product-page-v2{
    padding-block:24px 48px;
}
.public-product-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
    color:var(--text-muted);
    font-size:14px;
}
.public-product-breadcrumb a{color:var(--primary);font-weight:700}.public-product-breadcrumb svg{width:15px;height:15px}
.public-product-order-alert{
    display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:12px;background:var(--danger-light);color:var(--danger);font-size:14px;font-weight:700
}
.public-product-order-alert svg{width:18px;height:18px;flex:0 0 18px}
.public-product-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
    gap:20px;
    align-items:start;
}
.public-product-gallery-card,.public-product-info-card,.public-product-order-card{
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    overflow:hidden;
}
.public-product-main-image{
    aspect-ratio:1/1;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--surface-soft);
    color:var(--text-muted);
    overflow:hidden;
}
.public-product-main-image img{width:100%;height:100%;object-fit:contain;display:block}
.public-product-main-image>svg{width:54px;height:54px}
.public-product-thumbnails{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    padding:12px;
    border-top:1px solid var(--border)
}
.public-product-thumbnails button{
    aspect-ratio:1/1;
    padding:0;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--surface-soft);
    overflow:hidden;
    cursor:pointer
}
.public-product-thumbnails button.is-active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.public-product-thumbnails img{width:100%;height:100%;object-fit:cover;display:block}
.public-product-info-card{padding:24px}
.public-product-business-row{
    width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;color:var(--text-secondary);font-size:14px;font-weight:700
}
.public-product-business-row img{width:36px;height:36px;object-fit:cover;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}
.public-product-business-row svg{width:15px;height:15px;color:var(--primary)}
.public-product-labels{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.public-product-labels span{padding:4px 9px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);font-size:13px}
.public-product-info-card h1{margin:0;color:var(--text-primary);font-size:30px;line-height:1.35}
.public-product-lead{margin:10px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.9}
.public-product-promo{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;border-radius:12px;background:var(--secondary-light);color:var(--text-secondary);font-size:14px}
.public-product-promo svg{width:17px;height:17px;flex:0 0 17px;color:var(--secondary)}
.public-product-price-panel{display:grid;gap:5px;margin-top:18px;padding:16px;border:1px solid var(--primary-light-hover);border-radius:14px;background:var(--primary-light)}
.public-product-price-panel>strong{color:var(--primary);font-size:24px}
.public-product-price-panel small{display:flex;flex-wrap:wrap;gap:5px 10px;color:var(--text-muted);font-size:13px}
.public-product-description{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.public-product-description h2{margin:0 0 7px;font-size:17px}.public-product-description p{margin:0;color:var(--content-text);font-size:15px;line-height:1.9}
.public-product-meta-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:14px}.public-product-meta-line strong{color:var(--text-primary)}
.public-product-order-card{margin-top:20px}
.public-product-order-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border)}
.public-product-order-head>div:first-child>span{display:flex;align-items:center;gap:7px;color:var(--primary);font-size:14px;font-weight:700}.public-product-order-head>div:first-child>span svg{width:17px;height:17px}.public-product-order-head h2{margin:5px 0 0;font-size:20px}
.public-product-fulfillment{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.public-product-fulfillment span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:13px}.public-product-fulfillment svg{width:15px;height:15px;color:var(--primary)}
.public-product-order-form{padding:20px}
.public-product-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.public-product-option-group{min-width:0;margin:0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.public-product-option-group legend{width:100%;display:flex;align-items:center;gap:8px;padding:0 2px 10px;color:var(--text-primary);font-size:16px;font-weight:700}.public-product-option-group legend small{padding:3px 8px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:12px}
.public-product-option-values{display:grid;gap:8px}
.public-product-option-values label{min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer}.public-product-option-values label:hover{border-color:var(--primary-light-hover)}.public-product-option-values input{width:18px;height:18px;accent-color:var(--primary)}.public-product-option-values span{color:var(--text-primary);font-size:15px}.public-product-option-values strong{color:var(--primary);font-size:14px;white-space:nowrap}
.public-product-order-footer{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;align-items:end;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.public-product-quantity{display:grid;gap:6px}.public-product-quantity span,.public-product-order-total small{color:var(--text-muted);font-size:13px}.public-product-quantity input{width:96px;height:46px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-primary);padding:0 12px;font:inherit}.public-product-order-total{display:grid;gap:4px}.public-product-order-total strong{color:var(--primary);font-size:18px}
.public-product-order-footer button,.public-product-login-box>a{min-height:46px;padding:0 18px;border:1px solid var(--primary);border-radius:12px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.public-product-order-footer button:hover,.public-product-login-box>a:hover{background:var(--primary-hover);color:#fff}.public-product-order-footer button svg{width:17px;height:17px}
.public-product-login-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.public-product-login-box>div{display:flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:15px}.public-product-login-box>div svg{width:20px;height:20px;color:var(--primary);flex:0 0 20px}
.public-product-unavailable{display:flex;align-items:center;gap:9px;padding:20px;color:var(--text-secondary);font-size:14px}.public-product-unavailable>svg{width:19px;height:19px;color:var(--text-muted)}.public-product-unavailable a{margin-inline-start:auto;color:var(--primary);font-weight:700}
@media(max-width:900px){
    .public-product-detail-grid{grid-template-columns:1fr}.public-product-gallery-card{max-width:640px;width:100%;margin-inline:auto}.public-product-options-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
    .public-product-page-v2{padding-block:12px 32px}.public-product-info-card{padding:18px}.public-product-info-card h1{font-size:24px}.public-product-order-head{align-items:flex-start;flex-direction:column;padding:16px}.public-product-fulfillment{justify-content:flex-start}.public-product-order-form{padding:14px}.public-product-order-footer{grid-template-columns:1fr 1fr}.public-product-order-footer button{grid-column:1/-1;width:100%}.public-product-login-box{align-items:stretch;flex-direction:column;padding:16px}.public-product-login-box>a{width:100%}.public-product-unavailable{align-items:flex-start;flex-wrap:wrap;padding:16px}.public-product-unavailable a{width:100%;margin-inline-start:28px}.public-product-main-image{aspect-ratio:1/1}
}


/* علِّمنا R19.15.24 — حذف التعليقات والردود بواسطة مدير المنصة */
.public-community-comment-admin-delete-form{
    display:inline-flex;
    margin:0;
}
.public-community-comment-admin-delete{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:2px 0;
    border:0;
    background:transparent;
    color:var(--danger,#c43b46);
    font:inherit;
    font-size:14px;
    line-height:1.4;
    font-weight:700;
    cursor:pointer;
}
.public-community-comment-admin-delete:hover{
    text-decoration:underline;
    text-underline-offset:3px;
}
.public-community-comment-admin-delete svg{
    width:15px;
    height:15px;
}

/* =========================================================
   علِّمنا R19.15.25 — configurable owner comment/reply edit + delete
========================================================= */
.public-community-comment-edit-toggle,
.public-community-comment-owner-delete{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:2px 0;
    border:0;
    background:transparent;
    color:var(--text-muted);
    font:inherit;
    font-size:14px;
    line-height:1.4;
    font-weight:700;
    cursor:pointer;
}
.public-community-comment-edit-toggle:hover{color:var(--primary)}
.public-community-comment-owner-delete:hover{color:var(--danger)}
.public-community-comment-edit-toggle svg,
.public-community-comment-owner-delete svg{
    width:14px;
    height:14px;
}
.public-community-comment-owner-delete-form,
.public-community-comment-admin-delete-form{
    display:inline-flex;
    margin:0;
}
.public-community-comment-edit-form{
    display:grid;
    gap:8px;
    margin-top:10px;
    padding:11px;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--background);
}
.public-community-comment-edit-form[hidden]{display:none!important}
.public-community-comment-edit-form>label{
    color:var(--text-primary);
    font-size:14px;
    font-weight:700;
}
.public-community-comment-edit-form>label span{color:var(--danger)}
.public-community-comment-edit-form textarea{
    width:100%;
    resize:vertical;
    min-height:76px;
    padding:10px 11px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
    color:var(--text-primary);
    font:inherit;
    font-size:14px;
    line-height:1.75;
    outline:0;
}
.public-community-comment-edit-form textarea:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px var(--primary-light);
}
.public-community-comment-time-meta{
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
}
.public-community-comment-edited{
    display:inline-flex;
    align-items:center;
    padding:2px 7px;
    border-radius:999px;
    background:var(--primary-light);
    color:var(--primary)!important;
    font-size:12px!important;
    font-weight:700;
}
.public-community-comment.is-deleted-placeholder{
    opacity:.84;
}
.public-community-comment-avatar.is-deleted{
    background:var(--background);
    color:var(--text-muted);
    border:1px solid var(--border);
}
.public-community-comment-deleted-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.public-community-comment-deleted-head strong{
    color:var(--text-muted);
    font-size:14px;
}
.public-community-comment-deleted-text{
    color:var(--text-muted)!important;
    font-style:italic;
}

/* R19.15.26 — مدخل طوّر علِّمنا في روابط الرئيسية */
.public-home-develop-link>span{display:inline-flex;align-items:center;gap:7px}.public-home-develop-link>span svg{width:17px;height:17px;color:var(--primary)}

/* =========================================================
   علِّمنا R19.15.27 — مسافة صفحة سياسات علِّمنا عن الهيدر
========================================================= */
.public-policies-hero{
    margin-top:24px;
}

@media (max-width:780px){
    .public-policies-hero{
        margin-top:14px;
    }
}


/* R19.15.41 — صفحة تفاصيل المنتج/الخدمة: عرض الباقات حتى قبل إتاحة الطلب المباشر */
.public-product-option-overview{margin-top:18px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);overflow:hidden}
.public-product-option-overview>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}
.public-product-option-overview>header span{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:14px;font-weight:700}
.public-product-option-overview>header span svg{width:17px}
.public-product-option-overview>header h2{margin:5px 0 0;font-size:20px}
.public-product-option-overview-groups{display:grid;gap:14px;padding:18px 22px 22px}
.public-product-option-overview-group{border:1px solid var(--border);border-radius:16px;background:var(--background);overflow:hidden}
.public-product-option-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border)}
.public-product-option-overview-heading h3{margin:0;font-size:16px}
.public-product-option-overview-heading>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.public-product-option-overview-heading span,.public-product-option-overview-heading strong{padding:4px 8px;border-radius:999px;font-size:12px}
.public-product-option-overview-heading span{background:var(--surface);color:var(--text-muted)}
.public-product-option-overview-heading strong{background:var(--primary-light);color:var(--primary)}
.public-product-option-overview-values{display:grid}
.public-product-option-overview-value{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-top:1px solid var(--border);background:var(--surface)}
.public-product-option-overview-value:first-child{border-top:0}
.public-product-option-overview-value>span{display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:600}
.public-product-option-overview-value>span svg{width:17px;color:var(--primary);flex:0 0 auto}
.public-product-option-overview-value>strong{color:var(--primary);white-space:nowrap}
@media(max-width:640px){.public-product-option-overview>header,.public-product-option-overview-groups{padding-inline:16px}.public-product-option-overview-heading{align-items:flex-start;flex-direction:column}.public-product-option-overview-value{align-items:flex-start;flex-direction:column;gap:4px}}

/* =========================================================
   علِّمنا R19.15.73 — قائمة الحساب المدمجة + محاذاة البحث
========================================================= */

/* اللغة: العربية والإنجليزية في صف واحد لتقليل طول القائمة. */
.public-language-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding-inline:4px;
}
.public-language-option-form{
    min-width:0;
}
.public-language-options .public-language-option{
    min-width:0;
    min-height:38px;
    justify-content:center;
    gap:6px;
    padding:7px 8px;
    text-align:center;
}
.public-language-options .public-language-option>span{
    min-width:0;
    justify-content:center;
    white-space:nowrap;
}
.public-language-options .public-language-option>svg{
    width:14px;
    height:14px;
    flex:0 0 auto;
}

/* المظهر: حسب الجهاز يحتفظ بالنص، فاتح/داكن أيقونات فقط في السطر نفسه. */
.public-theme-options{
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px 42px;
    gap:6px;
    padding-inline:4px;
}
.public-theme-options .public-theme-option{
    position:relative;
    min-width:0;
    min-height:40px;
    justify-content:center;
    padding:6px 8px;
}
.public-theme-options .public-theme-option-system{
    padding-inline:10px;
}
.public-theme-options .public-theme-option-system>span{
    min-width:0;
    justify-content:center;
    gap:7px;
}
.public-theme-options .public-theme-option-system b{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font:inherit;
}
.public-theme-options .public-theme-option-icon{
    width:42px;
    padding:0;
}
.public-theme-options .public-theme-option-icon>span{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
}
.public-theme-options .public-theme-option-icon svg,
.public-theme-options .public-theme-option-system svg{
    width:18px;
    height:18px;
}
/* حالة الاختيار تظهر من خلفية/لون الزر ولا نحتاج Check إضافيًا يزحم الصف. */
.public-theme-options .public-theme-check{
    display:none;
}

/* تخفيف بسيط للمسافات بعد تحويل الاختيارات إلى صفوف مدمجة. */
.public-account-group{
    padding-block:3px;
}
.public-account-group-title{
    padding-block:5px 3px;
}

/*
 * على الديسكتوب يصبح شريط البحث ومحور النطاقات بعرض مرجعي واحد:
 * حافة البحث فوق «العالم» والحافة المقابلة فوق «اكتشف مدينتك».
 */
@media (min-width:1200px){
    :root{
        --public-navigation-core-width:680px;
    }

    .public-header-inner{
        grid-template-columns:minmax(260px,1fr) minmax(420px,var(--public-navigation-core-width)) minmax(260px,1fr);
    }

    .public-search{
        width:100%;
        max-width:var(--public-navigation-core-width);
        justify-self:center;
    }

    .public-scope-tabs{
        width:min(var(--public-navigation-core-width),100%);
        margin-inline:auto;
        padding-inline:0;
        justify-content:space-between;
        gap:8px;
    }

    .public-scope-tabs>a{
        flex:0 0 auto;
        min-width:0;
        padding-inline:10px;
        white-space:nowrap;
    }

    .public-scope-tabs>a::after{
        inset-inline:6px;
        height:3px;
        border-radius:999px;
    }

    .public-scope-tabs .public-scope-discover{
        margin-inline-start:0;
    }
}

/* =========================================================
   علِّمنا R19.16.35 — Home UI correction
   - Curve the scope BAR itself at the bottom (never the links).
   - Community pulse/discovery labels and descriptions share green/size.
   - News projections keep natural content height.
========================================================= */
.public-scope-bar{
    border-bottom-left-radius:22px;
    border-bottom-right-radius:22px;
    overflow:hidden;
}

.public-home-community-title{
    min-height:0;
    margin:0;
    padding:2px 2px 10px;
}
.public-home-community-title h1{
    margin:0;
    color:var(--primary);
    font-size:clamp(22px,2vw,27px);
    line-height:1.35;
    font-weight:800;
}

/* The two central labels + their descriptions intentionally share the
   same green and font size. Weight alone distinguishes title from copy. */
.public-pulse-home-heading .public-feed-eyebrow,
.public-pulse-home-heading > p,
.public-community-discovery-heading .public-feed-eyebrow,
.public-community-discovery-heading p{
    color:var(--primary,#008748);
    font-size:15px;
    line-height:1.65;
}
.public-pulse-home-heading .public-feed-eyebrow,
.public-community-discovery-heading .public-feed-eyebrow{
    font-weight:800;
}
.public-pulse-home-heading > p,
.public-community-discovery-heading p{
    font-weight:600;
}
.public-community-discovery-heading{
    min-height:0;
    align-items:flex-start;
    padding:2px 2px 10px;
}
.public-community-discovery-heading .public-feed-eyebrow{
    margin:0 0 4px;
}
.public-community-discovery-heading p{
    margin:0;
}

/* News cards are projections inside the community feed; unlike normal
   community posts they must never inherit the balanced minimum height. */
.public-community-card.public-community-news-card{
    display:block;
    min-height:0;
    height:auto;
}

@media(max-width:760px){
    .public-scope-bar{
        border-bottom-left-radius:18px;
        border-bottom-right-radius:18px;
    }
    .public-pulse-home-heading .public-feed-eyebrow,
    .public-pulse-home-heading > p,
    .public-community-discovery-heading .public-feed-eyebrow,
    .public-community-discovery-heading p{
        font-size:15px;
    }
}


/* =========================================================
   علِّمنا R19.16.36 — Home community typography correction
   - Main community title centered.
   - Community/discovery title gains a matching icon.
   - Descriptions return to dark muted gray while preserving size.
========================================================= */
.public-home-community-title{
    text-align:center;
}
.public-home-community-title h1{
    text-align:center;
}

.public-pulse-home-heading .public-feed-eyebrow,
.public-community-discovery-heading .public-feed-eyebrow{
    color:var(--primary,#008748);
    font-size:15px;
    line-height:1.65;
    font-weight:800;
}

.public-pulse-home-heading > p,
.public-community-discovery-heading p{
    color:var(--text-secondary,#4b5563);
    font-size:15px;
    line-height:1.65;
    font-weight:600;
}

.public-community-discovery-heading .public-feed-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

@media(max-width:760px){
    .public-pulse-home-heading .public-feed-eyebrow,
    .public-pulse-home-heading > p,
    .public-community-discovery-heading .public-feed-eyebrow,
    .public-community-discovery-heading p{
        font-size:15px;
    }
}
@media(max-width:480px){
    .public-pulse-home-heading .public-feed-eyebrow,
    .public-community-discovery-heading .public-feed-eyebrow{
        display:inline-flex;
    }
}

/* R19.16.94 — Homepage: Alamna for Business entry between latest explorers/businesses */
.public-for-business-card {
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-height: 104px;
    padding: 15px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--secondary) 58%, var(--border));
    border-radius: 18px;
    background:
        radial-gradient(circle at 10% 15%, color-mix(in srgb, var(--secondary) 20%, transparent), transparent 42%),
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 13%, var(--surface)), var(--surface));
    box-shadow: 0 10px 28px color-mix(in srgb, var(--primary) 9%, transparent);
    color: var(--text-primary);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.public-for-business-card::after {
    content: "";
    position: absolute;
    inset-inline-end: -22px;
    inset-block-start: -26px;
    width: 88px;
    height: 88px;
    border: 18px solid color-mix(in srgb, var(--secondary) 15%, transparent);
    border-radius: 50%;
    pointer-events: none;
}

.public-for-business-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--secondary) 78%, var(--primary));
    box-shadow: 0 14px 34px color-mix(in srgb, var(--primary) 14%, transparent);
}

.public-for-business-card-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--secondary);
    color: #0D0F12;
    box-shadow: 0 5px 16px color-mix(in srgb, var(--secondary) 28%, transparent);
}

.public-for-business-card-icon svg {
    width: 22px;
    height: 22px;
}

.public-for-business-card-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.public-for-business-card-copy small {
    color: var(--primary);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.45;
}

.public-for-business-card-copy strong {
    color: var(--text-primary);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.45;
}

.public-for-business-card-copy > span {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.public-for-business-card-action {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 7px 9px;
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.public-for-business-card-action svg {
    width: 14px;
    height: 14px;
}

html[dir="ltr"] .public-for-business-card-action svg {
    transform: scaleX(-1);
}

@media (max-width: 420px) {
    .public-for-business-card {
        grid-template-columns: 42px minmax(0, 1fr);
        min-height: 96px;
        padding: 13px;
    }

    .public-for-business-card-icon {
        width: 42px;
        height: 42px;
    }

    .public-for-business-card-action {
        grid-column: 1 / -1;
        justify-self: stretch;
        justify-content: center;
        min-height: 34px;
    }
}

/* R19.17.17 — compact homepage directory links (shown only in the homepage rail). */
.public-latest-view-all{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:9px 13px;border-top:1px solid var(--border);color:var(--primary);font-weight:700;font-size:13px;text-decoration:none;transition:background var(--transition-fast)}
.public-latest-view-all:hover,.public-latest-view-all:focus-visible{background:var(--primary-light);text-decoration:none}
.public-latest-view-all svg{width:16px;height:16px;flex:0 0 auto}
html[dir="ltr"] .public-latest-view-all svg{transform:rotate(180deg)}


/* R19.17.20 — homepage sidebars on post / news / policies (list and details). */
.public-shared-content-layout { min-width:0; }
.public-shared-content-center { min-width:0; width:100%; }
.public-shared-content-center > .public-news-browser,
.public-shared-content-center > .public-policies-content { min-width:0; }
.public-shared-content-center > .public-home-discovery-section { margin:0; min-width:0; }
.public-shared-content-center .policy-readable-content { min-width:0; max-width:100%; overflow-wrap:anywhere; }
@media (min-width:1251px) {
  .public-shared-content-layout { grid-template-columns:minmax(220px,250px) minmax(0,760px) minmax(260px,300px); }
}
@media (max-width:1250px) and (min-width:781px) {
  .public-shared-content-layout { grid-template-columns:minmax(0,1fr) 260px; }
  .public-shared-content-layout > .public-home-right-rail { display:none; }
}
@media (max-width:780px) {
  .public-shared-content-layout { display:flex; flex-direction:column; gap:12px; }
  .public-shared-content-layout > .public-shared-content-center { order:1; width:100%; }
  .public-shared-content-layout > .public-home-right-rail { display:none; }
  .public-shared-content-layout > .public-home-rail { order:0; width:100%; position:static; }
  .public-shared-policy-shell { width:100%; }
}


/* R19.17.21 — news/policies share the same three-column start line.
   Page hero belongs to the middle column; no full-width banner above the rails. */
.public-shared-content-layout { align-items:start; }
.public-shared-content-layout > .public-shared-content-center {
    display:grid;
    align-content:start;
    gap:16px;
    margin-block-start:0;
    padding-block-start:0;
    min-width:0;
}
.public-shared-content-layout > .public-home-right-rail,
.public-shared-content-layout > .public-home-rail {
    position:static;
    top:auto;
    align-self:start;
    margin-block-start:0;
}
.public-shared-content-center > .public-policies-hero {
    margin:0;
    width:100%;
    box-sizing:border-box;
}
.public-shared-content-center > .public-policies-content { margin:0; }
.public-shared-policy-shell .public-shared-content-center > .public-home-discovery-section {
    margin:0;
}


/* R19.17.22 — News and policies: restore desktop sticky rails, keep mobile in normal flow.
   The R19.17.21 static override accidentally disabled the homepage sticky behavior. */
@media (min-width:781px) {
  .public-news-shell .public-home-layout > .public-home-right-rail,
  .public-news-shell .public-home-layout > .public-home-rail,
  .public-policies-shell .public-home-layout > .public-home-right-rail,
  .public-policies-shell .public-home-layout > .public-home-rail,
  .public-shared-policy-shell .public-home-layout > .public-home-right-rail,
  .public-shared-policy-shell .public-home-layout > .public-home-rail {
    position:sticky;
    top:88px;
    align-self:start;
    max-height:calc(100vh - 104px);
    max-height:calc(100dvh - 104px);
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-width:thin;
  }
}
/* The return button belongs to the first center card, at its start. */
.public-page-home-link {
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:fit-content;
  max-width:100%;
  padding:7px 11px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface);
  color:var(--primary);
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
}
.public-page-home-link:hover,.public-page-home-link:focus-visible {
  background:var(--primary-light);
  outline-offset:2px;
}
.public-page-home-link svg {width:15px;height:15px;flex:0 0 auto}
.public-news-hero,.public-policies-hero {position:relative;padding-block-start:58px}
.public-news-hero > .public-page-home-link,.public-policies-hero > .public-page-home-link {
  position:absolute;
  inset-block-start:13px;
  inset-inline-start:18px;
}
.public-shared-policy-shell .public-page-home-link,
.public-news-detail-column .public-page-home-link {margin-block-end:15px}
@media (max-width:780px) {
  .public-news-shell .public-home-layout > .public-home-right-rail,
  .public-news-shell .public-home-layout > .public-home-rail,
  .public-policies-shell .public-home-layout > .public-home-right-rail,
  .public-policies-shell .public-home-layout > .public-home-rail,
  .public-shared-policy-shell .public-home-layout > .public-home-right-rail,
  .public-shared-policy-shell .public-home-layout > .public-home-rail {
    position:static;
    top:auto;
    max-height:none;
    overflow:visible;
  }
}

/* R19.17.24 — Home navigation is a separate row above the news/policy cards.
   The parent columns already have 16–18px grid gap, providing clear spacing below it. */
.public-shared-content-center > .public-page-home-link,
.public-news-detail-column > .public-page-home-link {
  position:static;
  inset:auto;
  justify-self:start;
  align-self:start;
  margin:0;
}
.public-shared-policy-shell .public-shared-content-center > .public-page-home-link,
.public-news-detail-column > .public-page-home-link { margin-block-end:0; }
/* The extra hero padding was reserved for the old, embedded button. */
.public-news-shell .public-shared-content-center > .public-news-hero,
.public-policies-shell .public-shared-content-center > .public-policies-hero {
  padding-block-start:24px;
}


/* R19.17.34 — Size 1–3 recommendation/experience photos like four-photo tiles.
   Keep the established four-/five-photo strip untouched. The existing
   square cover preview and full-size image viewer remain unchanged. */
.public-community-card-recommendation .public-community-media-strip.media-count-1,
.public-community-card-recommendation .public-community-media-strip.media-count-2,
.public-community-card-recommendation .public-community-media-strip.media-count-3,
.public-community-card-experience .public-community-media-strip.media-count-1,
.public-community-card-experience .public-community-media-strip.media-count-2,
.public-community-card-experience .public-community-media-strip.media-count-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* R19.17.36 — general community composer + poll + interest */
.alamna-community-kind-block{display:grid;gap:10px}.alamna-community-kind-title{font-weight:800}.alamna-community-kind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.alamna-community-kind-choice{border:1px solid var(--public-border,#e5e7eb);background:var(--public-card,#fff);color:inherit;border-radius:12px;min-height:46px;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:inherit}.alamna-community-kind-choice svg{width:17px;height:17px}.alamna-community-kind-choice.is-active{border-color:#008748;background:#f0fdf7;color:#006335}.alamna-community-interest select,.alamna-community-poll-fields select,.alamna-poll-option-editor input{width:100%;border:1px solid var(--public-border,#e5e7eb);border-radius:12px;background:var(--public-card,#fff);color:inherit;padding:11px 12px;font:inherit}.alamna-community-interest span small{font-weight:400;opacity:.7;margin-inline-start:5px}.alamna-community-poll-fields{display:grid;gap:12px;padding:13px;border:1px solid #d9eee6;background:#f7fcfa;border-radius:14px}.alamna-poll-option-editor{display:grid;gap:8px;margin-top:8px}.alamna-poll-add-option{justify-self:start;border:0;background:transparent;color:#008748;font-weight:800;display:inline-flex;align-items:center;gap:5px;cursor:pointer;padding:6px 0}.alamna-poll-add-option svg{width:16px;height:16px}.alamna-post-topic{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#008748;background:#effaf5;border-radius:999px;padding:4px 8px}.alamna-post-topic svg{width:13px;height:13px}
.alamna-poll{margin:12px 0;border:1px solid #dce9e4;background:#fbfefd;border-radius:14px;padding:12px;display:grid;gap:9px}.alamna-poll-vote-form{display:grid;gap:8px}.alamna-poll-option{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e2e8e5;background:#fff;border-radius:12px}.alamna-poll-option input{accent-color:#008748}.alamna-poll-submit{border:0;border-radius:11px;background:#008748;color:#fff;text-decoration:none;padding:10px 14px;font-weight:800;cursor:pointer;text-align:center}.alamna-poll-result{display:grid;gap:6px}.alamna-poll-result__head{display:flex;justify-content:space-between;gap:10px}.alamna-poll-result__bar{height:8px;background:#e6eeeb;border-radius:999px;overflow:hidden}.alamna-poll-result__bar span{display:block;height:100%;background:#008748;border-radius:inherit}.alamna-poll-result.is-voted .alamna-poll-result__head span{font-weight:800;color:#006335}.alamna-poll-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;opacity:.72}.alamna-poll-close{border:0;background:transparent;color:#b42318;font-weight:800;cursor:pointer;padding:4px 0}
@media(max-width:720px){.alamna-community-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alamna-poll-meta{flex-wrap:wrap}}
html[data-theme="dark"] .alamna-community-kind-choice,html[data-theme="dark"] .alamna-community-interest select,html[data-theme="dark"] .alamna-community-poll-fields select,html[data-theme="dark"] .alamna-poll-option-editor input,html[data-theme="dark"] .alamna-poll-option{background:#161a1d;border-color:#2b3330}.dark .alamna-community-kind-choice,.dark .alamna-community-interest select,.dark .alamna-community-poll-fields select,.dark .alamna-poll-option-editor input,.dark .alamna-poll-option{background:#161a1d;border-color:#2b3330}.dark .alamna-community-poll-fields{background:#111815;border-color:#263a32}.dark .alamna-poll{background:#111715;border-color:#253831}


/* R19.17.37 — compact composer: only selected fields, fixed header and action bar. */
.public-community-create-dialog [hidden]{display:none!important}
.public-community-create-dialog{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 28px)}
.public-community-create-dialog>header{flex:0 0 auto;padding:14px 18px}
.public-community-create-dialog form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;gap:0;padding:0}
.public-community-form-body{display:grid;align-content:start;gap:13px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:15px 18px 18px;scrollbar-gutter:stable}
.public-community-create-dialog form>.public-community-file-status{flex:0 0 auto;padding:0 18px;font-size:13px}
.public-community-create-dialog form>.public-community-file-status:empty{display:none}
.public-community-create-dialog form>footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:65px;padding:11px 18px;border-top:1px solid var(--border);background:var(--surface);box-shadow:0 -4px 16px rgba(0,0,0,.025)}
.public-community-form-body .alamna-community-kind-block{gap:7px}
.public-community-form-body .alamna-community-kind-grid{gap:7px}
.public-community-form-body .alamna-community-kind-choice{min-height:39px;padding:7px 6px;gap:5px;font-size:13px}
.public-community-form-body .alamna-community-kind-choice svg{width:15px;height:15px}
.public-community-form-body .alamna-community-poll-fields{gap:10px;padding:12px}
.public-community-form-body .alamna-community-interest span small{font-size:12px}
@media(max-width:640px){
 .public-community-create-dialog{max-height:calc(100dvh - 16px)}
 .public-community-form-body{padding:12px 14px 16px}
 .public-community-create-dialog form>footer{padding:10px 14px;min-height:58px;flex-direction:row;align-items:center}
 .public-community-create-dialog form>footer .public-community-publish-note{max-width:45%;font-size:11px}
 .public-community-create-dialog form>footer .public-community-publish-btn{width:auto;min-width:130px}
}

/* R19.17.38 — searchable interest picker. Native select stays available without JS. */
.alamna-community-interest select.alamna-interest-native-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)}
.alamna-interest-picker{position:relative;display:grid;gap:8px;min-width:0}
.alamna-interest-search-wrap{position:relative;display:flex;align-items:center}
.alamna-interest-search-wrap>svg{position:absolute;inset-inline-start:12px;width:17px;height:17px;color:var(--text-muted);pointer-events:none}
.public-community-field .alamna-interest-search-wrap>input{width:100%;min-height:44px;padding-inline-start:38px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-primary);font:inherit}
.public-community-field .alamna-interest-search-wrap>input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:0}
.alamna-interest-results{position:absolute;z-index:15;top:48px;inset-inline:0;max-height:200px;overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 8px 28px rgba(0,0,0,.13)}
.alamna-interest-results button{display:block;width:100%;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);text-align:start;font:inherit;cursor:pointer}
.alamna-interest-results button:hover,.alamna-interest-results button:focus-visible,.alamna-interest-results button[aria-selected="true"]{background:var(--primary-light);color:var(--primary);outline:0}
.alamna-interest-empty,.alamna-interest-hint{margin:0;padding:9px 11px;color:var(--text-muted);font-size:13px}
.alamna-interest-selected{justify-self:start;display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 9px;border:1px solid #cce8dc;border-radius:999px;background:#f0fdf7;color:#006335;font-size:13px;font-weight:750}
.alamna-interest-selected span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alamna-interest-selected button{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.alamna-interest-selected button:hover{background:#d8f2e3}
.alamna-interest-selected button svg{width:14px;height:14px}
html[data-theme="dark"] .alamna-interest-selected,.dark .alamna-interest-selected{background:#14281e;border-color:#264b36;color:#9ee2dd}

/* R19.17.40 — photo details replace the image counter, keep arrows visible for all feed photos. */
.public-community-image-viewer figure.public-community-gallery-figure{
    flex-direction:column;height:auto;max-height:calc(100dvh - 36px);gap:12px;overflow:hidden;
}
.public-community-image-viewer figure.public-community-gallery-figure > img{
    min-height:0;max-height:min(68dvh,760px);max-width:100%;width:auto;object-fit:contain;
}
.public-community-image-viewer figure.public-community-gallery-figure > figcaption.public-community-photo-details{
    position:static;inset:auto;transform:none;display:flex;align-items:flex-start;gap:10px;
    width:min(100%,760px);max-width:100%;padding:12px 14px;border-radius:14px;
    background:rgba(18,24,22,.94);color:#fff;text-align:start;direction:rtl;
}
.public-community-photo-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);overflow:hidden}
.public-community-photo-avatar img{width:100%;height:100%;object-fit:cover}
.public-community-photo-avatar svg{width:20px;height:20px}
.public-community-photo-copy{min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.5}
.public-community-photo-copy strong{font-size:14px}
.public-community-photo-copy time{font-size:12px;color:#c5d4cc;direction:ltr;text-align:start}
.public-community-photo-copy [data-community-photo-caption]{font-size:13px;color:#e1e8e4;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.public-community-photo-copy [data-community-photo-caption][hidden]{display:none}
@media(max-width:640px){
    .public-community-image-viewer figure.public-community-gallery-figure{width:100%;max-height:calc(100dvh - 24px);padding:0 8px}
    .public-community-image-viewer figure.public-community-gallery-figure > img{max-height:60dvh}
    .public-community-image-viewer figure.public-community-gallery-figure > figcaption.public-community-photo-details{padding:10px;margin:0 4px;width:calc(100% - 8px)}
}

/* R19.17.41 — per-photo view counter underneath the image author, not on the image. */
.public-community-photo-view-count{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;color:#c5d4cc;font-size:12px;direction:rtl;margin-top:3px}
.public-community-photo-view-count[hidden]{display:none}
.public-community-photo-view-count svg{width:14px;height:14px}

/* R19.17.44 — preview, replace and remove individual post/recommendation photos. */
.alamna-edit-media{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.alamna-edit-media>strong{font-size:14px}
.alamna-edit-media>small{color:var(--text-muted);font-size:12px;line-height:1.6}
.alamna-edit-media-grid,.alamna-new-media-grid{display:flex;flex-wrap:wrap;gap:9px;align-items:flex-start}
.alamna-edit-media-item{width:min(100%,125px);display:grid;gap:6px;align-content:start;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--background)}
.alamna-edit-media-item>img,.alamna-new-media-grid>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;background:var(--surface-soft)}
.alamna-new-media-item{position:relative;width:82px}
.alamna-new-media-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;background:var(--surface-soft)}
.alamna-new-media-item button{position:absolute;inset-block-start:2px;inset-inline-end:2px;width:23px;height:23px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--danger);cursor:pointer;line-height:1;font-size:17px}
.alamna-edit-media-actions{display:flex;gap:5px;flex-wrap:wrap}
.alamna-edit-media-replace,.alamna-edit-media-remove{position:relative;flex:1 1 auto;min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-primary);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.alamna-edit-media-replace input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.alamna-edit-media-remove{color:var(--danger)}
.alamna-edit-media-note{font-size:11px;line-height:1.4;color:var(--text-muted)}
.alamna-edit-media-item.is-removed>img{opacity:.25;filter:grayscale(1)}
.alamna-edit-media-item.is-removed .alamna-edit-media-replace{pointer-events:none;opacity:.45}
@media(max-width:480px){.alamna-edit-media-item{width:calc((100% - 18px)/3)}}

/* R19.17.45 — Notifications align to the same public container as the main header.
   Place notification date/time at the opposite (left in RTL) edge of the title. */
.public-notifications-page{
    width:min(var(--public-container-width, 1440px),calc(100% - (var(--public-container-padding, 18px) * 2)));
    max-width:none;
    margin:24px auto 50px;
}
.public-notification-row{
    position:relative;
    grid-template-columns:40px minmax(0,1fr);
}
.public-notification-row-copy{min-width:0;display:grid;gap:5px}
.public-notification-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-width:0}
.public-notification-row-head>strong{min-width:0;overflow-wrap:anywhere;font-size:15px}
.public-notification-row-time{
    display:block;flex:0 0 auto;margin-inline-start:auto;
    color:var(--text-muted);font-size:13px;font-weight:400;
    text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums;
}
.public-notification-row-body{color:var(--text-secondary);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.public-notification-unread-dot{
    position:absolute;inset-inline-start:9px;top:9px;margin:0;
}
@media(max-width:780px){
    .public-notifications-page{
        width:min(var(--public-container-width, 1440px),calc(100% - (var(--public-container-padding, 12px) * 2)));
        margin-top:14px;
    }
    .public-notification-row{grid-template-columns:36px minmax(0,1fr)}
    .public-notification-row-head{gap:8px;flex-wrap:wrap}
    .public-notification-row-time{font-size:12px}
}


/* R19.17.50 — Put interest filtering hint before the options and keep it visible. */
.alamna-interest-results .alamna-interest-hint {
    position: sticky;
    top: -5px;
    z-index: 1;
    padding: 9px 11px;
    border-bottom: 1px solid var(--border);
    border-radius: 8px 8px 0 0;
    background: var(--primary-light);
    color: var(--primary);
    font-weight: 700;
}


/* R19.17.50 — Business post product / CTA / per-photo links */
.public-business-photo-links{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 0}
.public-business-photo-link{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:999px;padding:7px 10px;color:var(--primary);background:var(--primary-light);text-decoration:none;font-size:12px;font-weight:700}
.public-business-photo-link svg{width:13px;height:13px}
.public-business-post-product{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;margin-top:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text-primary);text-decoration:none}
.public-business-post-product:hover{border-color:var(--primary);background:var(--primary-light)}
.public-business-post-product>img,.public-business-post-product-icon{width:58px;height:58px;object-fit:cover;border-radius:9px;background:var(--primary-light)}
.public-business-post-product-icon{display:grid;place-items:center;color:var(--primary)}
.public-business-post-product-icon svg{width:20px}
.public-business-post-product-details{display:grid;gap:3px;min-width:0}
.public-business-post-product-details small{font-size:12px;color:var(--text-muted)}
.public-business-post-product-details strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-business-post-product-details b{font-size:13px;color:var(--primary)}
.public-business-post-product-arrow svg{width:15px;height:15px;color:var(--primary)}
.public-business-post-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;padding:10px 15px;border-radius:11px;background:var(--primary);color:var(--text-on-primary);font-size:13px;font-weight:700;text-decoration:none;max-width:100%}
.public-business-post-cta svg{width:15px;height:15px}