/* =========================================================
   WDDOM — FINAL CLEAN LIGHT THEME
   White / Green / Gold
   ========================================================= */

:root{
    --wdd-bg:#f5f7f6;
    --wdd-white:#ffffff;
    --wdd-green:#078a1f;
    --wdd-green-dark:#056d19;
    --wdd-green-soft:#eaf6ed;
    --wdd-gold:#c69a2b;
    --wdd-text:#172019;
    --wdd-text-soft:#526057;
    --wdd-muted:#7a867e;
    --wdd-border:#e1e7e3;
    --wdd-shadow:0 6px 24px rgba(20,45,25,.07);
}

/* =========================
   GLOBAL
   ========================= */

html,
body{
    background:#f5f7f6 !important;
    color:#172019 !important;
}

body{
    font-family:'PT Sans',sans-serif !important;
}

.ossn-page-container,
.ossn-inner-page{
    background:#f5f7f6 !important;
    color:#172019 !important;
}

/* =========================
   TOPBAR
   ========================= */

.topbar,
.ossn-topbar{
    background:#ffffff !important;
    border-bottom:1px solid #e1e7e3 !important;
    box-shadow:0 3px 15px rgba(20,45,25,.06) !important;
}

.topbar a,
.ossn-topbar a{
    color:#172019 !important;
}

.topbar a:hover,
.ossn-topbar a:hover{
    color:#078a1f !important;
}

.site-name a{
    color:#078a1f !important;
    font-weight:800 !important;
}

/* =========================
   MAIN LAYOUT
   ========================= */

.ossn-layout-module{
    background:#ffffff !important;
    border:1px solid #e1e7e3 !important;
    box-shadow:var(--wdd-shadow) !important;
    border-radius:14px !important;
}

.ossn-layout-module .module-title{
    background:#ffffff !important;
    color:#172019 !important;
    border-color:#e1e7e3 !important;
}

.ossn-layout-module .module-contents{
    background:#ffffff !important;
}

/* =========================
   ALL CARDS
   ========================= */

.card,
.ossn-widget,
.ossn-box,
.ossn-panel,
.ossn-module,
.ossn-list-item,
.ossn-page-contents,
.ossn-layout-media .content{
    background:#ffffff !important;
    color:#172019 !important;
    border:1px solid #e1e7e3 !important;
    border-radius:14px !important;
    box-shadow:var(--wdd-shadow) !important;
}

/* Card headers */

.card-header,
.ossn-widget .widget-heading,
.ossn-widget .title,
.ossn-box .title{
    background:#ffffff !important;
    color:#172019 !important;
    border-color:#e1e7e3 !important;
}

/* Card content */

.card-body,
.ossn-widget .widget-contents,
.ossn-box .content,
.ossn-widget .content{
    background:#ffffff !important;
    color:#172019 !important;
}

/* =========================
   TEXT
   ========================= */

h1,
h2,
h3,
h4,
h5,
h6,
.ossn-box-title{
    color:#172019 !important;
}

p{
    color:#526057;
}

.text-muted,
.text-secondary{
    color:#7a867e !important;
}

/* =========================
   LINKS
   ========================= */

a{
    color:#078a1f;
}

a:hover{
    color:#056d19;
}

/* =========================
   BUTTONS
   ========================= */

.btn-primary,
.btn-success,
.ossn-button-submit,
button[type="submit"],
input[type="submit"]{
    background:#078a1f !important;
    border-color:#078a1f !important;
    color:#ffffff !important;
    border-radius:10px !important;
    box-shadow:0 5px 15px rgba(7,138,31,.15) !important;
}

.btn-primary:hover,
.btn-success:hover,
.ossn-button-submit:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
    background:#056d19 !important;
    border-color:#056d19 !important;
}

/* =========================
   FORMS
   ========================= */

.form-control,
.form-select,
input,
textarea,
select{
    background:#ffffff !important;
    color:#172019 !important;
    border:1px solid #d9e1db !important;
    border-radius:10px !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus{
    background:#ffffff !important;
    color:#172019 !important;
    border-color:#078a1f !important;
    box-shadow:0 0 0 3px rgba(7,138,31,.09) !important;
    outline:none !important;
}

::placeholder{
    color:#9aa49d !important;
}

/* =========================
   SIDEBAR
   ========================= */

.ossn-sidebar{
    background:#ffffff !important;
    border-color:#e1e7e3 !important;
}

.ossn-sidebar a{
    color:#526057 !important;
}

.ossn-sidebar a:hover{
    color:#078a1f !important;
    background:#eaf6ed !important;
}

/* =========================
   ACTIVE
   ========================= */

.active,
.ossn-menu-item-active{
    color:#078a1f !important;
}

.ossn-menu-item:hover{
    color:#078a1f !important;
}

/* =========================
   DROPDOWN
   ========================= */

.dropdown-menu{
    background:#ffffff !important;
    border:1px solid #e1e7e3 !important;
    box-shadow:0 12px 30px rgba(20,45,25,.12) !important;
    border-radius:12px !important;
}

.dropdown-item{
    color:#172019 !important;
}

.dropdown-item:hover{
    background:#eaf6ed !important;
    color:#078a1f !important;
}

/* =========================
   LISTS
   ========================= */

.list-group-item{
    background:#ffffff !important;
    color:#172019 !important;
    border-color:#e1e7e3 !important;
}

.list-group-item:hover{
    background:#f8faf9 !important;
}

/* =========================
   TABLES
   ========================= */

.table{
    color:#172019 !important;
    background:#ffffff !important;
}

.table thead th{
    background:#f8faf9 !important;
    color:#172019 !important;
    border-color:#e1e7e3 !important;
}

.table td,
.table th{
    border-color:#e1e7e3 !important;
}

/* =========================
   MODALS
   ========================= */

.modal-content{
    background:#ffffff !important;
    color:#172019 !important;
    border:1px solid #e1e7e3 !important;
    border-radius:16px !important;
    box-shadow:0 20px 50px rgba(20,45,25,.15) !important;
}

.modal-header,
.modal-footer{
    border-color:#e1e7e3 !important;
}

/* =========================
   ALERTS
   ========================= */

.alert{
    background:#ffffff !important;
    color:#172019 !important;
    border:1px solid #e1e7e3 !important;
    border-radius:12px !important;
}

/* =========================
   BADGES
   ========================= */

.badge-success,
.bg-success{
    background:#078a1f !important;
    color:#ffffff !important;
}

.badge-warning,
.bg-warning{
    background:#c69a2b !important;
    color:#ffffff !important;
}

/* =========================
   GOLD
   ========================= */

.text-warning,
.wddom-gold,
.gold{
    color:#c69a2b !important;
}

/* =========================
   ICONS
   ========================= */

.fa,
.fas,
.far,
.fab{
    color:inherit;
}

/* =========================
   STARTUP / LOGIN
   ========================= */

.ossn-startup-wrapper{
    min-height:100vh !important;
    background:#f5f7f6 !important;
}

.ossn-startup-wrapper .glass-signup-card{
    background:#ffffff !important;
    color:#172019 !important;
    border:1px solid #e1e7e3 !important;
    border-radius:20px !important;
    box-shadow:var(--wdd-shadow) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

.ossn-startup-wrapper .signup-title h2{
    color:#172019 !important;
}

.ossn-startup-wrapper .signup-title span{
    color:#078a1f !important;
}

/* =========================
   HOMEPAGE
   ========================= */

.wddom-home,
.wddom-home-inner{
    background:transparent !important;
}

.wddom-home-brand h1{
    color:#172019 !important;
}

.wddom-home-brand h1 span{
    color:#078a1f !important;
}

.wddom-home-brand p{
    color:#526057 !important;
}

.wddom-home-logo{
    background:linear-gradient(135deg,#078a1f,#056d19) !important;
    color:#ffffff !important;
    box-shadow:0 12px 30px rgba(7,138,31,.20) !important;
}

/* =========================
   MOBILE
   ========================= */

@media(max-width:900px){

    .ossn-page-container{
        background:#f5f7f6 !important;
    }

    .card,
    .ossn-widget,
    .ossn-box,
    .ossn-panel,
    .ossn-module{
        border-radius:13px !important;
    }
}

/* =========================
   SCROLLBAR
   ========================= */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-track{
    background:#f5f7f6;
}

::-webkit-scrollbar-thumb{
    background:#b8c5bc;
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
    background:#078a1f;
}

/* =========================
   SELECTION
   ========================= */

::selection{
    background:#078a1f;
    color:#ffffff;
}

/* WDDOM — Registration Card Light */
.ossn-register,
.ossn-register-box,
.ossn-register-container,
.ossn-register-form,
.ossn-register .ossn-layout-module,
.ossn-register .ossn-widget{
    background:#ffffff !important;
    color:#172019 !important;
    border:1px solid #e1e7e3 !important;
    border-radius:18px !important;
    box-shadow:0 8px 30px rgba(20,45,25,.08) !important;
}

.ossn-register input,
.ossn-register select,
.ossn-register textarea{
    background:#f8faf9 !important;
    color:#172019 !important;
    border:1px solid #dce5df !important;
    border-radius:10px !important;
}

.ossn-register input:focus,
.ossn-register select:focus,
.ossn-register textarea:focus{
    background:#ffffff !important;
    border-color:#078a1f !important;
    box-shadow:0 0 0 3px rgba(7,138,31,.10) !important;
}

.ossn-register label{
    color:#172019 !important;
    font-weight:600 !important;
}

.ossn-register button,
.ossn-register input[type="submit"]{
    background:#078a1f !important;
    color:#ffffff !important;
    border:0 !important;
    border-radius:11px !important;
    font-weight:700 !important;
}

.ossn-register button:hover,
.ossn-register input[type="submit"]:hover{
    background:#056d19 !important;
}


/* =========================================
   WDDOM PROFESSIONAL LOGO
   ========================================= */

.wddom-logo{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    text-decoration:none !important;
    direction:ltr !important;
    transition:all .25s ease !important;
}

.wddom-logo:hover{
    text-decoration:none !important;
    transform:translateY(-1px);
}

.wddom-logo-mark{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    background:#078a1f !important;
    color:#ffffff !important;
    border-radius:16px !important;
    font-size:27px !important;
    font-weight:900 !important;
    font-family:Arial, sans-serif !important;
    box-shadow:0 8px 22px rgba(7,138,31,.18);
    overflow:hidden;
}

.wddom-logo-mark:after{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    right:7px;
    top:7px;
    background:#c69a2b;
    border-radius:50%;
}

.wddom-logo-text{
    display:flex !important;
    align-items:baseline !important;
    line-height:1 !important;
    font-family:Arial, sans-serif !important;
    letter-spacing:-1.5px !important;
}

.wddom-logo-text b{
    color:#078a1f !important;
    font-size:34px !important;
    font-weight:900 !important;
}

.wddom-logo-text strong{
    color:#172019 !important;
    font-size:34px !important;
    font-weight:800 !important;
}

.wddom-home-brand{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}

.wddom-home-brand > p{
    margin:12px 0 0 !important;
    color:#7a867e !important;
    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:.2px !important;
}

@media(max-width:600px){

    .wddom-logo{
        gap:9px !important;
    }

    .wddom-logo-mark{
        width:46px;
        height:46px;
        border-radius:13px !important;
        font-size:23px !important;
    }

    .wddom-logo-mark:after{
        width:8px;
        height:8px;
        right:6px;
        top:6px;
    }

    .wddom-logo-text b,
    .wddom-logo-text strong{
        font-size:29px !important;
    }

    .wddom-home-brand > p{
        font-size:13px !important;
        margin-top:9px !important;
    }
}


/* =========================================
   WDDOM PROFESSIONAL LOGO
   ========================================= */

.wddom-logo{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    text-decoration:none !important;
    direction:ltr !important;
    transition:all .25s ease !important;
}

.wddom-logo:hover{
    text-decoration:none !important;
    transform:translateY(-1px);
}

.wddom-logo-mark{
    width:54px !important;
    height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    background:#078a1f !important;
    color:#ffffff !important;
    border-radius:16px !important;
    font-size:27px !important;
    font-weight:900 !important;
    font-family:Arial,sans-serif !important;
    box-shadow:0 8px 22px rgba(7,138,31,.18) !important;
    overflow:hidden !important;
}

.wddom-logo-mark:after{
    content:"" !important;
    position:absolute !important;
    width:10px !important;
    height:10px !important;
    right:7px !important;
    top:7px !important;
    background:#c69a2b !important;
    border-radius:50% !important;
}

.wddom-logo-text{
    display:flex !important;
    align-items:baseline !important;
    line-height:1 !important;
    font-family:Arial,sans-serif !important;
    letter-spacing:-1.5px !important;
}

.wddom-logo-text b{
    color:#078a1f !important;
    font-size:34px !important;
    font-weight:900 !important;
}

.wddom-logo-text strong{
    color:#172019 !important;
    font-size:34px !important;
    font-weight:800 !important;
}

.wddom-home-brand{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}

.wddom-home-brand > p{
    margin:12px 0 0 !important;
    color:#7a867e !important;
    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:.2px !important;
}

@media(max-width:600px){

    .wddom-logo{
        gap:9px !important;
    }

    .wddom-logo-mark{
        width:46px !important;
        height:46px !important;
        border-radius:13px !important;
        font-size:23px !important;
    }

    .wddom-logo-mark:after{
        width:8px !important;
        height:8px !important;
        right:6px !important;
        top:6px !important;
    }

    .wddom-logo-text b,
    .wddom-logo-text strong{
        font-size:29px !important;
    }

    .wddom-home-brand > p{
        font-size:13px !important;
        margin-top:9px !important;
    }
}