@import url('/css/_layouts/panelfotografo.css');

:root {
    --orchard-primary: black;
    --orchard-secondary: #ffffff;
    --orchard-surface: #ffffff;
    --orchard-surface-alt: #f5f5f5;
    --orchard-border: #e0e0e0;
    --orchard-text: #000000;
    --orchard-text-inverse: #ffffff;
}

html,
body,
.white-skin,
.white-skin .md-skin,
.fixed-sn main,
main,
.view,
.content-wrapper {
    background-color: var(--orchard-surface) !important;
    color: var(--orchard-text) !important;
}

body a,
.white-skin a {
    color: var(--orchard-primary) !important;
}


body a:hover,
.white-skin a:hover {
    color: #444444 !important;
}

.card,
.card-body,
.modal-content,
.dropdown-menu,
.z-depth-1,
.stepper-horizontal,
.white-skin .card,
.white-skin .modal-content,
.white-skin .dropdown-menu {
    color: var(--orchard-text) !important;
    border-color: var(--orchard-border) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

.card .card-header,
.modal-header,
.table thead tr,
.stepper-horizontal li.active .step-content {
    background-color: var(--orchard-surface-alt) !important;
    color: var(--orchard-text) !important;
    border-bottom-color: var(--orchard-border) !important;
}

.table {
    background-color: var(--orchard-surface) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--orchard-surface-alt) !important;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: var(--orchard-surface) !important;
}

.table thead th,
.table tbody td {
    border-color: var(--orchard-border) !important;
    color: var(--orchard-text) !important;
}

.btn,
.btn-primary,
.btn-default,
.btn-outline-primary,
.btn-info,
.btn-warning {
    background-color: var(--orchard-primary) !important;
    border-color: var(--orchard-primary) !important;
    color: var(--orchard-text-inverse) !important;
}

.btn:hover,
.btn:focus {
    background-color: #222222 !important;
    border-color: #222222 !important;
}

.toolbar-color {
    background: var(--orchard-primary) !important;
}

.toolbar-color,
.toolbar-color a,
.toolbar-color .nav-link,
.toolbar-color .dropdown-item,
.toolbar-color .fa,
.toolbar-color .fas,
.toolbar-color .navbar-brand,
.toolbar-color .navbar-text {
    color: var(--orchard-text-inverse) !important;
}

/* Dropdowns: asegurar texto oscuro sobre fondo claro */
.dropdown-menu,
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item i {
    color: var(--orchard-text) !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: var(--orchard-primary) !important;
    color: var(--orchard-text-inverse) !important;
}

/* Links en panel/login (terminos de uso, etc.) */
.font-size-0-9 a,
.font-size-0-9 a:visited,
.card-body-logo a,
.card-body-logo a:visited {
    color: var(--orchard-text) !important;
}
.font-size-0-9 a:hover,
.card-body-logo a:hover {
    color: #444444 !important;
}


.login-logo,
.login-logo::before {
    background-image: url('/img/logoOrchard_M.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36vw;
    height: 25vh !important;
}

.panel-logo,
.panel-logo::before{
    background-image: url('/img/logoOrchard_A.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8vw;

}





.bg-fotopick,
.label-basic-color {
    background-color: var(--orchard-primary) !important;
    color: var(--orchard-text-inverse) !important;
}

/* Formularios: etiquetas con fondo claro y texto oscuro */
.label-basic-color {
    background-color: transparent !important;
    color: var(--orchard-text) !important;
    font-weight: 600;
}

.label-basic-color .fa,
.label-basic-color i {
    color: var(--orchard-text) !important;
}

.side-nav .collapsible a {
    color: var(--orchard-text-inverse) !important;
}

.side-nav {
    background: var(--orchard-primary) !important;
}

.page-footer.toolbar-color,
.page-footer.toolbar-color a,
.page-footer.toolbar-color .grey-text {
    color: var(--orchard-text-inverse) !important;
}

.social-section .btn-floating {
    background-color: rgba(255,255,255,0.15) !important;
    color: var(--orchard-text-inverse) !important;
}