/**
Theme Name: Perron
Author: Perron Media Inc.
Author URI: https://perronmedia.com
Description: Custom Astra child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: perron
Template: astra
*/


/* subaccounts */

/* Force the readonly text in the input fields to be visible */

input[readonly] {
    color: #000 !important; /* Ensure a visible text color */
    background-color: #f9f9f9 !important; /* Ensure a readable background */
}

/* Hide placeholder text, if it's conflicting */
input[readonly]::placeholder {
    color: transparent !important;
}


.b2bking_subaccounts_account_top {
    background: #f1f0f0;
    color: #151516;
    border-radius: 0;
    justify-content: unset;
	text-align: left;
    align-items: center;
    padding: 5px 10px;
    font-family: "Barlow Semi Condensed",sans-serif;
	font-size: 16px;
}

.b2bking_subaccounts_new_account_container_top {
    background: #f1f0f0;
    color: #151516;
    border-radius: 0;
    padding: 5px 10px;
    font-family: "Barlow Semi Condensed",sans-serif;
	font-size: 16px;
}

.b2bking_subaccounts_edit_account_container_top_close {
	color: #fff;
}

svg.b2bking_subaccounts_account_top_icon path {
    fill: #151516;
}

.b2bking_subaccounts_new_account_container_content {
    background: #fff;
    border-radius: 0;
    padding: 20px;
}

.b2bking_subaccounts_account_container, .b2bking_subaccounts_edit_account_container, .b2bking_subaccounts_new_account_container {
    box-shadow: none;
    background: #fff;
    border-radius: 0;
	border: 1px solid #ccc;
}

.b2bking_subaccount .woocommerce-Address:first-child .edit {
	display: none;
}

.b2bking_subaccount .woocommerce-Address-title {
	min-height: 80px;
}

.woocommerce .addresses .title .edit, .woocommerce-account .addresses .title .edit {
    float: left;
    padding: 0em 0.5em;
}

.woocommerce .addresses h2 {
    margin-bottom: .25em;
	padding: 0.25em 0.25em 0 0.25em;
}

/* additonal addresses */ 

.wcmca_bulk_delete_button, .wcmca_delete_all_button {
    float: left;
    margin-right: 10px !important;
	margin-left: 0!important;
}

/* purchase lists */

table#b2bking_purchase_lists_table thead tr th {
    color: #151516!important;
	border-radius: 0!important;
}

table#b2bking_purchase_lists_table {
    border: 1px solid #ddd;
	padding: 0;
	margin: 10px 0;
}

table#b2bking_purchase_lists_table td {
    border-bottom: none;
}

.wcmca_bulk_delete_button {
    padding: 10px 20px!important;
}

#b2bking_purchase_lists_table_length select {
    margin: 0 5px 0 5px;
    padding: 5px 8px;
}

div#b2bking_purchase_lists_table_length {
    margin-bottom: 10px;
}

.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
    box-shadow: none;
}

.wrtk-product-filters .prdctfltr_wc_widget.prdctfltr_wc .prdctfltr_filter {
    margin-bottom: 0;
}

.b2bking_both_prices_text {
    font-size: 16px!important;
	font-family: 'Barlow Semi Condensed', sans-serif!important;
}

.b2bking_both_prices_price {
    font-size: 16px!important;
    font-weight: 400!important;
	font-family: 'Barlow Semi Condensed', sans-serif!important;
}

.b2bking_b2c_user .wcmtx-my-account-links div:last-child {
	display: none;
}

.wcmtx-my-account-links a {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd;
}

.theme-astra.woocommerce-account li.woocommerce-MyAccount-navigation-link {
    background-color: #f1f0f0;
}

.theme-astra.woocommerce-account li.woocommerce-MyAccount-navigation-link.is-active, .theme-astra.woocommerce-account li.woocommerce-MyAccount-navigation-link.is-active a {
	background-color: #fff!important;
}

.theme-astra.woocommerce-account li.woocommerce-MyAccount-navigation-link {
	margin-left: 0;
}

.woocommerce-MyAccount-navigation ul {
    border: 1px solid #ddd;
    margin-right: 20px;
}

/* Registration page become a dealer callout */

.wrtk-dealer-application-callout h3 {
	font-size: 16px;
}

.wrtk-dealer-application-callout p {
	margin-bottom: 0;
}

.wrtk-dealer-application-callout {
	margin-top: 10px;
}

/* cart stock date */

.variation-Expected {
	font-size: 12px;
	color: #e0a000;
}

.woocommerce-page.woocommerce-checkout form #order_review td.product-name, .woocommerce.woocommerce-checkout form #order_review td.product-name {
    display: table-cell;
}

.woocommerce-checkout-review-order-table .product-quantity {
	font-weight: bold!important;
}

.wrtk-b2b-colors .variations tbody tr:not(:first-child), .wrtk-b2b-colors .single_variation_wrap {
	display: none!important;
}

.fl-node-dtjk9es3c2bx .woocommerce-variation-add-to-cart {
    display: block !important;
}

.woocommerce-product-gallery__image img {
    transition: opacity 0.4s ease-in-out; /* Smooth transition */
    opacity: 1; /* Default opacity is fully visible */
}

.woocommerce-product-gallery__image img.fade-out {
    opacity: 0; /* Fade-out effect */
}

.wrtk-bulk-order h2 {
    font-size: 20px;
    font-weight: 700;
	margin-bottom: 20px;
}

/* Styling for the table layout of available options */
.wrtk-options-table {
    width: 100%;
    border-collapse: collapse; /* No borders between cells */
    margin-bottom: 20px;
	border: none;
	font-family: 'Barlow Semi Condensed', sans-serif!important;
}

.wrtk-options-table td {
	border: none;
}

.wrtk-options-label {
    vertical-align: top;
    padding: 2px 10px 10px 0;
    font-weight: bold;
    font-size: 16px;
}

.wrtk-options-table tr:not(:first-child) .wrtk-options-label {
	padding-top: 5px;
}

.wrtk-options-table tr:first-child .wrtk-options-label {
	padding-bottom: 0px;
}

.wrtk-options-table tr:first-child .wrtk-options-values {
    padding-bottom: 6px;
    padding-left: 3px;
}

.wrtk-options-values {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
	padding: 0 0 10px 0;
}

.wrtk-attribute-tag {
    display: inline-block;
    padding: 3px 8px;
    margin: 3px;
    border: 1px solid #ddd;
    /*border-radius: 5px;
    background-color: #f9f9f9;*/
    text-transform: uppercase;
    font-size: 13px;
}

.wrtk-color-swatch-wrapper {
    display: inline-block;
    margin-right: 10px;
}



/* Swatch and Color Styling */
.swatchly-swatch {
    display: flex;
    align-items: center;
    float: left; /* Ensures swatch and color name float to the left */
    margin: 5px 5px 10px 5px!important;
}

.swatchly-swatch img {
    width: 30px;
    height: 30px;
    border-radius: 0; /* Square shape */
    margin-right: 8px;
    object-fit: cover;
}

.color-name {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

/* Table Styling */
.wrtk-variations-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    margin-bottom: 25px;
	font-family: 'Barlow Semi Condensed', sans-serif!important;
}

.wrtk-variations-table th, .wrtk-variations-table td {
    border: 1px solid #ddd;
    text-align: center;
}

.wrtk-variations-table td {
    padding: 0 0 1px 0;
    font-size: 12px;
}


.wrtk-variations-table th {
    padding: 5px;
    font-size: 14px;
}

.wrtk-variations-table th {
    background-color: #f9f9f9;
    font-weight: bold;
}

.wrtk-var-table-swatch-heading {
    display: inline-block;
    margin-left: 10px;
    padding-top: 3px;
    font-size: 19px;
    font-weight: 500;
}

.wrtk-variations-table thead tr th:not(:first-child) {
    text-transform: uppercase;
}

.wrtk-variations-table .wrtk-variations-table-att-title {
	font-size: 12px;
}

.wrtk-variations-table-image {
    width: 30px;
	float: left;
}

/* Slimmer Input Fields */

input.bulk-order {
    min-width: 100%;
    height: 30px;
	padding: 5px;
    padding-left: 18px;
    border: none;
    text-align: center;	
}

input.bulk-order:hover, input.bulk-order:focus {
	border: 2px solid #1a1a1a!important;
}

/* Stock and Replenishment Styling */
.stock-status {
    font-size: 12px;
    color: #333;
    //margin-top: 2px;
    margin-bottom: 0;
	border-top: 1px solid #ebebeb;
}

th.wrtk-variations-table-col-hdr {
	padding: 0;
}

.wrtk-variations-table-qty-label {
    padding-bottom: 5px;
    padding-top: 5px;
    min-height: 36px;
    margin: 0;
}

.wrtk-stock-label {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0;
	border-top: 1px solid #ebebeb;
}

.replenishment-date {
    font-size: 12px;
    color: #666;
    margin-top: 0;
    margin-bottom: 0;
	padding: 0 4px;
    position: relative;
    display: inline-block;
	border-top: 1px solid #ebebeb;
    width: 100%;
}

.info-icon {
    cursor: pointer;
    font-style: normal; /* Ensures no italic style */
    color: #0073aa; /* Customize as needed */
    margin-left: 5px;
}

.red-dot {
    display: inline-block;
    width: 8px;  /* Diameter of the dot */
    height: 8px; /* Diameter of the dot */
    background-color: #e0a000; /* Color of the dot */
    border-radius: 50%;  /* Make it a circle */
    margin-right: 5px;   /* Spacing between the dot and the text */
    vertical-align: middle; /* Align it vertically with the text */
}


/* Tooltip text */
.tooltip-text {
    visibility: hidden;
    width: 160px;
    background-color: #fff;
    /* color: #fff; */
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}

/* Arrow for tooltip */
.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* Position the arrow below the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ddd transparent transparent transparent;
}

/* Show tooltip on hover and focus */
.replenishment-date:hover .tooltip-text,
.replenishment-date .info-icon:hover + .tooltip-text,
.replenishment-date .info-icon:focus + .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* .wrtk-variations-table td.out-of-stock input {
    background-color: #fcfae3;
} */

/* Button Styling */
.wrtk-add-to-cart {
    display: inline-block;
    margin-top: 0px;
    cursor: pointer;
    text-align: center;
}