/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://selcurve.com
 Description:  SELcurve child theme for GeneratePress
 Author:       SELcurve
 Author URI:   https://selcurve.com
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  generatepress-child
*/

/* =============================================================
   SELcurve Custom CSS
   All brand overrides and custom components live here.
   ============================================================= */

/* --- Brand Primary Fix ------------------------------------ */
/* GeneratePress accent global color (--accent) is set via Customizer.
   These rules ensure #5B9D98 is used consistently where GP defaults may differ. */
:root {
    --sel-teal:      #5B9D98;
    --sel-teal-dark: #205B5A;
    --sel-amber:     #F0A22A;
    --sel-bg:        #F8F7F4;
    --sel-text:      #1C2B2A;
}

a { color: var(--sel-teal-dark); }
a:hover, a:focus { color: var(--sel-amber); }

/* --- Default GP header/footer hide when Elements active --- */
/* GP Elements header replaces the default .site-header.
   If the Element is a hook (footer), hide the default GP footer. */
body.gp-footer-element .site-footer .footer-bar {
    display: none;
}

/* --- Nav Menu Visibility ---------------------------------- */
/* Handled server-side by selcurve-core includes/nav.php.
   Items tagged sc-guests-only / sc-members-only are stripped
   before HTML is rendered — no CSS hiding needed. */

/* --- Nav CTA Button (.sc-nav-btn) ----------------------- */
/* Applied to Get Started (guests) and Dashboard (members). */
.main-navigation .sc-nav-btn > a {
    background: var(--sel-teal-dark);
    color: #fff !important;
    padding: 7px 20px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background .15s;
    display: inline-block;
}
.main-navigation .sc-nav-btn > a:hover {
    background: var(--sel-teal);
    color: #fff !important;
}

/* --- Buttons --------------------------------------------- */
.wp-block-button__link,
.button, button, input[type="submit"] {
    border-radius: 6px;
}

/* --- Member Area Layout ---------------------------------- */
.sel-member-wrap {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

.sel-sidebar {
    width: 220px;
    flex-shrink: 0;
}

.sel-content-area {
    flex: 1;
    min-width: 0;
}

/* --- Dashboard Sidebar Nav (matches selcurve-core.php CSS) */
.sel-db-nav { list-style: none; margin: 0; padding: 0; }
.sel-db-nav li { margin: 0; }
.sel-db-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.sel-db-nav a:hover,
.sel-db-nav a.sel-db-nav--active {
    background: rgba(91,157,152,.12);
    color: var(--sel-teal);
}
.sel-db-nav a.sel-db-nav--current {
    background: var(--sel-teal);
    color: #fff;
    font-weight: 600;
}

/* --- Footer Custom List ---------------------------------- */
.sel-footer-list { list-style: none; margin: 0; padding: 0; }
.sel-footer-list li { margin-bottom: 8px; }

/* --- Responsive ------------------------------------------ */
@media (max-width: 768px) {
    .sel-member-wrap { flex-direction: column; }
    .sel-sidebar { width: 100%; }
}