/* ============================================================
   LIGA HOCKEY DEL ESTE — THEME
   Bootstrap 3 override  ·  Orange & White
   ============================================================ */

:root {
    --or:    #e8620a;
    --or-dk: #c2410c;
    --or-dkr:#7c2d12;
    --or-lt: #fed7aa;
    --or-xlt:#fff7ed;
    --white: #ffffff;
    --bg:    #f8f5f0;
    --txt:   #1f2937;
    --txt-m: #374151;
    --txt-l: #6b7280;
    --bdr:   #e8d5c0;
    --shd:   rgba(180,70,0,.09);
}

/* ─── Base ─────────────────────────────────────── */
body { background:var(--bg); color:var(--txt); font-family:'Raleway',sans-serif; }
a { color:var(--or-dk); }
a:hover { color:var(--or-dkr); }

/* ─── Navbar ───────────────────────────────────── */
.navbar-default {
    background:linear-gradient(135deg,#0f0500 0%,#2a0e02 55%,#3d1a04 100%) !important;
    border:none !important;
    box-shadow:0 3px 14px rgba(0,0,0,.4);
    min-height:64px;
}
.navbar-default .navbar-header { height:64px; }
.navbar-default .navbar-brand {
    color:#fff !important;
    font-weight:800;
    font-size:16px;
    letter-spacing:1px;
    line-height:64px;
    padding:0 18px;
}
.navbar-default .navbar-nav > li > a {
    color:#fcd9b0 !important;
    font-weight:600;
    font-size:13px;
    padding:22px 13px;
    transition:color .15s, background .15s;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color:#fff !important;
    background:rgba(232,98,10,.3) !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
    color:#fff !important;
    background:var(--or) !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
    color:#fff !important;
    background:rgba(232,98,10,.45) !important;
}
/* Dropdown */
.navbar-default .navbar-nav .dropdown-menu {
    background:#2a0e02;
    border:1px solid #5a2006;
    border-radius:7px;
    margin-top:0;
    box-shadow:0 6px 20px rgba(0,0,0,.35);
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
    color:#fcd9b0;
    font-size:13px;
    padding:8px 18px;
    font-weight:500;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover {
    background:var(--or);
    color:#fff;
}
/* Mobile toggle */
.navbar-default .navbar-toggle { border-color:var(--or); margin-top:14px; }
.navbar-default .navbar-toggle .icon-bar { background:var(--or); }
.navbar-default .navbar-toggle:hover { background:var(--or); }
.navbar-default .navbar-toggle:hover .icon-bar { background:#fff; }
/* Right side user dropdown */
.navbar-default .navbar-right .dropdown-menu {
    right:0; left:auto;
}

/* ─── Panel / Card ─────────────────────────────── */
.panel {
    border:1px solid var(--bdr);
    border-radius:10px;
    box-shadow:0 2px 14px var(--shd);
    overflow:hidden;
    margin-bottom:22px;
}
.panel-body { background:#fff; }
.panel-default > .panel-heading {
    background:linear-gradient(90deg,var(--or-dkr),var(--or-dk),var(--or));
    color:#fff !important;
    border-bottom:2px solid var(--or-lt);
    border-radius:0;
    padding:12px 18px;
}
.panel-default > .panel-heading .panel-title,
.panel-default > .panel-heading h3 {
    color:#fff !important;
    font-weight:700;
    font-size:14px;
    letter-spacing:.5px;
}
.panel-primary > .panel-heading {
    background:linear-gradient(90deg,var(--or-dkr),var(--or));
    color:#fff !important;
}
.panel-success > .panel-heading { background:linear-gradient(90deg,#14532d,#16a34a); color:#fff!important; }
.panel-info    > .panel-heading { background:linear-gradient(90deg,#1e3a5f,#2563eb); color:#fff!important; }
.panel-danger  > .panel-heading { background:linear-gradient(90deg,#7f1d1d,#dc2626); color:#fff!important; }

/* ─── AdminLTE .box ────────────────────────────── */
.box {
    border-radius:10px;
    border:1px solid var(--bdr);
    box-shadow:0 2px 14px var(--shd);
    background:#fff;
    margin-bottom:22px;
    overflow:hidden;
}
.box-primary  { border-top:3px solid var(--or); }
.box-success  { border-top:3px solid #16a34a; }
.box-info     { border-top:3px solid #2563eb; }
.box-danger   { border-top:3px solid #dc2626; }
.box-warning  { border-top:3px solid #f59e0b; }
.box-header {
    background:linear-gradient(90deg,var(--or-dkr),var(--or-dk));
    color:#fff;
    padding:12px 18px;
    display:flex;
    align-items:center;
    gap:8px;
    border-bottom:2px solid var(--or);
}
.box-header.with-border { border-bottom:2px solid var(--or); }
.box-title { color:#fff !important; font-weight:700; font-size:14px; letter-spacing:.3px; }
.box-title i { color:var(--or-lt); margin-right:5px; }
.box-body { padding:16px; }
.no-padding .box-body { padding:0; }
/* box con header de otro color */
.box-success .box-header { background:linear-gradient(90deg,#14532d,#16a34a); border-bottom-color:#4ade80; }
.box-info    .box-header { background:linear-gradient(90deg,#1e3a5f,#2563eb); border-bottom-color:#93c5fd; }
.box-danger  .box-header { background:linear-gradient(90deg,#7f1d1d,#dc2626); border-bottom-color:#fca5a5; }
.box-warning .box-header { background:linear-gradient(90deg,#78350f,#d97706); border-bottom-color:#fcd34d; }

/* ─── Content headings ─────────────────────────── */
.content { padding:10px 15px; }
.content-header { padding:10px 15px 5px; }
.content-header h1 { color:var(--or-dkr); font-weight:800; font-size:22px; margin:6px 0 4px; }
.content-header h1 small { color:var(--txt-l); font-size:14px; font-weight:400; }

/* ─── Tables ───────────────────────────────────── */
.table { margin-bottom:0; }
.table > thead > tr > th {
    background:linear-gradient(90deg,var(--or-dkr),var(--or-dk));
    color:#fff;
    font-weight:700;
    font-size:11px;
    letter-spacing:.8px;
    text-transform:uppercase;
    border:none !important;
    border-bottom:2px solid var(--or) !important;
    padding:10px 10px;
    white-space:nowrap;
}
.table > tbody > tr > td {
    border-color:#f0e4d7 !important;
    padding:9px 10px;
    vertical-align:middle;
    color:var(--txt-m);
    font-size:13px;
}
.table > tfoot > tr > th,
.table > tfoot > tr > td { border-color:#f0e4d7 !important; }
.table-striped > tbody > tr:nth-of-type(odd)  { background:#fffbf7; }
.table-striped > tbody > tr:nth-of-type(even) { background:#fff; }
.table-hover > tbody > tr:hover { background:var(--or-xlt) !important; }
.table-bordered { border-color:#f0e4d7 !important; }
.table-bordered > thead > tr > th { border-color:var(--or-dk) !important; }
.table-bordered > tbody > tr > td { border-color:#f0e4d7 !important; }
.table-responsive { border:none; }

/* ─── Buttons ──────────────────────────────────── */
.btn { border-radius:7px; font-weight:600; font-size:13px; transition:all .15s; border:none; letter-spacing:.2px; }
.btn:active { transform:translateY(1px); }

.btn-primary {
    background:linear-gradient(135deg,var(--or-dk),var(--or));
    color:#fff;
    box-shadow:0 2px 6px rgba(194,65,12,.28);
}
.btn-primary:hover,.btn-primary:focus {
    background:linear-gradient(135deg,var(--or-dkr),var(--or-dk));
    color:#fff;
    box-shadow:0 4px 10px rgba(194,65,12,.38);
}
.btn-default {
    background:#fff;
    color:var(--txt-m);
    border:1.5px solid #d1d5db !important;
    box-shadow:0 1px 3px rgba(0,0,0,.07);
}
.btn-default:hover { background:#f9fafb; color:var(--txt); border-color:#9ca3af !important; }
.btn-success {
    background:linear-gradient(135deg,#166534,#16a34a);
    color:#fff;
    box-shadow:0 2px 6px rgba(22,163,74,.22);
}
.btn-success:hover,.btn-success:focus { background:linear-gradient(135deg,#14532d,#15803d); color:#fff; }
.btn-danger {
    background:linear-gradient(135deg,#991b1b,#dc2626);
    color:#fff;
    box-shadow:0 2px 6px rgba(220,38,38,.22);
}
.btn-danger:hover,.btn-danger:focus { background:linear-gradient(135deg,#7f1d1d,#b91c1c); color:#fff; }
.btn-info {
    background:linear-gradient(135deg,#1d4ed8,#3b82f6);
    color:#fff;
    box-shadow:0 2px 6px rgba(59,130,246,.22);
}
.btn-info:hover,.btn-info:focus { background:linear-gradient(135deg,#1e40af,#2563eb); color:#fff; }
.btn-warning {
    background:linear-gradient(135deg,#b45309,#d97706);
    color:#fff;
}
.btn-warning:hover,.btn-warning:focus { background:linear-gradient(135deg,#92400e,#b45309); color:#fff; }

/* Legacy btn-juan */
.btn-juan {
    background:linear-gradient(135deg,var(--or-dk),var(--or));
    color:#fff !important;
    border-radius:7px;
    font-weight:600;
    padding:8px 18px;
    border:none;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
}
.btn-juan:hover { background:linear-gradient(135deg,var(--or-dkr),var(--or-dk)); color:#fff !important; }

/* block */
.btn-block { border-radius:8px; padding:10px 18px; font-size:14px; }

/* ─── Forms ────────────────────────────────────── */
.form-control {
    border:1.5px solid #d1d5db;
    border-radius:7px;
    color:var(--txt);
    background:#fff;
    height:36px;
    font-size:13px;
    transition:border-color .15s, box-shadow .15s;
    box-shadow:none;
}
.form-control:focus {
    border-color:var(--or);
    box-shadow:0 0 0 3px rgba(232,98,10,.14);
    outline:none;
}
.input-sm.form-control { height:30px; font-size:12px; }
textarea.form-control { height:auto; }
.control-label { font-weight:600; color:var(--txt); font-size:13px; }
.form-group label:not(.checkbox):not(.radio) { font-weight:600; color:var(--txt-m); font-size:13px; }
.has-error .form-control { border-color:#dc2626; }
.has-error .help-block { color:#dc2626; }
.has-error .control-label { color:#dc2626; }
.help-block { color:var(--txt-l); font-size:12px; }
.input-group-addon {
    background:var(--or-xlt);
    border-color:#d1d5db;
    color:var(--or-dk);
    font-weight:600;
}

/* ─── Labels / Badges ──────────────────────────── */
.label { border-radius:6px; font-size:11px; font-weight:700; padding:3px 9px; letter-spacing:.2px; }
.label-success { background:#16a34a; }
.label-danger  { background:#dc2626; }
.label-warning { background:#f59e0b; color:#422006 !important; }
.label-info    { background:#2563eb; }
.label-primary { background:var(--or); }
.label-default { background:#6b7280; }

/* ─── Alerts ───────────────────────────────────── */
.alert {
    border-radius:9px !important;
    border:none;
    font-size:13px;
    font-weight:500;
    padding:12px 18px;
    box-shadow:0 1px 5px rgba(0,0,0,.07);
}
.alert-success { background:#dcfce7; color:#166534; border-left:4px solid #16a34a !important; }
.alert-danger  { background:#fee2e2; color:#991b1b; border-left:4px solid #dc2626 !important; }
.alert-warning { background:#fef3c7; color:#92400e; border-left:4px solid #f59e0b !important; }
.alert-info    { background:#dbeafe; color:#1e40af; border-left:4px solid #3b82f6 !important; }
.alert .close  { opacity:.5; }
.alert .close:hover { opacity:1; }

/* ─── Wells ────────────────────────────────────── */
.well {
    background:var(--or-xlt);
    border:1px solid var(--or-lt);
    border-radius:9px;
    box-shadow:none;
}

/* ─── Page header ──────────────────────────────── */
.page-header { border-bottom:2px solid var(--or-lt); padding-bottom:8px; color:var(--or-dkr); }

/* ─── Pagination ───────────────────────────────── */
.pagination > li > a, .pagination > li > span {
    color:var(--or);
    border-color:#f0e4d7;
}
.pagination > .active > a, .pagination > .active > span {
    background:var(--or);
    border-color:var(--or-dk);
    color:#fff;
}
.pagination > li > a:hover {
    background:var(--or-xlt);
    color:var(--or-dk);
    border-color:var(--or-lt);
}

/* ─── Breadcrumb ───────────────────────────────── */
.breadcrumb { background:transparent; padding-left:0; font-size:13px; }
.breadcrumb > .active { color:var(--or); }
.breadcrumb > li + li::before { color:var(--or-lt); }

/* ─── Collapse / Accordion ─────────────────────── */
.panel-group .panel { border-radius:8px; margin-bottom:8px; }

/* ─── Misc ─────────────────────────────────────── */
.text-primary { color:var(--or) !important; }
.bg-primary   { background:var(--or) !important; }
hr { border-color:var(--bdr); }
.divider { background:var(--bdr); }

/* ─── Scrollbar ────────────────────────────────── */
::-webkit-scrollbar { width:7px; height:7px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:var(--or-lt); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:var(--or); }

/* ─── Page layout padding ──────────────────────── */
#app { padding-top:0; }

/* ─── Print ────────────────────────────────────── */
@media print {
    .navbar, .no-print, .btn, form[method="GET"] { display:none !important; }
    body { background:#fff; font-size:12px; }
    .panel { box-shadow:none; border:1px solid #ccc; page-break-inside:avoid; }
    .table > thead > tr > th { background:#555 !important; color:#fff !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}