/*
 * Shopatolia customer-facing theme.
 *
 * The marketplace keeps Modesy's layout and behavior while applying a
 * social-shopping palette with a clean, original technology-platform feel.
 */
:root {
    --mds-color-main: #3730a3;
    --shopatolia-primary: #3730a3;
    --shopatolia-primary-hover: #2f278f;
    --shopatolia-accent: #06b6d4;
    --shopatolia-surface: #faf7f2;
    --shopatolia-surface-soft: #fdfbf8;
    --shopatolia-text: #25242a;
    --shopatolia-text-muted: #5f5d66;
    --shopatolia-border: #dcd9e5;
    --shopatolia-white: #ffffff;
}

body {
    background-color: var(--shopatolia-surface-soft);
    color: var(--shopatolia-text) !important;
}

a,
.btn,
.dropdown-item,
.nav-main .navbar ul .nav-item .nav-link,
.product-card .product-title,
.product-card .product-price {
    color: var(--shopatolia-text);
}

a:hover,
a:focus,
a:active,
.product-card .product-seller a:hover {
    color: var(--shopatolia-accent);
}

#header {
    box-shadow: 0 1px 0 rgba(37, 36, 42, 0.1);
}

.top-bar,
.nav-top,
.nav-main,
.nav-main .navbar {
    background-color: var(--shopatolia-surface);
}

.top-bar,
.nav-main {
    border-color: var(--shopatolia-border);
}

.top-bar .navbar-nav .nav-item .nav-link,
.top-bar .navbar-nav .nav-item .nav-link i,
.top-bar .mds-svg-icon,
.nav-top .nav-top-right .nav > li > a {
    color: var(--shopatolia-text-muted);
    fill: var(--shopatolia-text-muted);
}

.top-search-bar,
.top-search-bar .input-search {
    background-color: var(--shopatolia-white);
}

.top-search-bar {
    border: 1px solid var(--shopatolia-border) !important;
}

.top-search-bar:focus-within {
    border-color: var(--shopatolia-accent) !important;
    box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.14);
}

.top-search-bar .input-search,
.top-search-bar .btn-search,
.top-search-bar .btn-search i {
    color: var(--shopatolia-text-muted) !important;
}

.btn-custom,
.btn-block,
.modal-newsletter .btn,
.nav-top .nav-top-right .nav li .btn-sell-now {
    background-color: var(--shopatolia-primary) !important;
    border-color: var(--shopatolia-primary) !important;
    color: var(--shopatolia-white) !important;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-block:hover,
.modal-newsletter .btn:hover,
.nav-top .nav-top-right .nav li .btn-sell-now:hover {
    background-color: var(--shopatolia-primary-hover) !important;
    border-color: var(--shopatolia-primary-hover) !important;
}

.btn-default,
.btn-light {
    background-color: var(--shopatolia-surface) !important;
    border-color: var(--shopatolia-border) !important;
    color: var(--shopatolia-text) !important;
}

.btn-default:hover,
.btn-light:hover {
    background-color: #eeebf4 !important;
    border-color: #c7c2d2 !important;
}

.form-input,
.form-control,
.custom-select,
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single,
.dropdown-menu,
.search-results-ajax {
    border-color: var(--shopatolia-border) !important;
}

.form-control:focus,
.form-input:focus,
.custom-select:focus {
    border-color: var(--shopatolia-accent) !important;
    box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.14) !important;
}

.product-card,
.product-image-box,
.table-custom {
    background-color: var(--shopatolia-white);
    border-color: var(--shopatolia-border);
}

.product-card:hover {
    border-color: #c4bfd4;
    box-shadow: 0 8px 24px rgba(37, 36, 42, 0.08);
}

.product-card .product-card-badge-green,
.message-notification {
    background-color: var(--shopatolia-accent);
}

.product-card .action-btn {
    background-color: var(--shopatolia-white);
    border-color: var(--shopatolia-border);
    color: var(--shopatolia-text);
}

.pagination .active a,
.pagination li a:hover,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--shopatolia-primary) !important;
    border-color: var(--shopatolia-primary) !important;
}

#footer {
    background-color: var(--shopatolia-surface);
    color: var(--shopatolia-text-muted);
}

#footer .footer-bottom,
#footer .footer-social-links ul li a {
    border-color: var(--shopatolia-border);
}

#footer .footer-title,
#footer .nav-footer ul li a,
#footer .nav-footer-bottom li a {
    color: var(--shopatolia-text);
}

#footer .nav-footer ul li a:hover,
#footer .nav-footer-bottom li a:hover,
#footer .footer-social-links ul li a:hover {
    color: var(--shopatolia-accent) !important;
    border-color: var(--shopatolia-accent) !important;
}

::selection {
    background: var(--shopatolia-accent) !important;
    color: var(--shopatolia-white);
}