/*
Theme Name: SocialV Child
Theme URI: https://wordpress.iqonic.design/product/wp/socialv/
Author: iQonic / Permah
Template: socialv
Description: Habillage communautaire Permah, basé sur SocialV.
Version: 2.0.5
Text Domain: socialv
*/

/* PERMAH — draft visual layer, preserving SocialV/BuddyPress layout and behavior */
/* Login page: brand display override while awaiting replacement of SocialV settings */
.authpage .navbar-brand.socialv-logo .logo-title { font-size:0 !important; }
.authpage .navbar-brand.socialv-logo .logo-title::after { content:'Permah ✳'; display:inline-block; font-size:34px; font-weight:750; letter-spacing:-.045em; color:#234735; }
.authpage .navbar-brand.socialv-logo .logo-main { display:none !important; }
.authpage .card-main { border-radius:20px; }
.authpage .socialv-info { color:#35684b; }
.authpage .iqonic-login-form :is(button, input[type='submit']) { background:#35684b !important; border-color:#35684b !important; }

:root {
  --permah-forest: #234735;
  --permah-auth-forest: #234735;
  --permah-green: #35684b;
  --permah-sage: #e4ecdf;
  --permah-paper: #f8f7f1;
  --permah-ink: #24362c;
  --permah-muted: #68776b;
  --permah-line: #dbe3d7;
  --permah-round: 18px;
  --iq-primary: #35684b;
  --iq-primary-light: #e4ecdf;
  --color-theme-primary: #35684b;
}
body { background-color: var(--permah-paper); color: var(--permah-ink); }
body, button, input, textarea, select { font-family: "Segoe UI", "Helvetica Neue", sans-serif; }
h1,h2,h3,h4,h5,h6, .entry-title, .page-title { color: var(--permah-forest); letter-spacing: -.025em; }
a { color: var(--permah-green); }
a:hover, a:focus { color: var(--permah-forest); }
:is(.btn-primary, .button-primary, button[type="submit"], input[type="submit"], .socialv-button, .iq-button) {
  background-color: var(--permah-green);
  border-color: var(--permah-green);
  border-radius: 999px;
}
:is(.btn-primary, .button-primary, button[type="submit"], input[type="submit"]):hover {
  background-color: var(--permah-forest);
  border-color: var(--permah-forest);
}
:is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  border-radius: 12px;
  border-color: var(--permah-line);
}
:is(input, textarea, select):focus-visible, a:focus-visible, button:focus-visible {
  outline: 2px solid var(--permah-green);
  outline-offset: 3px;
}
:is(.card, .widget, .bp-list > li, .buddypress-wrap .item-body, .socialv-blog-box, .iq-card) {
  border-radius: var(--permah-round);
}
:is(.card, .widget, .iq-card) { border-color: var(--permah-line); }
:is(.navbar, .site-header, header#header, .header-default) { background-color: #fff; }
:is(.navbar, .site-header, header#header) { border-bottom: 1px solid var(--permah-line); }
:is(.site-footer, footer#footer) { background: var(--permah-forest); color: #f6f6ed; }
:is(.site-footer, footer#footer) a { color: #e1ebdf; }
::selection { background: #c8dec7; color: #183c27; }
@media (max-width: 767px) {
  :is(.card, .widget, .iq-card) { border-radius: 14px; }
}