/*
|--------------------------------------------------------------------------
| Tivenza Custom Brand Theme
|--------------------------------------------------------------------------
| Upload this file to:
| public/frontend/assets/css/tivenza.css
|
| Then load it AFTER color14.css and color4.css.
|--------------------------------------------------------------------------
*/

:root {
    --tivenza-navy: #1E2A78;
    --tivenza-purple: #6A3DFF;
    --tivenza-pink: #FF4FA3;
    --tivenza-pink-dark: #E53F91;
    --tivenza-text: #2F3342;
    --tivenza-muted: #6B7280;
    --tivenza-light: #F7F5FF;
    --tivenza-border: #E8E3F5;
    --tivenza-white: #FFFFFF;
    --tivenza-gradient: linear-gradient(90deg, #FF4FA3 0%, #6A3DFF 55%, #1E2A78 100%);
}

/* General */
body {
    color: var(--tivenza-text);
    background-color: var(--tivenza-white);
}

a {
    color: var(--tivenza-purple);
}

a:hover,
a:focus {
    color: var(--tivenza-pink);
}

::selection {
    color: var(--tivenza-white);
    background: var(--tivenza-purple);
}

/* Top contact bar */
.top-header2 {
    background: var(--tivenza-navy) !important;
}

.top-header2,
.top-header2 a,
.top-header2 li,
.top-header2 i {
    color: var(--tivenza-white) !important;
}

/* Main header */
.searchbar-main,
.searchbar-main.header7 {
    background: var(--tivenza-white) !important;
    border-bottom: 1px solid var(--tivenza-border);
}

.header-contain {
    min-height: 90px;
}

img.my_logo {
    height: 85px !important;
    width: auto !important;
    max-width: 300px;
    object-fit: contain;
}

/* Navigation */
#main-menu > li > a,
.dark-menu-item {
    color: var(--tivenza-navy) !important;
    font-weight: 600;
}

#main-menu > li > a:hover,
#main-menu > li > a:focus,
#main-menu li.active > a,
.dark-menu-item:hover {
    color: var(--tivenza-pink) !important;
}

#main-menu ul {
    border-top: 3px solid var(--tivenza-purple) !important;
}

#main-menu ul li a:hover {
    color: var(--tivenza-pink) !important;
    background: var(--tivenza-light) !important;
}

/* Header and menu icons */
.icon-block svg,
.mobile-search svg,
.toggle-nav i {
    fill: var(--tivenza-navy) !important;
    color: var(--tivenza-navy) !important;
}

.icon-block svg:hover,
.mobile-search svg:hover {
    fill: var(--tivenza-pink) !important;
}

/* Search bar */
.searchbar-input .input-group,
.searchbar-input .form-control,
.searchbar-input .input-group-text {
    border-color: var(--tivenza-border) !important;
}

.searchbar-input .form-control:focus {
    border-color: var(--tivenza-purple) !important;
    box-shadow: 0 0 0 0.2rem rgba(106, 61, 255, 0.14) !important;
}

/* Primary buttons */
.btn-solid,
.btn-normal,
.btn-primary,
button[type="submit"],
input[type="submit"] {
    color: var(--tivenza-white) !important;
    background: var(--tivenza-gradient) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-solid:hover,
.btn-solid:focus,
.btn-normal:hover,
.btn-normal:focus,
.btn-primary:hover,
.btn-primary:focus,
button[type="submit"]:hover,
input[type="submit"]:hover {
    color: var(--tivenza-white) !important;
    background: var(--tivenza-pink-dark) !important;
    border-color: var(--tivenza-pink-dark) !important;
}

/* Outline and secondary buttons */
.btn-outline-primary {
    color: var(--tivenza-purple) !important;
    border-color: var(--tivenza-purple) !important;
}

.btn-outline-primary:hover {
    color: var(--tivenza-white) !important;
    background: var(--tivenza-purple) !important;
}

/* Product price and product links */
.product-title,
.product-title a,
.product-box h6 a,
.product-box h5 a,
.product-right h2,
.product-right h3 {
    color: var(--tivenza-navy) !important;
}

.product-title a:hover,
.product-box h6 a:hover,
.product-box h5 a:hover {
    color: var(--tivenza-pink) !important;
}

.product .product-box .product-detail .detail-title .detail-left .price-title,
.product .product-box .product-detail .detail-title .detail-right .price,
.pro-price li:first-child,
.product-right .pro-group .pro-price li:first-child {
    color: var(--tivenza-purple) !important;
}

/* Sale, new and promotional labels */
.product .product-box .product-imgbox .on-sale4,
.product .product-box .product-imgbox .new-label1,
.on-sale,
.sale-label,
.new-label {
    color: var(--tivenza-white) !important;
    background: var(--tivenza-gradient) !important;
    border-color: transparent !important;
}

/* Product cards */
.product-box,
.collection-product-wrapper .product-box {
    border-color: var(--tivenza-border) !important;
}

.product-box:hover {
    border-color: rgba(106, 61, 255, 0.4) !important;
}

/* Form fields */
.form-control,
.form-select,
input,
textarea,
select {
    border-color: var(--tivenza-border);
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--tivenza-purple) !important;
    box-shadow: 0 0 0 0.2rem rgba(106, 61, 255, 0.12) !important;
}

/* Quantity and size controls */
.qty-box .input-group button:hover,
.size-box ul li.active a,
.size-box ul li a:hover,
.color-selector ul li.active {
    color: var(--tivenza-white) !important;
    background: var(--tivenza-purple) !important;
    border-color: var(--tivenza-purple) !important;
}

/* Pagination */
.page-item.active .page-link,
.page-link:hover {
    color: var(--tivenza-white) !important;
    background: var(--tivenza-purple) !important;
    border-color: var(--tivenza-purple) !important;
}

.page-link {
    color: var(--tivenza-navy);
}

/* Breadcrumbs */
.breadcrumb a {
    color: var(--tivenza-purple) !important;
}

.breadcrumb a:hover {
    color: var(--tivenza-pink) !important;
}

/* Footer */
.footer1 {
    background: var(--tivenza-light) !important;
}

.footer-title h5,
.footer-contant h5,
.footer-contant h6 {
    color: var(--tivenza-navy) !important;
}

.footer-contant a,
.footer-contant p,
.contact-list li {
    color: var(--tivenza-text) !important;
}

.footer-contant a:hover {
    color: var(--tivenza-pink) !important;
}

.subfooter.dark-footer {
    background: var(--tivenza-navy) !important;
}

.subfooter,
.subfooter p,
.subfooter a,
.subfooter i {
    color: var(--tivenza-white) !important;
}

.subfooter a:hover,
.subfooter i:hover {
    color: var(--tivenza-pink) !important;
}

/* Social icons */
.sosiyal li a:hover,
.sosiyal li a:hover i {
    color: var(--tivenza-pink) !important;
}

/* Modal accents */
.modal-header {
    border-bottom-color: var(--tivenza-border);
}

.modal-title {
    color: var(--tivenza-navy);
}

/* Loading and small accents */
.spinner-border,
.text-primary {
    color: var(--tivenza-purple) !important;
}

.bg-primary {
    background-color: var(--tivenza-purple) !important;
}

/* Checkbox and radio accents */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: var(--tivenza-purple);
}

/* Mobile */
@media (max-width: 991px) {
    .header-contain {
        min-height: 76px;
    }

    img.my_logo {
        height: 68px !important;
        max-width: 230px;
    }

    #main-menu {
        border-top-color: var(--tivenza-purple) !important;
    }
}

@media (max-width: 480px) {
    img.my_logo {
        height: 58px !important;
        max-width: 190px;
    }

    .top-header2 {
        display: none;
    }

    .header-contain {
        min-height: 68px;
    }
}
