/*
Theme Name: Beard Vape Co.
Theme URI: https://dwd.tech
Author: Philip N. Deatherage
Author URI: https://dwd.tech
Description: A child theme for Storefront.
Template: storefront
Version: 1.0.1.2.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.2.1.2.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.2.1.1.2.1.1.2.1.1.2.1.1.1
Text Domain: beard-vape-co
*/

/* Add your custom styles below */
h4.footer-menu-links-header {
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

li.footer-menu-links a {
    color: #ffffff !important;
    text-decoration: none;
    padding-left: 10px;
}

li.footer-menu-links a:hover {
    color: #666 !important;
    text-decoration: none;
    padding-left: 10px;
}

h3.has-text-align-center.wp-block-post-title.has-medium-font-size .hentry .entry-content a, h3.has-text-align-center.wp-block-post-title.has-medium-font-size a {
    text-decoration: none !important;
    color: #111 !important;
    font-weight: bold !important;
}

.product-grid-spacer {
    padding: 10px;
}

@media (min-width: 768px) {
    .col-full {
        /* max-width: 2048px !important;
        width: 100% !important;
        padding: 0px !important;
        margin: 0px !important; */
        /* padding-left:20px !important;
        margin-right: 30px !important; */
    }

    .storefront-primary-navigation {
        padding-left: 10%;
        padding-right: 10%;
    }

    .storefront-full-width-content .woocommerce-tabs ul.tabs {
        width: 100% !important;
    }

    ul.tabs.wc-tabs li {
        width: 200px;
        float: left;
    }

    .storefront-full-width-content .woocommerce-tabs .panel {
        width: 100% !important;
    }

    .storefront-primary-navigation {
        background: #111111;
        border-bottom: 0px !important;
    }

    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 10px;
        color: #ffffff;
        text-decoration: uppercase;
        font-weight: bold;
        font-size: 18px;
    }
    .site-header ul.menu li.current-menu-item > a, .site-header ul.menu li.current-menu-ancestor > a {
        color: #111111;
        background: #ffffff;
    }

    .site-header ul.menu li.current-menu-item > a.cart-contents {
        color: #ffffff;
        background: #111111;
    }
    .main-navigation ul.menu>li>a:hover, .main-navigation ul.nav-menu>li>a:hover {
        color: #666;
        background: #ffffff;
    }
    .site-header-cart .cart-contents {
        color: #ffffff !important;
        padding: 10px !important;
    }

    .site-header-cart .widget_shopping_cart {
        background: #111111;
        color: #ffffff;
    }
    .site-header-cart .widget_shopping_cart .cart_list {
        background: #111111;
        color: #ffffff !important;
    }

    .site-header-cart .widget_shopping_cart .product_list_widget li a.remove::before {
        color: #e70f0f !important;
    }

    .site-header-cart .widget_shopping_cart a {
        color: #ffffff !important;
    }

    .site-header-cart .widget_shopping_cart .total {
        color: #111111 !important;
    }

    .site-header-cart .cart-contents .count {
        opacity: 1 !important;
    }

    ul#menu-secondary-account li.menu-item.menu-item-type-post_type.menu-item-object-page a,  ul#menu-secondary-account li.menu-item.menu-item-type-custom.menu-item-object-custom a {
        padding-top: 5px;
        padding-bottom: 3px;
        background: #111111;
        font-size: 25px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 30px;
        /* border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px; */
        border-radius: 30px;
        color: #ffffff !important;
        border: 1px solid #111111;
    }

    ul#menu-secondary-account li.menu-item.menu-item-type-post_type.menu-item-object-page a:hover, ul#menu-secondary-account li.menu-item.menu-item-type-custom.menu-item-object-custom a:hover {
        color: #666 !important;
        background: #ffffff;
        border: 1px solid #111111;
    }

    .site-search {
        margin-top: 15px;
        margin-bottom: -15px;
        border-radius: 30px; 
    }

    .dashicons-admin-users:before, .dashicons-unlock:before, .dashicons-lock:before, .dashicons-businessman:before {
        font-size: 28px;
    }

    i._mi._before.dashicons.dashicons-admin-users, i._mi._before.dashicons.dashicons-businessman, i._mi._before.dashicons.dashicons-unlock, i._mi._before.dashicons.dashicons-lock {
        margin-top: -15px;
    }

    .secondary-navigation ul li {
        margin-top: 1px !important;
        margin-bottom: -15px !important;
    }

    .storefront-product-pagination a[rel=prev] {
        left: -400px !important;
        transition: left .3s ease-out;
        flex-direction: row-reverse;
        padding-left: 1em;
        padding-right: 25px !important;
        border-top-right-radius: 30px !important;
        border-bottom-right-radius: 30px !important;
    }

    .storefront-product-pagination a[rel=next] {
        right: -400px !important;
        transition: right .3s ease-out;
        flex-direction: row;
        padding-right: 1em;
        padding-left: 25px !important;
        border-top-left-radius: 30px !important;
        border-bottom-left-radius: 30px !important;
    }

    .site-info {
        padding: 0px !important;
    }

    .storefront-breadcrumb {
        padding: 20px !important;
        margin: 0px !important;
    }

    .storefront-full-width-content .woocommerce-products-header {
        padding: 10px !important;
    }

    select.orderby {
        padding: .6180469716em;
        background-color: #f2f2f2;
        color: #43454b;
        border: 0;
        box-sizing: border-box;
        font-weight: 400;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
        appearance: none; /* Removes default styling for select */
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none; /* Safari */
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%2343454b' d='M2 0L0 2h4z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right .6180469716em center;
        background-size: 0.6em;
        cursor: pointer;
    }
}

.site-header-cart .widget_shopping_cart, .site-header .product_list_widget li span.quantity {
    color: #ffffff;
    font-weight: bold;
}

/* Replace basket icon with cart icon */
.site-header-cart .cart-contents::after{
    content: '\f07a' !important; /* Unicode for Font Awesome cart icon */
}

.site-header {
    padding-top: 5px !important;
}

.site-branding {
    margin-bottom: 0px !important;
}

ul.wc-block-product-template__responsive.columns-5.wc-block-product-template.wp-block-woocommerce-product-template:first-of-type {
    margin-left: 0 !important;
}

.fda-warning {
    background-color: #fff;
    border: 6px #000 solid;
    padding: 15px;
    margin-top: -5px;
}

.fda-warning p.warning {
    margin: 0px;
    font-family: arial;
    font-weight: 700;
    color: #111111;
    text-align: center;
    font-size: 24px;
}

.fda-warning p.warning-message {
    margin: 0px;
    font-family: arial;
    font-weight: 700;
    color: #111111;
    text-align: center;
    font-size: 24px;
}

.button.alt, .button {
    border-radius: 30px;
    text-transform: uppercase;
    border:1px solid #111111;
}

div#bvc_after-footer-widget-area-wrap {
    background: #fff;
    border: 5px double #111;
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    float: right;
}

/* Registration Page */

/* Select input styles */
.woocommerce-input-wrapper select,
p.form-row.form-row-first select,
p.form-row.form-row-last select {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
    appearance: none; /* Removes default styling for select */
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%2343454b' d='M2 0L0 2h4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .6180469716em center;
    background-size: 0.6em;
    cursor: pointer;
}

/* Add hover and focus styles */
.woocommerce-input-wrapper select:hover,
p.form-row.form-row-first select:hover,
p.form-row.form-row-last select:hover {
    background-color: #e6e6e6; /* Slightly darker background */
}

.woocommerce-input-wrapper select:focus,
p.form-row.form-row-first select:focus,
p.form-row.form-row-last select:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(67, 69, 75, 0.25); /* Custom focus ring */
}

/* File input styles */
.woocommerce-input-wrapper input[type="file"],
p.form-row.form-row-first input[type="file"],
p.form-row.form-row-last input[type="file"] {
    padding: .6180469716em; /* Match padding for consistency */
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
    cursor: pointer; /* Indicate interactivity */
}

/* Hover and focus styles */
.woocommerce-input-wrapper input[type="file"]:hover,
p.form-row.form-row-first input[type="file"]:hover,
p.form-row.form-row-last input[type="file"]:hover {
    background-color: #e6e6e6; /* Slightly darker background on hover */
}

.woocommerce-input-wrapper input[type="file"]:focus,
p.form-row.form-row-first input[type="file"]:focus,
p.form-row.form-row-last input[type="file"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(67, 69, 75, 0.25); /* Custom focus ring */
}

/* Variation Grid */
table.variation_grid {
    width: 100% !important;
}

.vg_footer {
    max-width: 100% !important;
    width: 100% !important;
}

button#dwd_grid_add_to_cart_bulk {
    /* border-radius: 0px !important; */
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #111111 !important;
}

button#dwd_grid_add_to_cart_bulk:hover {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px double #fff !important;
}

.vg_footer {
    background: #111111;
}

.count_and_total .totals {
    color: #fff !important;
    font-weight: bold;
}

/* for Mobile */
@media screen and (max-width: 768px) {
    .fda-warning p.warning-message {
        font-size: 16px;
    }
    .storefront-primary-navigation {
        background: #fff;
        border-bottom: 2px double #111111;
    }
    
    button#site-navigation-menu-toggle {
        margin-top: 25px;
    }

    /* .block.footer-widget-1, .block.footer-widget-2, .block.footer-widget-3, .block.footer-widget-4 {
        width: 50%;
        float: left;
    } */

    /* .block.footer-widget-2 {
        padding-left: 20px;
    } */

    /* .block.footer-widget-1 {
        border-right: 2px double #ffffff;
    } */

    .block.footer-widget-1 h4, .block.footer-widget-2 h4, .block.footer-widget-3 h4, .block.footer-widget-4 h4 {
        text-align: center !important;
        font-size: 30px;
    }

    .block.footer-widget-1 ul, .block.footer-widget-2 ul, .block.footer-widget-3 ul, .block.footer-widget-4 ul {
        text-align: center;
        font-size: 20px;
    }

    div#bvc_after-footer-widget-area-wrap {
        margin-bottom: 75px;
    }

    .storefront-handheld-footer-bar ul li.cart>a::before {
        content: '\f07a' !important; /* Unicode for Font Awesome cart icon */
    }

    .storefront-handheld-footer-bar ul li.my-account>a::before {
        content: '\f508' !important; /* Unicode for Font Awesome cart icon */
    }
}

.erp_message {
    padding: 20px;
    background: #e32626;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}