/*
 * Floorballoutlet storefront appearance
 * Loaded only for the Floorballoutlet store.
 *
 * Primary: red
 * Accent: yellow
 */

/* =========================================================
   1. Store-wide colours
   ========================================================= */

body.fms-store-outlet {
    --fc-primary-teal: #D32F2F !important;
    --fc-deep-teal: #B71C1C !important;
    --fc-accent-orange: #FFC107 !important;
    --fc-orange-gold: #FFA000 !important;
    --fc-pale-cyan: #FFEBEE !important;
    --fc-light-cyan: #FFF8E1 !important;
}


/* =========================================================
   2. MAIN PAGE BACKGROUND
   Remove Floorballcentret's blue background image.
   ========================================================= */

body.fms-store-outlet {
    background-image: none !important;
    background-color: #D32F2F !important;
}


/* =========================================================
   3. HEADER / NAVIGATION
   ========================================================= */

body.fms-store-outlet #site-navigation {
    background-color: #D32F2F !important;
}

body.fms-store-outlet .main-navigation ul.menu ul.sub-menu {
    background-color: #B71C1C !important;
}

body.fms-store-outlet .main-navigation ul li a {
    color: #FFFFFF !important;
}

body.fms-store-outlet .main-navigation ul li a:hover {
    color: #FFF8E1 !important;
}

body.fms-store-outlet .main-navigation ul li.current-menu-item > a {
    border-bottom-color: #FFC107 !important;
}


/* =========================================================
   4. CART
   ========================================================= */

body.fms-store-outlet .site-header-cart .cart-contents {
    background-color: #FFC107 !important;
    color: #111111 !important;
}

body.fms-store-outlet .site-header-cart .cart-contents:hover {
    background-color: #FFA000 !important;
    color: #111111 !important;
}


/* =========================================================
   5. SEARCH
   ========================================================= */

body.fms-store-outlet .dgwt-wcas-search-input {
    border-color: #FFC107 !important;
}

body.fms-store-outlet .dgwt-wcas-search-submit {
    background-color: #FFC107 !important;
    color: #111111 !important;
}

body.fms-store-outlet .dgwt-wcas-search-submit:hover {
    background-color: #FFA000 !important;
    color: #111111 !important;
}


/* =========================================================
   6. LINKS
   ========================================================= */

body.fms-store-outlet a {
    color: #D32F2F;
}

body.fms-store-outlet a:hover {
    color: #B71C1C;
}


/* =========================================================
   7. BUTTONS
   ========================================================= */

body.fms-store-outlet .button,
body.fms-store-outlet button,
body.fms-store-outlet input[type="submit"] {
    background-color: #FFC107 !important;
    color: #111111 !important;
}

body.fms-store-outlet .button:hover,
body.fms-store-outlet button:hover,
body.fms-store-outlet input[type="submit"]:hover {
    background-color: #FFA000 !important;
    color: #111111 !important;
}


/* Secondary buttons */

body.fms-store-outlet .button.secondary {
    background: transparent !important;
    border-color: #D32F2F !important;
    color: #D32F2F !important;
}

body.fms-store-outlet .button.secondary:hover {
    background-color: #D32F2F !important;
    color: #FFFFFF !important;
}


/* =========================================================
   8. PRODUCT PRICES
   ========================================================= */

body.fms-store-outlet li.product .price,
body.fms-store-outlet li.product .price ins,
body.fms-store-outlet li.product .price .amount {
    color: #D32F2F !important;
}


/* =========================================================
   9. WIDGET / SECTION TITLES
   ========================================================= */

body.fms-store-outlet .widget-title {
    color: #D32F2F !important;
}


/* =========================================================
   10. FOOTER
   ========================================================= */

body.fms-store-outlet .site-footer {
    background-color: #D32F2F !important;
    color: #FFFFFF !important;
}

body.fms-store-outlet .site-footer a {
    color: #FFFFFF !important;
}

body.fms-store-outlet .site-footer a:hover {
    color: #FFF8E1 !important;
}

body.fms-store-outlet .site-info {
    background-color: #B71C1C !important;
    color: #FFFFFF !important;
}


/* =========================================================
   11. HEADINGS
   ========================================================= */

body.fms-store-outlet h1,
body.fms-store-outlet h2,
body.fms-store-outlet h3,
body.fms-store-outlet h4,
body.fms-store-outlet h5,
body.fms-store-outlet h6 {
    color: #D32F2F;
}


/* =========================================================
   12. WooCommerce notices
   ========================================================= */

body.fms-store-outlet .woocommerce-message,
body.fms-store-outlet .woocommerce-info {
    border-top-color: #D32F2F !important;
}

body.fms-store-outlet .woocommerce-message::before,
body.fms-store-outlet .woocommerce-info::before {
    color: #D32F2F !important;
}


/* =========================================================
   13. Sale badges
   ========================================================= */

body.fms-store-outlet .onsale {
    background-color: #D32F2F !important;
    color: #FFFFFF !important;
}


/* =========================================================
   14. Checkout / WooCommerce accents
   ========================================================= */

body.fms-store-outlet .woocommerce-checkout-payment {
    border-top-color: #D32F2F !important;
}

body.fms-store-outlet .woocommerce form .form-row input:focus,
body.fms-store-outlet .woocommerce form .form-row textarea:focus,
body.fms-store-outlet .woocommerce form .form-row select:focus {
    border-color: #D32F2F !important;
    box-shadow: 0 0 0 1px #D32F2F !important;
}


/* =========================================================
   15. Storefront body/content distinction
   Keep content white while the outer background is red.
   ========================================================= */

body.fms-store-outlet .site-content {
    background-color: transparent;
}

body.fms-store-outlet .content-area,
body.fms-store-outlet .widget-area {
    background-color: transparent;
}


/* =========================================================
   16. Make the Outlet identity very obvious
   ========================================================= */

body.fms-store-outlet .site-header {
    border-bottom: 3px solid #FFC107;
}