/* =============================================
   SHOPITOUT — Custom Admin Styles
   ============================================= */

/* Admin color scheme */
#adminmenuback, #adminmenuwrap { background: #0f172a !important; }
#adminmenu, #adminmenu .wp-submenu { background: #0f172a !important; }
#adminmenu a { color: #94a3b8 !important; }
#adminmenu li.menu-top:hover > a,
#adminmenu li.opensub > a,
#adminmenu li.current > a { color: #f97316 !important; background: #1e293b !important; }
#adminmenu .wp-submenu a:hover { color: #f97316 !important; }
#adminmenu li.menu-top:hover,
#adminmenu li.opensub { background: #1e293b !important; }
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu > a { background: #1e293b !important; }
#adminmenu .current .wp-submenu-head { color: #f97316 !important; }
#adminmenu .wp-submenu li.current a { color: #f97316 !important; }
#adminmenu .wp-menu-arrow div { background: #f97316 !important; }

/* Admin bar */
#wpadminbar { background: #0f172a !important; }
#wpadminbar .ab-item, #wpadminbar a.ab-item { color: #94a3b8 !important; }
#wpadminbar .ab-item:hover, #wpadminbar a.ab-item:hover { color: #f97316 !important; background: #1e293b !important; }
#wpadminbar #wp-admin-bar-site-name > .ab-item { color: #f97316 !important; font-weight: 700; }

/* Admin header */
.wp-admin #wphead { background: #1e293b; }
.wp-admin h1, .wp-admin h2 { color: #1e293b; }

/* Buttons */
.wp-admin .button-primary { background: #f97316 !important; border-color: #ea580c !important; border-radius: 6px !important; }
.wp-admin .button-primary:hover { background: #ea580c !important; }

/* =============================================
   SHOPITOUT DASHBOARD WIDGETS
   ============================================= */
.shopitout-wrap { max-width: 1200px; }

.shopitout-header {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
    color: #fff;
    padding: 30px 35px;
    border-radius: 12px;
    margin-bottom: 25px;
    border-left: 5px solid #f97316;
}
.shopitout-header h1 { color: #fff; font-size: 26px; margin: 0 0 8px; }
.shopitout-header p { color: #94a3b8; margin: 0; font-size: 15px; }

/* Stat cards */
.shopitout-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 10px;
}
.stat-card {
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
}
.stat-card.orange { background: linear-gradient(135deg, #f97316, #ea580c); }
.stat-card.blue   { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }
.stat-card.green  { background: linear-gradient(135deg, #22c55e, #15803d); }
.stat-card.purple { background: linear-gradient(135deg, #a855f7, #7e22ce); }
.stat-num { display: block; font-size: 28px; font-weight: 800; }
.stat-label { display: block; font-size: 12px; opacity: 0.85; margin-top: 4px; }

/* Quick links */
.shopitout-quick-links { list-style: none; margin: 0; padding: 0; }
.shopitout-quick-links li { border-bottom: 1px solid #f1f5f9; }
.shopitout-quick-links li:last-child { border-bottom: none; }
.shopitout-quick-links a {
    display: block; padding: 10px 5px;
    color: #1e293b; text-decoration: none; font-size: 14px;
    transition: color 0.2s, padding-left 0.2s;
}
.shopitout-quick-links a:hover { color: #f97316; padding-left: 10px; }

/* User table */
.shopitout-user-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.shopitout-user-table th { background: #f8fafc; padding: 8px 10px; text-align: left; color: #64748b; font-weight: 600; }
.shopitout-user-table td { padding: 8px 10px; border-bottom: 1px solid #f1f5f9; }
.shopitout-user-table a { color: #f97316; text-decoration: none; }
.shopitout-user-table a:hover { text-decoration: underline; }

/* Admin cards */
.shopitout-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}
.shopitout-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.shopitout-card:hover {
    border-color: #f97316;
    box-shadow: 0 4px 15px rgba(249,115,22,.15);
    transform: translateY(-2px);
}
.card-icon { font-size: 36px; }
.card-title { font-size: 15px; font-weight: 600; color: #1e293b; }

/* Settings form */
.shopitout-form-table th { width: 200px; }
.shopitout-form-table input.regular-text {
    border-radius: 6px; border: 1px solid #cbd5e1;
    padding: 8px 12px; width: 350px;
}
.shopitout-form-table input:focus { border-color: #f97316; box-shadow: 0 0 0 1px #f97316; outline: none; }

/* =============================================
   SHOPITOUT REGISTRATION FORM (frontend)
   ============================================= */
.shopitout-register-wrap {
    max-width: 560px;
    margin: 40px auto;
    background: #fff;
    border-radius: 14px;
    padding: 40px;
    box-shadow: 0 4px 30px rgba(0,0,0,.08);
    border-top: 4px solid #f97316;
}
.shopitout-register-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.shopitout-register-form .form-group { margin-bottom: 18px; }
.shopitout-register-form label {
    display: block; font-weight: 600; margin-bottom: 6px;
    color: #1e293b; font-size: 14px;
}
.shopitout-register-form .required { color: #f97316; }
.shopitout-register-form input[type=text],
.shopitout-register-form input[type=email],
.shopitout-register-form input[type=password] {
    width: 100%; padding: 11px 14px;
    border: 1px solid #cbd5e1; border-radius: 8px;
    font-size: 14px; color: #1e293b;
    transition: border-color 0.2s;
    box-sizing: border-box;
}
.shopitout-register-form input:focus {
    border-color: #f97316; outline: none;
    box-shadow: 0 0 0 3px rgba(249,115,22,.1);
}
.shopitout-btn {
    width: 100%; padding: 13px;
    background: #f97316; color: #fff;
    border: none; border-radius: 8px;
    font-size: 16px; font-weight: 700;
    cursor: pointer; transition: background 0.2s;
    margin-top: 5px;
}
.shopitout-btn:hover { background: #ea580c; }
.login-link { text-align: center; margin-top: 15px; color: #64748b; font-size: 14px; }
.login-link a { color: #f97316; font-weight: 600; text-decoration: none; }
.shopitout-alert {
    padding: 12px 16px; border-radius: 8px;
    margin-bottom: 20px; font-size: 14px; font-weight: 500;
}
.shopitout-alert.error { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }
.shopitout-alert.success { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }