/* GlobeGrade — site theme (palette in brand.css) */
@import url('brand.css');

html { scroll-behavior: smooth; }

body.gg-site {
    font-family: var(--gg-font);
    color: var(--gg-text);
    background: var(--gg-gradient-soft);
    -webkit-font-smoothing: antialiased;
}

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

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

body.gg-site .gg-site-header,
body.gg-site .header {
    padding: 10px 0;
    background: var(--gg-surface);
    border-bottom: 1px solid var(--gg-border);
    box-shadow: var(--gg-shadow-sm);
}

body.gg-site .logo img {
    max-width: 150px;
    max-height: 44px;
}

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

body.gg-site .top-call-div ul li a span {
    color: var(--gg-muted);
    font-size: 11px;
    text-transform: uppercase;
}

body.gg-site .top-account-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

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

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

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

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

body.gg-site .navbar-light .navbar-nav .nav-link.active {
    background: rgba(0, 0, 0, .12);
}

body.gg-site .privacy-div-sec,
body.gg-site .div-sec,
body.gg-site .cntct-page-sec {
    padding: clamp(28px, 4vw, 48px) 0;
}

body.gg-site .main-heading h4,
body.gg-site .hm-hed-sec h4 {
    font-weight: 700;
    color: var(--gg-text);
}

body.gg-site .main-heading h4::before {
    background: var(--gg-gradient-h);
    border-radius: 2px;
}

body.gg-site .hm-hed-sec h4::after {
    background: var(--gg-gradient-h);
    border-radius: 2px;
}

body.gg-site .btn.btn-primary,
body.gg-site .btn.btn-info,
body.gg-site .chat-nw-btn {
    border-radius: 6px !important;
    font-weight: 600;
}

body.gg-site .chat-nw-btn {
    background: var(--gg-gradient-h) !important;
    border: 0 !important;
    color: #fff !important;
}

body.gg-site .chat-nw-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(74, 159, 212, .35);
}

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

body.gg-site .listing-profile-hero {
    background: var(--gg-gradient);
    padding: clamp(20px, 4vw, 32px) 0;
    color: #fff;
}

body.gg-site .listing-profile-hero h1,
body.gg-site .listing-profile-hero p,
body.gg-site .listing-profile-hero .hero-inner,
body.gg-site .listing-profile-hero .listing-hero-count,
body.gg-site .listing-profile-hero span,
body.gg-site .listing-profile-hero .allteacher-hero-sub,
body.gg-site .listing-profile-hero .allteacher-hero-meta span {
    color: #fff;
}

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

body.gg-site .home-teacher-modern,
body.gg-site .teacher-box {
    border-radius: var(--gg-radius);
    border: 1px solid var(--gg-border);
    box-shadow: var(--gg-shadow-sm);
    background: var(--gg-surface);
}

body.gg-site .teacher-short-box-section,
body.gg-site .easy-step {
    background: var(--gg-bg);
}

body.gg-site .step-modern,
body.gg-site .hm-quality-box {
    border-radius: var(--gg-radius);
    border: 1px solid var(--gg-border);
    box-shadow: var(--gg-shadow-sm);
    background: var(--gg-surface);
}

body.gg-site .auth-modern-wrap {
    background: var(--gg-bg);
}

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

body.gg-site .cntct-box,
body.gg-site .payment-box-left,
body.gg-site .payment-box-right {
    border-radius: var(--gg-radius);
    border: 1px solid var(--gg-border);
    box-shadow: var(--gg-shadow-sm);
}

body.gg-site .accordion {
    border-radius: var(--gg-radius);
    border: 1px solid var(--gg-border);
    background: var(--gg-surface);
}

body.gg-site section.news-sec {
    padding: 28px 0;
    background: var(--gg-gradient);
}

body.gg-site form.form-subscribe button {
    background: var(--gg-gradient-h);
    color: #fff;
    border: 0;
}

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

body.gg-site section.foot-scl-sec {
    padding: 24px 0;
    background: var(--gg-bg);
}

body.gg-site .foot-scl-div a {
    border: 1px solid var(--gg-border);
    color: var(--gg-primary);
}

body.gg-site .foot-scl-div a:hover {
    background: var(--gg-gradient-h);
    color: #fff;
    border-color: transparent;
}

body.gg-site .copyright {
    padding: 14px 0;
    background: #2d2d2d;
}

body.gg-site .copyright .copy-right-left p,
body.gg-site .copyright .copy-right-right p,
body.gg-site .copyright .copy-right-right a {
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
}

body.gg-site .auth-modal .modal-content {
    border-radius: var(--gg-radius-lg);
    border: 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .12);
}

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

body.gg-site .search-section {
    padding: 32px 0;
    background: var(--gg-gradient);
}

body.gg-site .search-inner-div {
    width: min(100%, 720px);
    padding: 20px;
    border-radius: var(--gg-radius-lg);
    background: var(--gg-surface);
    border: 1px solid var(--gg-border);
    box-shadow: var(--gg-shadow-md);
}

body.gg-site .search-inner-div h2 {
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--gg-text);
    margin-bottom: 14px;
}

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

body.gg-site .accordion.active,
body.gg-site .accordion:hover {
    background: var(--gg-secondary-soft);
    color: var(--gg-primary-dark);
}

body.gg-site .full-profile-sec {
    background: var(--gg-bg);
    padding: clamp(20px, 4vw, 36px) 0;
}

body.gg-site .card-teacher-box,
body.gg-site .profile-desc-box {
    border-radius: var(--gg-radius);
    border: 1px solid var(--gg-border);
    box-shadow: var(--gg-shadow-sm);
}

body.gg-site .popup-btn {
    background: var(--gg-gradient-h) !important;
    border-radius: 6px 6px 0 0;
    font-weight: 600;
}

@media (min-width: 992px) {
    body.gg-site .foot-link-sec { text-align: left; }
}