/* ================================================================
   GFC-Provap Theme v1.1 - PS 8 Classic
   Brand: Orange #EA8914, Dark #353535, Text #444
   Fonts: Lato (headings/body), Poppins (header UI/footer)
   Prod reference: phoneshop theme on gfc-provap.com
   ================================================================ */

/* ============================================================ */
/* FONTS                                                         */
/* ============================================================ */
body, html {
    font-family: 'Lato', Arial, sans-serif !important;
    color: #444444;
    font-size: 13px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700;
    color: #353535;
}

/* ============================================================ */
/* HEADER                                                        */
/* ============================================================ */
#header {
    background-color: #353535;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

#header .header-top {
    background-color: #353535;
    color: #ffffff;
    padding: 10px 0;
}

.header-top a,
.header-top .material-icons {
    color: #ffffff !important;
}

.header-top a:hover {
    color: #EA8914 !important;
}

/* Logo */
#header .header-top .logo {
    max-height: 90px;
}

/* Top bar (header-nav) */
#header .header-nav {
    background-color: #000000;
    border-bottom: 3px solid #EA8914;
    max-height: none;
    padding: 5px 0;
}

#header .header-nav a,
#header .header-nav .material-icons {
    color: #cccccc !important;
    font-size: 0.85rem;
}

#header .header-nav a:hover {
    color: #EA8914 !important;
}

/* User info */
.user-info .account,
.user-info .logout {
    color: #cccccc !important;
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
}

.user-info a:hover {
    color: #EA8914 !important;
}

/* ============================================================ */
/* SEARCH BAR - pill shape like prod                            */
/* ============================================================ */
#header .header-top #search_widget {
    min-width: 280px;
}

#header .header-top #search_widget form {
    position: relative;
}

#header .header-top #search_widget input[type="text"] {
    border: none;
    border-radius: 40px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 8px 20px;
    padding-right: 45px;
    min-height: 38px;
    box-shadow: none;
    color: #353535;
    width: 100%;
}

#header .header-top #search_widget input[type="text"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(234, 137, 20, 0.4);
}

#header .header-top #search_widget button {
    background-color: transparent;
    border: none;
    color: #353535;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px 10px;
}

#header .header-top #search_widget button:hover {
    color: #EA8914;
}

/* ============================================================ */
/* CART                                                          */
/* ============================================================ */
.blockcart .header a {
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.blockcart .cart-products-count {
    background-color: #e94b35 !important;
    color: #fff !important;
    font-weight: 700;
}

/* Cart dropdown */
.cart-preview.cart-overview .body {
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.16);
}

/* ============================================================ */
/* NAVIGATION (default PS8 menu - hidden if mega menu active)   */
/* ============================================================ */
#_desktop_top_menu,
.top-menu-link {
    background-color: #EA8914;
}

.top-menu a[data-depth="0"] {
    color: #ffffff !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    padding: 12px 14px !important;
    letter-spacing: 0.3px;
}

.top-menu a[data-depth="0"]:hover {
    background-color: #d97a08;
}

.top-menu .sub-menu {
    background-color: #ffffff;
    border-top: 3px solid #EA8914;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.top-menu .sub-menu a {
    color: #444444 !important;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

.top-menu .sub-menu a:hover {
    color: #EA8914 !important;
}

/* ============================================================ */
/* BUTTONS - gradient like prod                                  */
/* ============================================================ */
.btn-primary {
    background: linear-gradient(to bottom, #f39b0d, #e37b1a) !important;
    border: 1px solid #f7941d !important;
    border-bottom-color: #d97a08 !important;
    color: #fff !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(53, 53, 53, 0.2);
    text-shadow: none;
    transition: all 0.2s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(to bottom, #e37b1a, #d06a0a) !important;
    border-color: #d97a08 !important;
    box-shadow: 0 3px 6px rgba(53, 53, 53, 0.3);
    color: #fff !important;
}

.btn-secondary {
    border-color: #EA8914 !important;
    color: #EA8914 !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border-radius: 4px;
}

.btn-secondary:hover {
    background: linear-gradient(to bottom, #f39b0d, #e37b1a) !important;
    border-color: #f7941d !important;
    color: #fff !important;
}

/* Add to cart */
.add-to-cart,
.btn-primary.add-to-cart {
    background: linear-gradient(to bottom, #f39b0d, #e37b1a) !important;
    border: 1px solid #f7941d !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 30px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(53, 53, 53, 0.2);
}

.add-to-cart:hover {
    background: linear-gradient(to bottom, #e37b1a, #d06a0a) !important;
    box-shadow: 0 3px 6px rgba(53, 53, 53, 0.3);
}

/* ============================================================ */
/* LINKS                                                         */
/* ============================================================ */
a {
    color: #EA8914;
    transition: color 0.2s;
}

a:hover {
    color: #d97a08;
}

/* ============================================================ */
/* PRODUCT CARDS - rounded like prod                             */
/* ============================================================ */
.product-miniature {
    border: 1px solid #dddddd;
    border-bottom-color: #c4c4c4;
    background: #f9f9f9;
    border-radius: 10px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.product-miniature:hover {
    box-shadow: 0 4px 12px rgba(234, 137, 20, 0.2);
    border-color: #EA8914;
}

.product-miniature .thumbnail-container {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.product-miniature .product-thumbnail img {
    border-radius: 10px 10px 0 0;
}

.product-miniature .product-description {
    padding: 10px;
}

.product-miniature .product-title a {
    color: #111111 !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
}

.product-miniature .product-title a:hover {
    color: #EA8914 !important;
}

.product-miniature .price,
.product-miniature .product-price-and-shipping .price {
    color: #EA8914 !important;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 1.15rem;
}

.product-miniature .regular-price {
    color: #aaa;
    text-decoration: line-through;
    font-size: 0.85rem;
}

/* Discount badges */
.product-miniature .discount-percentage,
.product-miniature .discount-amount,
.product-miniature .on-sale,
.product-flag.discount {
    background: linear-gradient(to bottom, #f7941d, #f28809);
    color: #fff;
    font-weight: 700;
    border-radius: 3px;
    border: 1px solid #f28809;
}

.product-flag.new {
    background: #EA8914;
    color: #fff;
}

/* Availability */
.product-miniature .product-availability .available {
    color: #06D002;
}

.product-miniature .product-availability .unavailable {
    color: #EA8914;
}

/* ============================================================ */
/* PRODUCT PAGE                                                  */
/* ============================================================ */
.product-prices .current-price span.price,
.product-prices .current-price .current-price-value {
    color: #EA8914 !important;
    font-family: 'Lato', sans-serif;
    font-size: 1.8rem;
    font-weight: 900;
}

.product-prices .regular-price-value {
    color: #707070;
    text-decoration: line-through;
}

.product-prices .discount.discount-percentage,
.product-prices .discount.discount-amount {
    background: linear-gradient(to bottom, #f7941d, #f28809);
    color: #fff;
    border-radius: 3px;
    padding: 2px 6px;
}

/* Product image */
.product-cover img,
.images-container .product-cover img {
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(53, 53, 53, 0.2);
}

/* Quantity selector */
.product-quantity .qty .input-group .form-control,
.product-quantity #quantity_wanted {
    border-color: #EA8914;
    border-radius: 19px;
    font-family: 'Lato', sans-serif;
    text-align: center;
}

/* Color picker */
.product-variants .color .input-color:checked + span,
.product-variants .color .input-color:hover + span {
    border: 2px solid #EA8914 !important;
}

/* Product tabs */
.product-tabs .nav-tabs .nav-link.active {
    color: #EA8914;
    border-bottom: 3px solid #EA8914;
    font-weight: 700;
}

.product-tabs .nav-tabs .nav-link:hover {
    color: #d97a08;
}

/* ============================================================ */
/* BREADCRUMB                                                    */
/* ============================================================ */
.breadcrumb {
    background: none;
    padding: 8px 0;
    margin-bottom: 7px;
    font-size: 0.85rem;
}

.breadcrumb a {
    color: #EA8914;
}

.breadcrumb .breadcrumb-item.active {
    color: #EA8914;
    font-weight: 700;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #444444;
}

/* Category header */
.block-category {
    border-bottom: 3px solid #EA8914;
}

/* ============================================================ */
/* FACETED SEARCH / FILTERS                                      */
/* ============================================================ */
#search_filters .facet .facet-title {
    color: #353535;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.active-filter-title {
    color: #EA8914;
    font-weight: 700;
}

#search_filters .facet .facet-label a {
    color: #444444;
}

#search_filters .facet .facet-label a:hover,
#search_filters .facet .facet-label .custom-checkbox input:checked + span {
    color: #EA8914;
}

/* Checkbox custom */
.custom-checkbox input[type="checkbox"]:checked + span {
    background-color: #EA8914;
    border-color: #EA8914;
}

/* ============================================================ */
/* FOOTER                                                        */
/* ============================================================ */
.footer-container {
    background-color: #353535;
    color: #cccccc;
    padding: 40px 0 0;
}

.footer-container a {
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.footer-container a:hover {
    color: #EA8914 !important;
}

.footer-container h4,
.footer-container .h4,
.footer-container .footer-title {
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 2px solid #EA8914;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.footer-container .footer-bottom {
    background-color: #2b2b2b;
    border-top: 1px solid #444;
    margin-top: 30px;
    padding: 15px 0;
}

.footer-container .footer-bottom p,
.footer-container .footer-bottom a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    color: #ffffff !important;
}

/* Newsletter */
.block_newsletter .btn-primary,
.footer-container .btn-primary {
    background: #EA8914 !important;
    border-color: #EA8914 !important;
    border-radius: 20px;
    font-family: 'Lato', sans-serif;
}

.block_newsletter input[type="email"],
.block_newsletter input[type="text"] {
    border-radius: 30px;
    border: none;
    padding: 6px 16px;
    font-family: 'Poppins', sans-serif;
}

/* Social links */
.footer-container .social-sharing a {
    color: #ffffff !important;
    transition: color 0.2s;
}

.footer-container .social-sharing a:hover {
    color: #EA8914 !important;
}

/* ============================================================ */
/* PAGINATION                                                    */
/* ============================================================ */
.pagination .page-list li a.current,
.pagination .page-list li a:hover,
.pagination .page-list li .current {
    background-color: #EA8914;
    color: #fff;
    border-color: #EA8914;
}

.pagination .page-list li a {
    border-radius: 4px;
}

/* ============================================================ */
/* FORMS                                                         */
/* ============================================================ */
.form-control:focus {
    border-color: #EA8914;
    box-shadow: 0 0 0 0.2rem rgba(234, 137, 20, 0.25);
}

label {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #353535;
}

/* ============================================================ */
/* CART / CHECKOUT                                               */
/* ============================================================ */
.cart-summary .cart-total .value {
    color: #EA8914;
    font-weight: 900;
    font-size: 1.2rem;
}

.cart-grid-body .cart-item .product-line-info a {
    color: #353535;
    font-weight: 700;
}

.cart-grid-body .cart-item .product-price {
    color: #EA8914;
    font-weight: 700;
}

/* Checkout steps */
.checkout-step .step-title {
    font-family: 'Lato', sans-serif;
}

.checkout-step.-current .step-title {
    color: #EA8914;
    border-bottom: 3px solid #EA8914;
}

/* ============================================================ */
/* ALERTS / MESSAGES                                             */
/* ============================================================ */
.alert-info {
    border-color: #EA8914;
    background: #fff;
}

.alert-warning {
    border-color: #EA8914;
    color: #000;
}

.alert-success {
    border-color: #06D002;
}

.warning, .confirmation, .success {
    background: transparent;
    border: 1px solid #EA8914;
    color: #000 !important;
    border-radius: 8px;
}

.error {
    border: 1px solid #EA8914;
    color: #EA8914;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border-radius: 8px;
}

/* ============================================================ */
/* MISC                                                          */
/* ============================================================ */
::selection {
    background-color: #EA8914;
    color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #EA8914;
    border-radius: 10px;
}

.badge-primary,
.badge.badge-primary {
    background-color: #EA8914;
}

/* Spinner */
.spinner-border {
    color: #EA8914;
}

/* Back to top */
.back-to-top {
    background: #EA8914;
    color: #fff;
    border-radius: 50%;
}

/* Wishlist heart */
.wishlist-button-add .material-icons {
    color: #EA8914;
}

/* Homepage sections headings */
.featured-products .products-section-title,
.product-accessories .products-section-title,
.crossselling-products .products-section-title,
section .products-section-title {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #353535;
    text-transform: uppercase;
    border-bottom: 3px solid #EA8914;
    padding-bottom: 10px;
    display: inline-block;
}

/* Custom text block on homepage */
.custom-text-block {
    font-family: 'Lato', sans-serif;
}

/* Contact page */
.contact-rich .block .icon .material-icons {
    color: #EA8914;
}

/* Account page */
.page-my-account .links a .link-item .material-icons {
    color: #EA8914;
}

/* Table striped */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(234, 137, 20, 0.05);
}

/* ============================================================ */
/* RESPONSIVE TWEAKS                                             */
/* ============================================================ */
@media (max-width: 991px) {
    #header .header-top {
        padding: 5px 0;
    }

    #header .header-top .logo {
        max-height: 60px;
    }

    #header .header-top #search_widget input[type="text"] {
        font-size: 13px;
        min-height: 34px;
    }
}

@media (max-width: 767px) {
    body, html {
        font-size: 12px;
    }

    h1, .h1 { font-size: 20px; }
    h2, .h2 { font-size: 18px; }
    h3, .h3 { font-size: 16px; }

    #header .header-top .logo {
        max-height: 50px;
    }

    .product-miniature {
        border-radius: 8px;
    }

    .product-prices .current-price span.price {
        font-size: 1.4rem;
    }
}