/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme.
Version:            10.8.2
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage
License:            MIT License
License URI:        https://opensource.org/licenses/MIT
Requires PHP:       8.1
Requires at least:  5.9
*/


/* noam8080 changes: */

body {
    --nick-purple: #501267;
    --nick-orange: #FF6700;
    --orange-gradient: linear-gradient(180deg, #FF9500 0%, #FF6700 45%, #F63B07 100%);
    --box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
    overflow-x: hidden;
}

.text-bold { font-weight: 700; }

.text-orange { color:var(--nick-orange); }
.text-white { color:white; }
.orange-gradient { background:var(--orange-gradient); }

.weight-600 { font-weight: 600; }

header.fixed { position:sticky; }
body.admin-bar header.fixed { top:32px; }
body.admin-bar #app { min-height: calc(100vh - 32px); }

#app { min-height: 100vh; display: flex; flex-direction: column; }
#main { flex-grow: 1; position:relative; }

.no-text-transform { text-transform: none !important; }

@media (max-width:782px) {
    body.admin-bar header.fixed { top:46px; }
    body.admin-bar #app { min-height: calc(100vh - 46px); }
}
@media (max-width:600px) {
    #wpadminbar { position: fixed; }
}

.underline, a.underline { text-decoration: underline; }
.line-through { text-decoration: line-through; }

.mt-12{margin-top:3rem}
.mt-8{margin-top:2rem}
.mt-6{margin-top:1.5rem}
.mt-4{margin-top:1rem}
.mt-2{margin-top:0.5rem}
.mt-1{margin-top:0.25rem}
.mt-0{margin-top:0}

.mb-24 { margin-bottom: 7rem; }
.mb-4 { margin-bottom:1rem; }
.mb-0 { margin-bottom:0; }

.pt-5 { padding-top: 1.25rem; }
.pt-1 { padding-top: 0.25rem; }

.size-20 { font-size:20px; }
.size-18 { font-size:18px; }
.size-14 { font-size:14px; }
.size-12 { font-size:12px; }

.font-mon-extrabold {font-family:Montserrat-Bold,sans-serif; font-weight:800; }

.rtl { direction: rtl; }
.ltr { direction: ltr; }

.rtl .nick-select { background-position: left 20px top 50%; }
.rtl .\!text-left { text-align: right !important; }
.rtl .me-5 { margin-right:0; margin-inline-end:1.25rem; }
.rtl .pr-10 { padding-right:0; padding-inline-end: 2.5rem; }
.me-2 { margin-inline-end:0.5rem; }

.rtl input[type="email"],
.rtl input[type="tel"],
.rtl input[type="number"] { direction:ltr; text-align: right; }

@media (min-width:1024px) {
    .lg\:.mb-24 { margin-bottom: 7rem; }
    .lg\:.mb-0 { margin-bottom:0; }
}

@media (max-width:782px) {
    .mobile-size-10 { font-size:10px; }
    .orange-btn.mobile-size-10 { padding:0.3rem .5rem; }
}

.orange-btn.size-18,
.orange-btn.size-20 { padding:.6em 1em; }

.transparent-btn {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    border-radius: 300px;
    font-weight: 600;
    border:1px solid;
    color:var(--nick-orange);
    padding:.6em 1em;
    line-height: 1.25rem;
    font-size: .875rem;
}
.transparent-btn:hover { --tw-translate-y: -0.5rem; }

.corner-top-left { position: absolute; left: 0; top: 0; width: 300px; z-index: -1; transform:translateY(-30%) !important; max-width: 48vw; }
.corner-top-right { position: absolute; right: 0; top: -80px; width: 300px; transform:scaleX(-100%); z-index: -1; max-width: 48vw; }

.boy-bottom-right { position: absolute; right: 0; bottom: 0; z-index: -1; max-width:60vw; }
.boy-bottom-left { position: absolute; left: 0; bottom: 0; transform:scaleX(-100%); z-index: -1; max-width:60vw; }

.ball-bottom-left { position: absolute; left: 0; bottom: 40px; width: 160px; z-index: -1; max-width:26vw; }
.ball-bottom-right { position: absolute; right: 0; bottom: 40px; width: 160px; transform:scaleX(-100%); z-index: -1; max-width:26vw; }

.partner-main-container { background: #2CD5C4; max-width:min(1170px,95%); border-radius: 40px; color: white; position:relative;
    padding:40px 170px 10px; }

@media (min-width:901px) {
    .deco-garfield { position: absolute; bottom: -52px; right: -70px; }
    .deco-lab-boy { position: absolute; bottom: 4px; left: -100px; }
}

@media (max-width:900px) {
    .partner-main-container { padding: 40px 15px 40px; }
    .deco-garfield { position: absolute; bottom: -102px; left: -60px; transform: scaleX(-1); width: 146px; }
    .deco-lab-boy { position: absolute; bottom: -86px; right: -70px; transform: scaleX(-1); width: 127px; }
}

/*home: */
.bg-\[url\(\'https\:\/\/nick-academy\.maven-dev\.co\.il\/app\/uploads\/2025\/02\/PurpleTexture\.png\'\)\] {
    background-image: url('https://nick.academy/app/uploads/2025/02/PurpleTexture.png');
}

.dashboard-form { width:100%; max-width:300px; margin:30px auto; }
/*.dashboard-form input:is([type="text"],[type="email"],[type="password"]) {
    border: 1px solid var(--nick-purple); border-radius: 5px; padding:0.7em 1.2em; display: block; width: 100%; margin: 0 0 2rem;
    box-shadow: var(--box-shadow);
}*/

.form-response,
.dashboard-form .form-response { display:none; text-align:center; font-weight: 700; color: var(--nick-orange); }
.form-response a { text-decoration: underline; }
.rtl .form-response {font-family:Noto-Sans-Heb,sans-serif}

.grid input:is([type="text"],[type="email"],[type="password"]) { margin:0; }

input[type="submit"] { cursor:pointer; }

/* register-page: */
.dashboard-form.dashboard-register-form { max-width:850px; }

/* dashboard page: */
.dashboard-container { position:unset; }
.dashboard-container iframe { position: absolute; left: 0; top: 0; width:100%; height:100%; display:block; border:none; }


body:not(.dash-logged-out) .header-user-container-logged-out { display:none; }
body:not(.dash-logged-in) .header-user-container-logged-in { display:none; }

#mobile-navbar .login-button .user-menu-header { display:none; }

@media (min-width:783px) {
    .header-right .login-button .user-menu-header { display:none; }
}
@media (max-width:782px) {
    .header-right .login-button button { display:none; }
}

.header-user-container-logged-in { display: flex; gap: 0.5rem; }
.header-user-container-logged-in .user-menu { position:relative; }
.user-menu:not(.on) .user-menu-inner { display:none; }
.header-user-container-logged-in .user-menu-header { cursor:pointer; font-weight: 600; }
.header-user-container-logged-in .user-menu-inner { display:grid; gap:0.5rem; text-align:center; position:absolute; left: 50%; transform: translateX(-50%); top: 140%; background: white; padding: 10px;
    border: 1px solid; box-shadow: 1px 2px; white-space: nowrap; }
.sign-out-trigger { cursor: pointer ;}

.user-menu-header { display: flex; align-items: center; gap: 0.2rem; }
.user-menu-header-text { line-height:1.3; font-weight: 600; }
.user-menu-header-text .sign-out-trigger:hover { text-decoration: underline; }

@media (max-width:782px) {
    .header-user-container-logged-in .user-menu-inner { transform:none; left:auto; right:-1rem; }
}

.spinner { display:none; }
.loading .spinner {
    display:block;
    border: 5px solid transparent;
    border-top: 5px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin:1rem auto;
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}