/*
Theme Name: Guildly Community
Theme URI: https://example.com/guildly
Author: Guildly
Description: Responsive, dark teal WordPress theme prepared for a BuddyPress gaming community.
Version: 0.1.1
Requires at least: 6.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: guildly
*/

:root{color-scheme:dark;--g-bg:#0a1011;--g-panel:#121c1e;--g-panel-2:#192729;--g-line:#26383a;--g-text:#edf4f3;--g-muted:#a2acab;--g-soft:#818b8a;--g-teal:#72d8cd;--g-teal-dark:#173b38;--g-radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--g-bg);color:var(--g-text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--g-teal)}button,input,textarea,select{font:inherit}button{cursor:pointer}.g-skip-link{position:absolute;left:-9999px;top:10px;z-index:20;padding:10px 14px;background:var(--g-teal);color:#10201f}.g-skip-link:focus{left:10px}.g-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.g-header{position:sticky;top:0;z-index:10;border-bottom:1px solid #26383ad9;background:#0a1011ed;backdrop-filter:blur(16px)}.g-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.g-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.6px}.g-brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#a0eee5,#287d78);color:#10201f;font-size:23px;font-weight:850;box-shadow:0 0 22px #56c8bd38}.g-brand-dot{color:var(--g-teal)}.g-nav{display:flex;align-items:center;gap:7px}.g-nav a{padding:9px 12px;border-radius:9px;color:var(--g-muted);font-size:14px;font-weight:600}.g-nav a:hover,.g-nav a.current-menu-item{background:var(--g-panel);color:var(--g-text)}.g-nav-cta,.g-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:10px;background:var(--g-teal);color:#10201f;font-size:13px;font-weight:800;transition:transform .15s ease,background .15s ease}.g-nav-cta:hover,.g-button:hover{transform:translateY(-1px);background:#8be4db;color:#10201f}.g-button-secondary{border-color:var(--g-line);background:var(--g-panel);color:var(--g-text)}.g-main{min-height:75vh}.g-footer{margin-top:70px;padding:28px 0;border-top:1px solid var(--g-line);color:var(--g-soft);font-size:12px}.g-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.g-hero{position:relative;overflow:hidden;margin:34px auto 22px;padding:clamp(28px,6vw,70px);border:1px solid #2b4c49;border-radius:24px;background:radial-gradient(ellipse at 85% 5%,#63d4c529,transparent 35%),linear-gradient(130deg,#142827,#11191b 58%,#19272a)}.g-hero:after{position:absolute;right:-100px;bottom:-190px;width:430px;height:430px;border:1px solid #72d8cd18;border-radius:50%;box-shadow:0 0 0 34px #72d8cd08,0 0 0 70px #72d8cd06;content:"";pointer-events:none}.g-eyebrow{margin:0 0 9px;color:var(--g-teal);font-size:11px;font-weight:800;letter-spacing:1.4px}.g-hero h1{max-width:700px;margin:0;font-size:clamp(34px,6vw,58px);line-height:1.05;letter-spacing:-1.8px}.g-hero h1 span{color:var(--g-teal)}.g-hero-copy{max-width:570px;margin:17px 0 23px;color:#c1cecc;font-size:16px}.g-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.g-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;color:var(--g-muted);font-size:12px}.g-proof span{padding:6px 10px;border:1px solid #344746;border-radius:20px;background:#0d1718}.g-section{margin:26px 0 0}.g-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.g-section-head h2{margin:0;font-size:21px;letter-spacing:-.4px}.g-section-head p{margin:4px 0 0;color:var(--g-muted);font-size:13px}.g-text-link{color:var(--g-teal);font-size:13px;font-weight:700}.g-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.g-card{overflow:hidden;border:1px solid var(--g-line);border-radius:var(--g-radius);background:linear-gradient(155deg,#141e20,#101719);transition:border-color .15s ease,transform .15s ease}.g-card:hover{transform:translateY(-2px);border-color:#3c615e}.g-card-cover{height:100px;display:flex;align-items:end;padding:13px;background:radial-gradient(ellipse at 80% 10%,#79dad04a,transparent 45%),linear-gradient(120deg,#153c3a,#20303a)}.g-card-cover.g-dawn{background:radial-gradient(ellipse at 80% 10%,#ffbb8350,transparent 45%),linear-gradient(120deg,#543733,#2d3445)}.g-card-cover.g-forest{background:radial-gradient(ellipse at 80% 10%,#b1de8a45,transparent 45%),linear-gradient(120deg,#244a38,#273931)}.g-card-icon{font-size:27px}.g-card-body{padding:15px}.g-card-body h3{margin:0;font-size:17px}.g-card-body p{margin:6px 0 14px;color:var(--g-muted);font-size:13px}.g-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--g-soft);font-size:11px}.g-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.g-feature{padding:17px;border:1px solid var(--g-line);border-radius:14px;background:var(--g-panel)}.g-feature-icon{width:37px;height:37px;display:grid;place-items:center;margin-bottom:12px;border-radius:11px;background:var(--g-teal-dark);font-size:19px}.g-feature h3{margin:0 0 5px;font-size:15px}.g-feature p{margin:0;color:var(--g-muted);font-size:12px}.g-content{padding:34px 0 12px}.g-content h1,.g-content h2{letter-spacing:-.6px}.g-content a:not(.g-button){color:var(--g-teal)}.g-content article,.g-content .bp-wrap{max-width:850px;margin:0 auto}.g-content .entry-content{color:#d7e2e0}.g-content input,.g-content textarea,.g-content select{max-width:100%;padding:10px 12px;border:1px solid var(--g-line);border-radius:9px;background:#0e1516;color:var(--g-text)}.g-content input[type=submit],.g-content button{padding:10px 15px;border:0;border-radius:9px;background:var(--g-teal);color:#10201f;font-weight:750}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}
@media(max-width:800px){.g-header-inner{min-height:62px}.g-nav{gap:0}.g-nav a{padding:8px;font-size:12px}.g-nav-cta{min-height:37px;padding:0 11px;font-size:11px}.g-card-grid,.g-feature-grid{grid-template-columns:1fr 1fr}.g-hero{margin-top:18px;border-radius:18px}}
@media(max-width:560px){.g-wrap{width:min(100% - 26px,1160px)}.g-header-inner{flex-wrap:wrap;padding:11px 0}.g-nav{order:3;width:100%;justify-content:space-between}.g-nav a{font-size:11px}.g-nav-cta{margin-left:auto}.g-hero{padding:28px 21px}.g-hero h1{font-size:37px;letter-spacing:-1.2px}.g-hero-copy{font-size:14px}.g-card-grid,.g-feature-grid{grid-template-columns:1fr}.g-card-cover{height:82px}.g-section-head h2{font-size:18px}.g-footer-inner{align-items:start;flex-direction:column}}


/* BuddyPress profile forms: compact, high contrast and aligned with Guildly's dark teal palette. */
.bp-page-content #buddypress #profile-edit-form .editfield,
.bp-page-content #buddypress #profile-edit-form fieldset,
.bp-page-content #buddypress .standard-form .field-visibility-settings,
.bp-page-content #buddypress .standard-form .field-visibility-settings-toggle {
  color: var(--g-text);
}
.bp-page-content #buddypress #profile-edit-form .editfield {
  margin: 0 0 14px;
  padding: clamp(13px, 2.3vw, 20px);
  border: 1px solid var(--g-line);
  border-radius: 13px;
  background: linear-gradient(155deg, #141e20, #101719) !important;
}
.bp-page-content #buddypress #profile-edit-form .editfield > label,
.bp-page-content #buddypress #profile-edit-form .editfield legend,
.bp-page-content #buddypress #profile-edit-form .editfield .description,
.bp-page-content #buddypress #profile-edit-form .editfield p,
.bp-page-content #buddypress #profile-edit-form .editfield .field-visibility-settings-toggle { color: var(--g-text) !important; }
.bp-page-content #buddypress #profile-edit-form .editfield .description,
.bp-page-content #buddypress #profile-edit-form .editfield .field-visibility-settings-toggle { color: var(--g-muted) !important; font-size: 12px; }
.bp-page-content #buddypress #profile-edit-form .editfield input:not([type="checkbox"]):not([type="radio"]),
.bp-page-content #buddypress #profile-edit-form .editfield textarea,
.bp-page-content #buddypress #profile-edit-form .editfield select {
  width: 100%; max-width: 100%; border: 1px solid #344746 !important; border-radius: 9px; background: #0d1516 !important; color: var(--g-text) !important; padding: 10px 12px;
}
.bp-page-content #buddypress #profile-edit-form .editfield textarea { min-height: 104px; resize: vertical; }
.bp-page-content #buddypress #profile-edit-form .editfield input[type="checkbox"],
.bp-page-content #buddypress #profile-edit-form .editfield input[type="radio"] { width: 17px; height: 17px; flex: 0 0 17px; margin: 2px 0 0; accent-color: var(--g-teal); }
.bp-page-content #buddypress #profile-edit-form .field_type_checkbox .input-options,
.bp-page-content #buddypress #profile-edit-form .field_type_multiselectbox .input-options { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 215px), 1fr)); gap: 7px; margin-top: 9px; }
.bp-page-content #buddypress #profile-edit-form .field_type_checkbox .input-options label,
.bp-page-content #buddypress #profile-edit-form .field_type_multiselectbox .input-options label { display: flex; align-items: flex-start; gap: 8px; min-width: 0; margin: 0; padding: 8px 10px; border: 1px solid var(--g-line); border-radius: 9px; background: #192729 !important; color: var(--g-text) !important; font-size: 13px; line-height: 1.4; }
.bp-page-content #buddypress #profile-edit-form .editfield .field-visibility-settings { margin-top: 8px; padding: 9px 11px; border: 1px solid var(--g-line); border-radius: 9px; background: #0d1516 !important; }
.bp-page-content #buddypress #profile-edit-form .editfield .field-visibility-settings a,
.bp-page-content #buddypress #profile-edit-form .editfield a { color: var(--g-teal); }
@media (max-width: 560px) { .bp-page-content #buddypress #profile-edit-form .field_type_checkbox .input-options, .bp-page-content #buddypress #profile-edit-form .field_type_multiselectbox .input-options { grid-template-columns: 1fr; } }


/* Correct BuddyPress Nouveau selectors for profile editor pages. */
body.profile-edit #buddypress #profile-edit-form .editfield { margin: 0 0 14px !important; padding: 16px !important; border: 1px solid var(--g-line) !important; border-radius: 13px !important; background: linear-gradient(155deg,#141e20,#101719) !important; color: var(--g-text) !important; }
body.profile-edit #buddypress #profile-edit-form .editfield legend,
body.profile-edit #buddypress #profile-edit-form .editfield label,
body.profile-edit #buddypress #profile-edit-form .editfield p { color: var(--g-text) !important; }
body.profile-edit #buddypress #profile-edit-form .editfield .description { color: var(--g-muted) !important; font-size: 12px; }
body.profile-edit #buddypress #profile-edit-form .editfield .input-options { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(min(100%,215px),1fr)); gap: 7px; margin-top: 9px; }
body.profile-edit #buddypress #profile-edit-form .editfield .input-options label { display: flex !important; align-items: flex-start; gap: 8px; min-width: 0; margin: 0 !important; padding: 8px 10px !important; border: 1px solid var(--g-line) !important; border-radius: 9px !important; background: #192729 !important; color: var(--g-text) !important; font-size: 13px; line-height: 1.4; }
body.profile-edit #buddypress #profile-edit-form .editfield input[type="checkbox"],
body.profile-edit #buddypress #profile-edit-form .editfield input[type="radio"] { width: 17px; height: 17px; flex: 0 0 17px; margin: 2px 0 0; accent-color: var(--g-teal); }
body.profile-edit #buddypress #profile-edit-form .editfield input:not([type="checkbox"]):not([type="radio"]),
body.profile-edit #buddypress #profile-edit-form .editfield textarea,
body.profile-edit #buddypress #profile-edit-form .editfield select { width: 100%; max-width: 100%; border: 1px solid #344746 !important; border-radius: 9px; background: #0d1516 !important; color: var(--g-text) !important; padding: 10px 12px; }
@media(max-width:560px){body.profile-edit #buddypress #profile-edit-form .editfield .input-options{grid-template-columns:1fr;}}

body.profile-edit #buddypress #profile-edit-form .editfield .description { display:block; padding:0 !important; background:transparent !important; color:var(--g-muted) !important; }


/* Public BuddyPress profiles use the same dark teal surface as the landing page. */
body.buddypress #buddypress .profile-fields { width:100%; border:1px solid var(--g-line); border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:14px; background:linear-gradient(155deg,#141e20,#101719); }
body.buddypress #buddypress .profile-fields tr,
body.buddypress #buddypress .profile-fields th,
body.buddypress #buddypress .profile-fields td { background:transparent !important; color:var(--g-text) !important; border-color:var(--g-line) !important; }
body.buddypress #buddypress .profile-fields th { width:30%; font-weight:700; color:#b9cfcc !important; }
body.buddypress #buddypress .profile-fields th, body.buddypress #buddypress .profile-fields td { padding:16px 18px; }
body.buddypress #buddypress .profile-fields tr + tr th, body.buddypress #buddypress .profile-fields tr + tr td { border-top:1px solid var(--g-line) !important; }
body.buddypress #buddypress .profile-fields a { color:var(--g-teal) !important; font-weight:650; }
body.buddypress #buddypress .bp-navs { border:1px solid var(--g-line) !important; border-radius:12px; background:#101819 !important; box-shadow:none !important; }
body.buddypress #buddypress .bp-navs li a { color:var(--g-muted) !important; border-radius:8px; }
body.buddypress #buddypress .bp-navs li.current a, body.buddypress #buddypress .bp-navs li.selected a { background:#173b38 !important; color:var(--g-text) !important; }
body.buddypress #buddypress .bp-navs li a:hover { background:#192729 !important; color:var(--g-teal) !important; }
body.buddypress #buddypress .profile h2 { color:var(--g-text); margin-bottom:14px; }
body.profile-edit #buddypress #profile-edit-form .description { display:block; padding:0 !important; background:transparent !important; color:var(--g-muted) !important; }
@media(max-width:600px){body.buddypress #buddypress .profile-fields th,body.buddypress #buddypress .profile-fields td{display:block;width:100%;padding:10px 13px;}body.buddypress #buddypress .profile-fields th{padding-bottom:2px;}body.buddypress #buddypress .profile-fields td{padding-top:3px;}}