/**
 * UrbanPro-style — lightweight marketplace theme (loads after style.css)
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&display=swap');

:root {
    --up-radius: var(--gg-radius, 8px);
    --up-shadow: var(--gg-shadow);
    --up-shadow-md: var(--gg-shadow-md);
}

/* Base */
body.gg-site {
    font-family: var(--gg-font) !important;
    color: var(--up-text) !important;
    background: var(--gg-gradient-soft) !important;
    line-height: 1.5;
}

body.gg-site h1, body.gg-site h2, body.gg-site h3, body.gg-site h4, body.gg-site h5 {
    font-family: var(--gg-display) !important;
    font-weight: 700;
    color: var(--up-text);
}

/* Top bar */
body.gg-site .top-head {
    background: var(--gg-gradient-h) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
    padding: 6px 0 !important;
}

body.gg-site .top-head p {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Header — clean white */
body.gg-site .header,
body.gg-site .gg-site-header {
    background: var(--up-surface) !important;
    border-bottom: 1px solid var(--up-border) !important;
    box-shadow: var(--up-shadow) !important;
    padding: 10px 0 !important;
}

body.gg-site .top-call-div ul li a {
    color: var(--up-text) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

body.gg-site .top-account-div ul li a {
    background: var(--gg-gradient-h) !important;
    border: none !important;
    box-shadow: var(--up-shadow) !important;
    border-radius: 6px !important;
    min-width: 90px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    color: #fff !important;
}

body.gg-site .top-account-div ul li:last-child a,
body.gg-site .top-account-div ul li a[href*="payment"] {
    background: var(--gg-gradient-v) !important;
}

/* Nav */
body.gg-site .main-menu {
    background: var(--gg-gradient-h) !important;
    box-shadow: 0 2px 10px rgba(74, 159, 212, .2) !important;
    border-bottom: none !important;
}

body.gg-site .navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 12px 14px !important;
}

body.gg-site .navbar-light .navbar-nav .nav-link:hover {
    color: #fff !important;
    background: rgba(0, 0, 0, .1) !important;
}

body.gg-site .navbar-toggler {
    border-color: rgba(255, 255, 255, .5) !important;
}

/* Buttons */
body.gg-site .btn-primary,
body.gg-site .btn.btn-primary {
    background: var(--gg-gradient-h) !important;
    border-color: var(--gg-primary-dark) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

body.gg-site .btn-success {
    background: var(--gg-gradient-h) !important;
    border-color: var(--gg-primary-dark) !important;
}

body.gg-site .chat-nw-btn,
body.gg-site .popup-btn {
    background: var(--gg-gradient-h) !important;
    border-radius: 6px !important;
    box-shadow: var(--up-shadow) !important;
    font-weight: 700 !important;
    color: #fff !important;
}

/* Search / find tutor pages */
body.gg-site .search-section {
    background: var(--gg-gradient) !important;
    padding: 32px 0 !important;
}

body.gg-site .search-inner-div {
    background: var(--up-surface) !important;
    border: 1px solid var(--up-border) !important;
    box-shadow: var(--up-shadow-md) !important;
    backdrop-filter: none !important;
    border-radius: var(--up-radius) !important;
    padding: 20px !important;
}

body.gg-site .search-inner-div h2 {
    color: var(--up-text) !important;
    font-size: 1.25rem !important;
}

body.gg-site .search-inner-div ul li input {
    border: 1px solid var(--up-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
}

body.gg-site .search-inner-div ul li button {
    background: var(--gg-gradient-h) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
}

/* Listing hero */
body.gg-site .listing-profile-hero {
    background: var(--gg-gradient) !important;
    padding: 24px 0 !important;
}

body.gg-site .listing-profile-hero h1 {
    font-size: clamp(1.25rem, 4vw, 1.75rem) !important;
    font-weight: 700 !important;
}

/* Legacy tutor cards — UrbanPro list style */
body.gg-site .teacher-box,
body.gg-site .home-teacher-modern,
body.gg-site .card-teacher-box {
    background: var(--up-surface) !important;
    border: 1px solid var(--up-border) !important;
    border-radius: var(--up-radius) !important;
    box-shadow: var(--up-shadow) !important;
    margin-bottom: 12px !important;
    padding: 16px !important;
}

body.gg-site .teacher-box:hover,
body.gg-site .home-teacher-modern:hover {
    box-shadow: var(--up-shadow-md) !important;
    border-color: #b8d4f0 !important;
}

body.gg-site .teacher-box h4,
body.gg-site .home-teacher-modern h5,
body.gg-site .card-teacher-box h3 {
    color: var(--up-text) !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

body.gg-site .teacher-box img,
body.gg-site .home-teacher-modern .home-teacher-pic img,
body.gg-site .card-teacher-box img {
    border-radius: var(--up-radius) !important;
    object-fit: cover !important;
}

body.gg-site .home-teacher-box-name {
    background: var(--up-green) !important;
    background-image: none !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
}

body.gg-site .teacher-box .top-subject-box li span,
body.gg-site .home-teacher-box ul li span {
    background: var(--up-green-light) !important;
    color: var(--up-green-dark) !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
}

/* Footer — light & clean */
body.gg-site section.news-sec {
    background: var(--up-green) !important;
    padding: 28px 0 !important;
}

body.gg-site form.form-subscribe button {
    background: var(--up-orange) !important;
    color: #fff !important;
}

body.gg-site section.foot-scl-sec {
    background: var(--up-bg) !important;
}

body.gg-site section.foot-link-sec,
body.gg-site section.seo-ftr-link {
    background: var(--up-surface) !important;
}

body.gg-site .foot-link-sec h4,
body.gg-site .seo-ftr-link h4 {
    color: var(--up-green-dark) !important;
    font-size: 13px !important;
}

body.gg-site .foot-link-sec a:hover,
body.gg-site .seo-ftr-link .foot-link-sec a:hover {
    color: var(--gg-primary-dark) !important;
}

body.gg-site section.news-sec {
    background: var(--gg-gradient) !important;
}

body.gg-site .copyright {
    background: #2d2d2d !important;
    background-image: none !important;
}

/* Sections */
body.gg-site .full-profile-sec,
body.gg-site .teacher-short-box-section,
body.gg-site .easy-step {
    background: var(--up-bg) !important;
}

body.gg-site .main-heading h4::before,
body.gg-site .hm-hed-sec h4::after {
    background: var(--gg-gradient-h) !important;
}

body.gg-site .step-modern,
body.gg-site .hm-quality-box,
body.gg-site .cntct-box,
body.gg-site .profile-desc-box {
    border: 1px solid var(--up-border) !important;
    border-radius: var(--up-radius) !important;
    box-shadow: var(--up-shadow) !important;
}

body.gg-site .accordion.active,
body.gg-site .accordion:hover {
    background: var(--up-green-light) !important;
    color: var(--up-green-dark) !important;
}

/* Auth */
body.gg-site .auth-modern-wrap {
    background: var(--up-bg) !important;
}

body.gg-site .auth-modern-card {
    border: 1px solid var(--up-border) !important;
    box-shadow: var(--up-shadow-md) !important;
}

body.gg-site .auth-modal .btn-primary {
    background: var(--gg-gradient-h) !important;
}

/* Forms */
body.gg-site .form-control {
    border-radius: 6px !important;
    border-color: var(--up-border) !important;
}

body.gg-site .form-control:focus {
    border-color: var(--gg-brand) !important;
    box-shadow: 0 0 0 3px rgba(124, 187, 232, .35) !important;
}

/* Owl carousel arrows */
body.gg-site .owl-prev span,
body.gg-site .owl-next span {
    color: var(--gg-primary-dark) !important;
}

/* Mobile sticky CTA area */
body.gg-site .request-tutor-sidebar a {
    background: var(--up-green) !important;
}

@media (max-width: 991.98px) {
    body.gg-site .popup-btn {
        display: none !important;
    }
}

/* Global signup sidebar — see tutor-signup-sidebar.css */