/* ============================================================
   Barber Shop — AdminLTE custom overrides
   ============================================================ */

/* ── Yii GridView / DetailView compatibility with AdminLTE ── */
.grid-view table { width: 100%; }
.grid-view th a  { color: inherit; text-decoration: none; }
.grid-view th a:hover { color: #FF8C00; }

/* Sort arrows */
a.asc:after {
    content: ' ▲';
    font-size: .65em;
    color: #FF8C00;
}
a.desc:after {
    content: ' ▼';
    font-size: .65em;
    color: #FF8C00;
}

/* Summary text */
.summary {
    font-size: .78rem;
    color: #6c757d;
    margin-bottom: .5rem;
}

/* Pagination */
.pagination .page-link { color: #FF8C00; }
.pagination .page-item.active .page-link {
    background-color: #FF8C00;
    border-color: #FF8C00;
    color: #fff;
}

/* ── Validation errors ── */
.help-block { font-size: .8rem; color: #dc3545; }
.has-error .form-control { border-color: #dc3545; }
.error-summary {
    background: #fff5f5;
    border-left: 3px solid #dc3545;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    font-size: .85rem;
    color: #dc3545;
    border-radius: 0 .25rem .25rem 0;
}

/* ── Badges ── */
.badge { font-size: .72rem; font-weight: 600; padding: .3em .6em; }

/* ── Buttons ── */
.btn-barber-orange {
    background-color: #FF8C00;
    border-color: #FF8C00;
    color: #fff;
}
.btn-barber-orange:hover, .btn-barber-orange:focus {
    background-color: #e07000;
    border-color: #e07000;
    color: #fff;
}
.btn-barber-green {
    background-color: #2E8B57;
    border-color: #2E8B57;
    color: #fff;
}
.btn-barber-green:hover, .btn-barber-green:focus {
    background-color: #256f47;
    border-color: #256f47;
    color: #fff;
}

/* ── Detail view ── */
.detail-view th {
    width: 35%;
    font-weight: 600;
    font-size: .82rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.detail-view td { font-size: .88rem; }

/* ── Content header spacing ── */
.content-header { padding: 1rem 1rem .5rem; }
.content { padding: 0 1rem 1rem; }

/* ── Card action buttons ── */
.card-tools .btn { padding: .2rem .5rem; font-size: .78rem; }

/* ── Responsive table wrapper ── */
.table-responsive-wrapper { overflow-x: auto; }

/* ── Info box colors ── */
.bg-barber-orange { background-color: #FF8C00 !important; }
.bg-barber-green  { background-color: #2E8B57 !important; }
.text-barber-orange { color: #FF8C00 !important; }
.text-barber-green  { color: #2E8B57 !important; }

/* ── Sidebar active state fix for service-provider route ── */
.nav-sidebar .nav-link.active { font-weight: 600; }

/* ── Flash alerts ── */
.alert { border-radius: .4rem; font-size: .88rem; }
.alert-success { background: #d4edda; border-color: #c3e6cb; color: #155724; }
.alert-danger   { background: #f8d7da; border-color: #f5c6cb; color: #721c24; }
.alert-warning  { background: #fff3cd; border-color: #ffeeba; color: #856404; }
.alert-info     { background: #d1ecf1; border-color: #bee5eb; color: #0c5460; }

/* ── Form controls ── */
.form-control:focus { border-color: #FF8C00; box-shadow: 0 0 0 .2rem rgba(255,140,0,.2); }
.form-select:focus  { border-color: #FF8C00; box-shadow: 0 0 0 .2rem rgba(255,140,0,.2); }

/* ── Hint text ── */
.hint-block { font-size: .78rem; color: #6c757d; margin-top: .25rem; }

/* ── Page title in content-header ── */
.content-header h1 {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0;
    color: #1a1d20;
}