/*
=========================================================
Orchid UI Components
Version : 1.0.0
Project : Orchid Competition System
=========================================================
*/

/* =====================================================
   CARD
===================================================== */

.orchid-card{

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:var(--radius-lg);

    box-shadow:var(--shadow-card);

    padding:28px;

}

/* =====================================================
   BUTTON
===================================================== */

.orchid-btn{

    width:100%;

    height:54px;

    border:none;

    border-radius:var(--radius-md);

    cursor:pointer;

    font-family:'Prompt',sans-serif;

    font-size:16px;

    font-weight:600;

    transition:.25s;

}

/* ---------- Primary ---------- */

.orchid-btn-primary{

    background:var(--expo-pink);

    color:#fff;

}

.orchid-btn-primary:hover{

    background:var(--expo-pink-dark);

}

/* ---------- Secondary ---------- */

.orchid-btn-secondary{

    background:#fff;

    color:var(--expo-pink-dark);

    border:1px solid var(--expo-pink);

}

.orchid-btn-secondary:hover{

    background:var(--expo-pink-soft);

}
}

/* =====================================================
   INPUT
===================================================== */

.orchid-input{

    width:100%;

    height:54px;

    border:1px solid var(--border);

    border-radius:var(--radius-md);

    padding:0 18px;

    font-size:16px;

    transition:.25s;

    outline:none;

}

.orchid-input:focus{

    border-color:var(--orchid-primary);

    box-shadow:0 0 0 4px rgba(230,0,141,.15);

}

/* =====================================================
   BADGE
===================================================== */

.orchid-badge{

    display:inline-flex;

    align-items:center;

    padding:6px 14px;

    border-radius:999px;

    font-size:13px;

    font-weight:600;

}

.orchid-badge-success{

    background:#EAF7ED;

    color:#2F7D45;

}

.orchid-badge-danger{

    background:#FCECEC;

    color:#B42318;

}

.orchid-badge-warning{

    background:#FFF8E8;

    color:#B58105;

}
.orchid-auth-layout{

    width:100%;

    max-width:1280px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:100vh;

    padding:60px 24px;

}
/* =====================================================
   AUTH HERO
===================================================== */

.orchid-auth-hero{

    display:flex;

    width:100%;

    justify-content:center;

    align-items:center;

}

@media (min-width:1024px){

    .orchid-auth-layout{

        display:grid;

        grid-template-columns:560px 420px;

        grid-template-rows:auto auto;

        justify-content:center;

        align-items:start;

        gap:32px;

    }

    .orchid-auth-hero{

        grid-column:1;

        grid-row:1 / span 2;

    }

    .orchid-login-card{

        grid-column:2;

        grid-row:1;

        width:420px;

        margin:0;

    }

    .orchid-info-card{

        grid-column:2;

        grid-row:2;

        width:100%;

        max-width:420px;

        margin-top:0;

    }

}
/* =====================================================
   MOBILE AUTH LAYOUT
   STEP 3.10.5.18
===================================================== */

@media (max-width:1023px){

    .orchid-auth-layout{

        width:100%;

        display:flex;

        flex-direction:column;

        justify-content:flex-start;

        align-items:stretch;

        gap:20px;

        min-height:auto;

        padding:24px 14px 40px;

    }

    .orchid-auth-hero{

        display:flex;

        width:100%;

        justify-content:center;

        align-items:center;

        order:1;

    }

    .orchid-hero-card{

        width:100%;

        max-width:560px;

        padding:24px 18px;

        box-sizing:border-box;

    }

    .orchid-login-card{

    width:100%;

    max-width:420px;

    margin:0 auto;

    order:2;

    box-sizing:border-box;

}

    .orchid-info-card{

    width:100%;

    box-sizing:border-box;

    margin-top:24px;

    padding:18px 16px;

    order:3;

}

    .orchid-info-row{

        gap:10px;

    }

}
   .orchid-auth-hero{

    display:flex;

    justify-content:center;

    align-items:center;

}


/* =====================================================
   HERO CARD
===================================================== */

.orchid-hero-card{

    width:560px;

    max-width:100%;

    padding:28px;

    border-radius:32px;

    background:linear-gradient(
        180deg,
        rgba(255,255,255,.75),
        rgba(255,255,255,.55)
    );

    border:1px solid rgba(255,255,255,.65);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    box-shadow:var(--shadow-card);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

}
/* =====================================================
   HERO CONTENT
===================================================== */

.orchid-hero-logo{

    width:260px;

    max-width:80%;

    height:auto;

    margin-bottom:28px;

}

.orchid-hero-title{

    font-size:38px;

    font-weight:700;

    color:var(--text);

    line-height:1.3;

}

.orchid-hero-event{

    margin-top:18px;

    font-size:22px;

    color:var(--orchid-primary);

    font-weight:600;

}

.orchid-hero-location{

    margin-top:10px;

    font-size:18px;

    color:var(--text-light);

}

.orchid-hero-divider{

    width:180px;

    height:6px;

    margin:36px auto;

    border-radius:999px;

    background:linear-gradient(
        90deg,
        var(--orchid-primary),
        var(--expo-gold)
    );

}

.orchid-hero-org{

    font-size:17px;

    color:var(--text-light);

    letter-spacing:.5px;

}
/* =====================================================
   EXPO INFORMATION CARD
===================================================== */

.orchid-info-card{

    width:100%;

    margin-top:32px;

    padding:24px;

    border-radius:20px;

    background:rgba(255,255,255,.78);

    border:1px solid rgba(255,255,255,.65);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    box-shadow:0 8px 24px rgba(0,0,0,.06);

}

.orchid-info-title{

    font-size:18px;

    font-weight:700;

    color:var(--orchid-primary);

    margin-bottom:18px;

    text-align:center;

}

.orchid-info-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:16px;

    margin-bottom:12px;

}

.orchid-info-label{

    color:var(--text-light);

    font-size:15px;

}

.orchid-info-value{

    color:var(--text);

    font-weight:600;

}

.orchid-info-highlight{

    color:var(--expo-gold);

    font-weight:700;

}
/* =====================================================
   CHECKBOX
===================================================== */

.orchid-checkbox{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:4px;

    font-size:14px;

    color:var(--text-light);

    cursor:pointer;

    user-select:none;

}

.orchid-checkbox input[type="checkbox"]{

    width:18px;

    height:18px;

    accent-color:var(--orchid-primary);

    cursor:pointer;

}

.orchid-checkbox:hover{

    color:var(--text);

}
/* =====================================================
   ALERT
===================================================== */

.orchid-alert{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:12px 16px;

    margin-bottom:16px;

    border-radius:12px;

    border:1px solid transparent;

    font-size:13px;

    line-height:1.6;

}

.orchid-alert-title{

    margin-bottom:2px;

    font-size:13px;

}

.orchid-alert-icon{

    font-size:16px;

}

.orchid-alert-content{

    flex:1;

}

.orchid-alert-title{

    font-weight:700;

    margin-bottom:4px;

}

.orchid-alert-message{

    opacity:.92;

}

/* ---------- SUCCESS ---------- */

.orchid-alert-success{

    background:#EAF7ED;

    border-color:#B7E3C2;

    color:#216E39;

}

/* ---------- ERROR ---------- */

.orchid-alert-error{

    background:#FCECEC;

    border-color:#F5B5B5;

    color:#B42318;

}

/* ---------- WARNING ---------- */

.orchid-alert-warning{

    background:#FFF8E8;

    border-color:#FFE2A8;

    color:#9A6700;

}

/* ---------- INFO ---------- */

.orchid-alert-info{

    background:#EEF6FF;

    border-color:#B9D8FF;

    color:#1D4ED8;

}
/* =====================================================
   LINK
===================================================== */

.orchid-link{

    color:var(--orchid-primary);

    font-weight:600;

    text-decoration:none;

    transition:.25s;

    cursor:pointer;

}

.orchid-link:hover{

    text-decoration:underline;

}

.orchid-link-disabled{

    color:#B5B5B5;

    cursor:not-allowed;

    pointer-events:none;

}
.orchid-form-title{
    font-size:32px;
    font-weight:700;
    color:var(--text);
    margin-bottom:8px;
    text-align:center;
	line-height:1.25;
    letter-spacing:-0.3px;
}
.orchid-login-card{

    width:420px;

    margin:0;

}
.orchid-login-logo{

    display:flex;

    justify-content:center;

    margin-top:-36px;

    margin-bottom:16px;

}

.orchid-login-logo-circle{

    width:88px;

    height:88px;

    background:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:var(--shadow-card);

}
/* =====================================================
   HEADER
===================================================== */

.orchid-header-logo{

    width:170px;

    height:auto;

}

.orchid-header-title{

    font-size:22px;

    font-weight:700;

    color:#ffffff;

    line-height:1.1;

}

.orchid-header-subtitle{

    font-size:12px;

    color:rgba(255,255,255,.85);

    letter-spacing:.4px;

}
/* =====================================================
   DESKTOP AUTH INFO POSITION
   STEP 3.10.5.20
===================================================== */

@media (min-width:1024px){

    .orchid-info-card{

        margin-top:0;

    }

}