/* Morya v12.34.2 — Blog experience, CRUD and responsive website navigation.
   Additive only. Preserves existing Morya UI tokens and layouts. */

/* ---------- Public Blog polish ---------- */
.blog-home{position:relative}
.blog-home::before{content:"";position:absolute;inset:0 0 auto;height:320px;pointer-events:none;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--brand-primary,#4b3f91) 9%,transparent),transparent 42%),radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--brand-secondary,#c62d88) 8%,transparent),transparent 38%);z-index:-1}
.blog-masthead{padding:20px 0 4px;align-items:center}
.blog-masthead>div:first-child{max-width:820px}
.blog-masthead h1{letter-spacing:-.035em}
.blog-masthead-actions .button{border-radius:12px;box-shadow:0 5px 16px rgba(29,23,53,.05)}
.blog-category-strip{position:relative;padding:6px 2px 18px;margin-bottom:24px;scroll-snap-type:x proximity}
.blog-category-strip a{scroll-snap-align:start;min-height:42px;display:inline-flex;align-items:center}
.blog-content-grid{align-items:start}
.blog-section-heading{padding:0 2px}
.blog-side-card{box-shadow:0 8px 28px rgba(29,23,53,.055)}
.blog-newsletter{position:sticky;top:104px}
.blog-empty-state{min-height:230px;display:grid;place-items:center;text-align:center;padding:34px;border:1px dashed color-mix(in srgb,var(--brand-primary,#4b3f91) 22%,var(--border,#ded9e7));border-radius:20px;background:linear-gradient(145deg,var(--surface,#fff),color-mix(in srgb,var(--brand-primary,#4b3f91) 4%,var(--surface,#fff)))}
.blog-empty-state span{font-size:1.35rem;color:var(--brand-primary,#4b3f91)}
.blog-empty-state h3{margin:.35rem 0 .2rem;font-size:1.15rem}
.blog-empty-state p{margin:0;color:var(--muted,#6b6877)}
.blog-empty-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.blog-empty-showcase a{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-width:0;padding:16px;border:1px solid var(--border,#e3dfe9);border-radius:16px;background:var(--surface,#fff);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.blog-empty-showcase a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-primary,#4b3f91) 28%,var(--border,#e3dfe9));box-shadow:0 10px 24px rgba(29,23,53,.07)}
.blog-empty-showcase .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--brand-primary,#4b3f91) 10%,var(--surface,#fff));color:var(--brand-primary,#4b3f91);font-size:1.2rem;font-weight:800}
.blog-empty-showcase strong{display:block}.blog-empty-showcase small{display:block;margin-top:3px;color:var(--muted,#6b6877);line-height:1.35}

/* ---------- Admin editor and CRUD polish ---------- */
.blog-editor-page .page-heading{align-items:center}
.blog-editor-intro-card{padding:22px!important}
.blog-translation-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:-2px 0 18px;padding:12px 14px;border:1px solid var(--border,#e3dfe9);border-radius:13px;background:var(--surface-muted,#f6f3f8)}
.blog-language-label{display:grid;gap:3px;min-width:180px}.blog-language-label small{color:var(--muted,#696474);font-size:.75rem;font-weight:550}
.blog-language-buttons{display:flex;gap:7px;flex-wrap:wrap}
.blog-language-button{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border,#ddd9e5);border-radius:10px;background:var(--surface,#fff);color:var(--text,#211e2b);font-size:.8rem;font-weight:760;text-decoration:none}
.blog-language-button:hover{border-color:color-mix(in srgb,var(--brand-primary,#4b3f91) 42%,var(--border,#ddd9e5));color:var(--brand-primary,#4b3f91)}
.blog-language-button.active{border-color:var(--brand-primary,#4b3f91);background:var(--brand-primary,#4b3f91);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary,#4b3f91) 20%,transparent)}
.blog-title-field input{min-height:58px}
.blog-editor-main>.card,.blog-editor-sidebar>.card{box-shadow:0 7px 24px rgba(29,23,53,.045)}
.blog-editor-sidebar .sticky{top:96px}
.blog-toggle-list label{min-height:52px;padding:10px 11px;border:1px solid var(--border,#e3dfe9);border-radius:11px;background:var(--surface-muted,#f7f4f9);font-size:.78rem}
.blog-distribution-options{border:1px solid var(--border,#e3dfe9);border-radius:12px;padding:12px;margin:14px 0}
.blog-distribution-options legend{padding:0 6px;font-weight:800}.blog-distribution-options p{font-size:.78rem;color:var(--muted,#6b6877);margin:0 0 8px}.blog-distribution-options label{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:8px;margin:8px 0!important}
.blog-crud-grid{grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr)}
.blog-form-card .card-header,.blog-list-card .card-header{align-items:center}
.blog-form-reset{margin:0!important;min-height:36px!important;padding:6px 10px!important;font-size:.76rem!important}
.blog-crud-list{gap:0}
.blog-crud-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center!important;gap:12px!important;padding:13px 0!important}
.blog-crud-copy{min-width:0}.blog-crud-copy strong,.blog-crud-copy small{display:block;overflow-wrap:anywhere}.blog-crud-copy small{margin-top:3px;color:var(--muted,#6b6877)}
.blog-crud-row .row-actions{justify-content:flex-end;gap:9px}.blog-crud-row .row-actions button{font:inherit;font-size:.78rem;font-weight:750}
.danger-link{border:0!important;background:none!important;color:#b3263e!important;padding:0!important;cursor:pointer!important;font-weight:760!important;text-decoration:none!important}
.button-danger{border-color:#c23c4b!important;background:#c23c4b!important;color:#fff!important}
.blog-comment-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.blog-comment-actions>form:first-child{display:grid;grid-template-columns:150px minmax(160px,1fr) auto;gap:8px;align-items:end}.blog-comment-actions>form:last-child{margin:0}.blog-comment-actions .button{margin:0!important}
.blog-workflow-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--border,#ece8f0)}.blog-workflow-row:first-child{border-top:0}.blog-workflow-row>a{border:0!important}.blog-workflow-row form{margin:0}
.blog-admin-page .empty-state{display:grid;gap:5px;align-content:center;justify-items:center;text-align:center}.blog-admin-page .empty-state strong{color:var(--text,#211e2b)}

/* ---------- Mobile/tablet website navigation ---------- */
.public-mobile-bottom-nav{display:none}
@media (max-width:1024px){
  .phase4-public{padding-bottom:74px}
  .public-mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:50%;bottom:10px;transform:translateX(-50%);z-index:70;width:min(680px,calc(100% - 20px));min-height:62px;padding:6px;border:1px solid color-mix(in srgb,var(--border,#ddd) 88%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);box-shadow:0 14px 40px rgba(24,18,42,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .public-mobile-bottom-nav a,.public-mobile-bottom-nav button{min-width:0;min-height:50px;display:grid;place-items:center;align-content:center;gap:2px;border:0;border-radius:14px;background:transparent;color:var(--muted,#666274);text-decoration:none;font:inherit;cursor:pointer}
  .public-mobile-bottom-nav span{font-size:1.15rem;line-height:1}.public-mobile-bottom-nav small{font-size:.68rem;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .public-mobile-bottom-nav a.active{background:color-mix(in srgb,var(--brand-primary,#4b3f91) 11%,var(--surface,#fff));color:var(--brand-primary,#4b3f91)}
  .public-menu-toggle{display:block!important}
  .phase4-public .public-mobile-menu-panel{display:none!important;position:fixed!important;top:82px!important;left:auto!important;right:14px!important;bottom:86px!important;width:min(390px,calc(100% - 28px))!important;max-height:none!important;padding:14px!important;border-radius:18px!important;overflow:auto!important;z-index:65!important}
  .phase4-public.public-menu-open .public-mobile-menu-panel{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important}
  .phase4-public.public-menu-open::after{content:"";position:fixed;inset:0;z-index:60;background:rgba(20,15,34,.32);backdrop-filter:blur(2px)}
  .phase4-public.public-menu-open .site-header,.phase4-public.public-menu-open .public-mobile-bottom-nav{z-index:70}
  .phase4-public.public-menu-open .public-mobile-menu-panel{z-index:72}
  .site-footer{padding-bottom:70px}
  .blog-newsletter{position:static}
  .blog-crud-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .blog-masthead{padding-top:6px;margin-bottom:22px}.blog-masthead h1{font-size:clamp(2.3rem,12vw,3.6rem)}
  .blog-masthead-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.blog-masthead-actions .button{width:100%}
  .blog-empty-showcase{grid-template-columns:1fr}
  .blog-translation-switch{align-items:flex-start;flex-direction:column}.blog-language-buttons{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.blog-language-button{justify-content:center;padding-inline:7px}
  .blog-comment-actions,.blog-comment-actions>form:first-child{grid-template-columns:1fr}.blog-comment-actions .button{width:100%}
  .blog-crud-row{grid-template-columns:minmax(0,1fr) auto}.blog-crud-row .row-actions{grid-column:1/-1;justify-content:flex-start;padding-top:2px}
  .public-mobile-bottom-nav{bottom:6px;width:calc(100% - 12px);border-radius:18px}
}
@media (max-width:430px){
  .blog-shell{width:min(100% - 24px,1180px)}
  .blog-category-strip{margin-inline:-12px;padding-inline:12px}
  .blog-language-buttons{gap:5px}.blog-language-button{font-size:.72rem}
  .public-mobile-bottom-nav{padding:5px}.public-mobile-bottom-nav small{font-size:.62rem}
  .phase4-public .public-mobile-menu-panel{right:8px!important;width:calc(100% - 16px)!important;bottom:80px!important}
}
html[data-theme="dark"] .blog-empty-showcase a,html[data-theme="dark"] .blog-translation-switch,html[data-theme="dark"] .blog-toggle-list label{background:color-mix(in srgb,var(--surface,#201a29) 92%,#000)}
html[data-theme="dark"] .public-mobile-bottom-nav{background:color-mix(in srgb,var(--surface,#211a2a) 93%,transparent);border-color:rgba(255,255,255,.12)}

/* Prevent the horizontally scrollable Blog section tabs from widening the document
   by the legacy -2px mobile bleed. The tab rail itself remains scrollable. */
@media (max-width:768px){
  .blog-admin-tabs{margin-inline:0;padding-inline:2px}
}