/* Permah — native community interface */

/* Keep the composer and stories consistent with the Permah palette. */
html.layout-switch { --color-theme-primary:#35684b !important; --color-theme-primary-dark:#234735 !important; --color-theme-primary-light:#e4ecdf !important; }
.permah-community-ui #aw-whats-new-submit,
.permah-community-ui #buddypress .socialv-btn-primary { background:#35684b !important; border-color:#35684b !important; color:#fff !important; text-transform:none; }
.permah-community-ui #aw-whats-new-submit:hover { background:#234735 !important; }
.permah-community-ui .wpstory-add :is(.wpstory-fb-add-icon,.wpstory-add-icon) { background:#35684b; border-color:#35684b; }
.permah-community-ui .wpstory-add svg path[fill="#64B5F6"] { fill:#35684b; }
.permah-community-ui #whats-new { min-height:130px; height:150px; border-radius:14px; padding:16px; }
.permah-community-ui #sidebar-scrollbar .iq-main-menu li.active > a { background:#35684b !important; color:#fff !important; }
@media(max-width:600px) {
  .permah-community-ui #whats-new-form .main-upload-detail { flex-wrap:wrap; gap:12px; }
  .permah-community-ui #whats-new-form .socialv-whats-new-options { flex-wrap:wrap; gap:12px; }
}


/* Sidebar: authentic Permah resources replace the imported SocialV promotion. */
.permah-community-resources { overflow:hidden; border:1px solid #dbe3d7; border-radius:18px; background:#fff; }
.permah-sidebar-photo img { display:block; width:100%; height:175px; object-fit:cover; }
.permah-sidebar-copy { padding:24px; }
.permah-sidebar-copy .permah-sidebar-kicker { margin:0 0 10px; color:#56765c; font:700 11px/1.5 "Segoe UI",sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.permah-sidebar-copy h2 { font-size:21px; line-height:1.3; margin:0 0 14px; }
.permah-sidebar-copy p { font-size:14px; line-height:1.65; margin:0 0 18px; }
.permah-sidebar-copy h3 { font-size:15px; line-height:1.4; margin:26px 0 10px; }
.permah-sidebar-copy nav { display:grid; gap:0; }
.permah-sidebar-copy nav a { display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid #e8ede4; font-size:14px; line-height:1.4; color:#35684b; }
.permah-sidebar-copy nav a:hover { color:#234735; text-decoration:underline; }
.permah-community-ui :is(#buddypress, #sidebar-scrollbar) :is(.socialv-btn-primary,.socialv-btn-outline-primary) { --color-theme-primary:#35684b; }

:root, [data-mode="light"], [data-mode="dark"] {
  --color-theme-primary:#35684b; --color-theme-primary-dark:#234735;
  --color-theme-primary-light:#e4ecdf; --global-font-color:#45564b;
  --global-font-title:#234735; --global-body-bgcolor:#f7f7f1;
  --color-theme-white-box:#fff;
}
.permah-community-ui { background:#f7f7f1; color:#24362c; }
.permah-community-ui .socialv-logo { gap:10px; align-items:center; }
.permah-community-ui .socialv-logo .logo-title { font:750 28px/1.1 "Segoe UI",sans-serif; color:#234735; letter-spacing:-1px; }
.permah-community-ui .socialv-logo .logo { width:40px; height:40px; object-fit:contain; max-height:40px; }
.permah-community-ui #default-header { background:#fff; border-bottom:1px solid #dbe3d7; box-shadow:0 4px 20px #23473506; }
.permah-community-ui #default-header .navbar { min-height:78px; }
.permah-community-ui #default-header .top-menu > li > a { font-size:13px; text-transform:none; letter-spacing:0; padding-left:10px; padding-right:10px; }
.permah-community-ui #sidebar-scrollbar { background:#fff; border-right:1px solid #dbe3d7; box-shadow:none; }
.permah-community-ui .card-main, .permah-community-ui .socialv-card { border:1px solid #dbe3d7; border-radius:18px; box-shadow:0 5px 20px #23473504; }
.permah-community-ui :is(.socialv-btn-primary,.socialv-btn-outline-primary) { border-radius:10px; }
.permah-community-ui .permah-group-directory-intro { margin:0 0 24px; max-width:760px; }
.permah-group-directory-intro .permah-kicker { font-size:12px; text-transform:uppercase; font-weight:700; letter-spacing:.12em; color:#56765c; margin-bottom:8px; }
.permah-group-directory-intro h1 { font-size:clamp(26px,3vw,38px); margin:0 0 10px; }
.permah-group-directory-intro p { line-height:1.65; margin:0; }
.permah-community-ui #groups-list.socialv-groups-lists { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:20px 0 0; }
.permah-community-ui #groups-list.socialv-groups-lists > div { width:100%; max-width:100%; padding:0; margin:0; }
.permah-community-ui #groups-list .socialv-group-info { overflow:hidden; padding-bottom:24px; }
.permah-community-ui #groups-list .top-bg-image { height:156px; background:#dce8d8; margin:0; }
.permah-community-ui #groups-list .cover-img, .permah-community-ui #groups-list .cover-img img { width:100%; height:156px; object-fit:cover; }
.permah-community-ui #groups-list .group-header { padding:0 22px; }
.permah-community-ui #groups-list .group-icon { margin-top:-34px; margin-bottom:14px; position:relative; }
.permah-community-ui #groups-list .group-icon a { display:inline-flex; border:4px solid #fff; border-radius:20px; background:#fff; }
.permah-community-ui #groups-list .group-icon img { width:64px; height:64px; object-fit:cover; }
.permah-group-initial { display:inline-grid; place-items:center; width:64px; height:64px; border-radius:16px; background:#234735; color:#fff; font-size:28px; font-weight:700; }
.permah-community-ui #groups-list .group-name h5 { font-size:20px; line-height:1.35; min-height:54px; margin:0 0 10px; }
.permah-community-ui #groups-list .permah-group-description { padding:0 22px; min-height:68px; margin:0 0 16px; font-size:14px; line-height:1.6; color:#536459; }
.permah-community-ui #groups-list .socialv-group-details { padding:0 12px; }
.permah-community-ui #groups-list .group-member { min-height:24px; margin:8px 0 16px; }
.permah-community-ui #groups-list .permah-group-start { font-size:13px; color:#68776b; }
.permah-group-visit { margin:12px 0; }
.permah-group-visit a { display:inline-block; padding:10px 18px; font-size:14px; text-transform:none; }
.permah-community-ui .socialv-footer { margin-top:48px; padding:0; background:#234735; color:#e5eddf; border-top:1px solid #dbe3d7; }
.permah-community-ui .socialv-footer a { color:#f4f5eb; text-decoration:none; }
.permah-community-ui .socialv-footer a:hover { color:#e7c77d; text-decoration:underline; }
.permah-footer-inner { max-width:1280px; margin:auto; padding:44px 32px 30px; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px; }
.permah-footer-brand { display:flex; align-items:center; gap:12px; font-size:28px; font-weight:750; }
.permah-footer-brand img { width:44px; height:44px; border-radius:10px; }
.permah-footer-about p { max-width:330px; margin:16px 0 0; color:#d0dfd0; line-height:1.65; font-size:14px; }
.socialv-footer .permah-footer-inner h2 { color:#fff; font-size:15px; letter-spacing:.02em; margin:5px 0 18px; }
.permah-footer-inner ul { list-style:none; padding:0; margin:0; }
.permah-footer-inner li { margin:0 0 11px; font-size:14px; }
.permah-footer-bottom { border-top:1px solid #ffffff29; max-width:1216px; margin:auto; padding:20px 0; display:flex; gap:16px; flex-wrap:wrap; justify-content:space-between; font-size:12px; }
.permah-footer-bottom nav { display:flex; flex-wrap:wrap; gap:16px; }
@media(min-width:1500px) { .permah-community-ui #groups-list.socialv-groups-lists { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1199px) { .permah-community-ui #default-header .navbar { min-height:70px; } }
@media(max-width:767px) {
  .permah-community-ui #groups-list.socialv-groups-lists { grid-template-columns:1fr; gap:18px; }
  .permah-community-ui #groups-list .group-name h5, .permah-community-ui #groups-list .permah-group-description { min-height:0; }
  .permah-footer-inner { grid-template-columns:1fr; padding:32px 22px 20px; gap:26px; }
  .permah-footer-bottom { margin:0 22px; padding-bottom:85px; }
}