/*
 * iWidget Styles
 * Theme: iRollers
 * Author: https://www.blinq.com.au
 *
 * Note: Customize BlinQ styles to match the iRollers theme branding.
 * Modify these styles with caution and always test thoroughly.
 * Backup your CSS file before making changes.
 */

/* Plugin CSS Styles */
/* Price Grids, Shutters, Furnishings, and Accessories */
#blinQ-iwidget-products .col-lg-8 {
	background-color: transparent !Important;
}
#blinQ-iwidget-products .card {
	background-color: var(--e-global-color-accent) !Important;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) !Important;
	border-radius: 8px;
}
#blinQ-iwidget-products .badge-dark {
	color: var(--e-global-color-accent);
	background-color: var(--e-global-color-primary);
}
.graphical-menu {
	border: 2px solid transparent !important;
}
#blinQ-iwidget-products .graphical-menu.active {
	border-color: var(--e-global-color-primary) !important;
}
#blinQ-iwidget-products .graphical-menu.active::before {
	background-color: var(--e-global-color-primary);
}
#blinQ-iwidget-products .graphical-menu:focus, .graphical-menu:hover {
	border-color: var(--e-global-color-primary) !important;
}
#blinQ-iwidget-products .text-danger {
	/*color: var(--e-global-color-primary) !important;*/
	color:#333 !important;
}
#blinQ-iwidget-products .h4, .h5 {
	color: var(--e-global-color-text);
}
#blinQ-iwidget-products .list-group-item {
	background-color: transparent;
	box-shadow: none;
}
#blinQ-iwidget-products .details .list-group-item {
	color: var(--e-global-color-text);
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"][name="track"] {
	visibility: hidden;
}
#blinQ-iwidget-products .input-group > .input-group-append > .btn {
	margin-left: 10px;
	border-radius: 0px !important;
}

/* Accessories */
#blinQ-iwidget-products .product-grid .description {
	color: var(--e-global-color-text);
}
#blinQ-iwidget-products .product-grid .price {
	color: var(--e-global-color-text);
}
#blinQ-iwidget-products .fa-question-circle {
	color: var(--e-global-color-primary);
}
#blinQ-iwidget-products .product-grid img {
	border-radius: 8px;
}
#blinQ-iwidget-products .form-control {
	border: 1px solid var(--e-global-color-accent) !important;
	background-color: var(--e-global-color-accent) !important;
}
#blinQ-iwidget-products .form-control::placeholder {
	color: rgba(0, 0, 0, 0.35);

}
#blinQ-iwidget-products .form-control:focus {
	border: 1px solid var(--e-global-color-primary) !important;
	box-shadow: none;
}

/* Measurements */
#blinQ-iwidget-products .bg-white {
	background-color: transparent !important;
}
#blinQ-iwidget-products .form-control {
	background-color: var(--e-global-color-accent) !important;
	/*border-radius: 30px !important;*/
}
#blinQ-iwidget-products .form-control.border-danger {
	border: 1px solid var(--e-global-color-secondary) !important;
	border-radius: 8px !important;
}
#blinQ-iwidget-products .form-control.border-danger:focus {
	border: 1px solid var(--e-global-color-primary) !important;
}
#blinQ-iwidget-products .shadow-sm {
	box-shadow: none !important;
}
#blinQ-iwidget-products .btn-danger:focus {
	box-shadow: none;
}
#blinQ-iwidget-products .btn-danger:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--e-global-color-secondary);
	border-color: var(--e-global-color-secondary);
}
#blinQ-iwidget-products input.data-field {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-products #fabric-results > .row > p {
	color: var(--e-global-color-text) !important;
}

/* Next Button */
#blinQ-iwidget-products [type="submit"], button {
	color: #fff;
	background-color: var(--e-global-color-primary);
	border: 1px solid var(--e-global-color-primary);
	border-radius: 8px !important;
	padding: .2rem 1rem;
}
#blinQ-iwidget-products [type="submit"]:hover, button:hover {
	background-color: var(--e-global-color-secondary) !important;
	border: 1px solid var(--e-global-color-secondary) !important;
}

/* Add to Cart Button */
#blinQ-iwidget-products [type="button"], button {
	color: #fff;
	background-color: var(--e-global-color-primary);
	border: 1px solid var(--e-global-color-primary);
	border-radius: 8px !important;
}

/* Choose fabric */
#blinQ-iwidget-products .image-checkbox {
	border: 2px solid transparent;
	border-radius: 8px;
	background: var(--e-global-color-accent);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px;
    height: auto;
}
#blinQ-iwidget-products .image-checkbox img {
	margin-bottom: 0px;
	border: 2px solid rgba(255, 255, 255, 0.5);
}
#blinQ-iwidget-products .image-checkbox small {
	/*color: var(--e-global-color-primary) !important;*/
	color:#434142 !important;
}
#blinQ-iwidget-products .text-muted {
	color: var(--e-global-color-text) !important;
	margin-top:0 !important;
}
#blinQ-iwidget-products input[type="radio"].fabric-mat-col + label:hover {
	border: 2px solid var(--e-global-color-primary);
}
#blinQ-iwidget-products input[type="radio"].fabric-mat-col:checked + label {
	border: 2px solid var(--e-global-color-primary);
}
#blinQ-iwidget-products input[type="radio"].fabric-mat-col + label::before {
	background-color: var(--e-global-color-primary);
}

/* Customize Blinds */
#blinQ-iwidget-products .field {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"] + label {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	border: 2px solid transparent;
	border-radius: 8px;
	background: var(--e-global-color-accent);
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"]:checked + label {
	border: 2px solid var(--e-global-color-primary);
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"] + label::before {
	background-color: var(--e-global-color-primary);
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"]:hover + label {
	border: 2px solid var(--e-global-color-primary);
}

/* Side Panel */
#blinQ-iwidget-products .list-group-item {
	border-top-color: var(--e-global-color-text);
	border-bottom-color: var(--e-global-color-text);
}
#blinQ-iwidget-products .selected-field-details .list-group-item {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-products .selected-field-details .list-group-item p {
	color: var(--e-global-color-text) !important;
}

/* Checkout */
#blinQ-iwidget-checkout hr {
	border-top: 1px solid rgba(228, 249, 245, 0.4);
}
#blinQ-iwidget-checkout .text-muted {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-checkout .text-danger {
	/*color: var(--e-global-color-primary) !important;*/
	color: #fff !important;
	/*font-size: 1.2em;*/
	font-size:14px;
	margin-bottom:5px;
}
#blinQ-iwidget-checkout .text-danger:hover{
	color: #ff000 !important;
}
#blinQ-iwidget-checkout .card {
	background-color: var(--e-global-color-accent) !Important;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) !Important;
	border-radius: 8px;
}
#blinQ-iwidget-checkout .list-group-item:first-child {
	border-radius: 8px;
}
#blinQ-iwidget-checkout .sticky-top .list-group-item {
	/*margin-top: 5px;*/
	margin-bottom: 5px;
	border: 2px solid rgba(228, 249, 245, 0.2);
	border-radius: 8px !important;
	background: var(--e-global-color-accent);
	/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);*/
}
#blinQ-iwidget-checkout .form-control {
	border: 1px solid #fff !important;
	background-color: #fff !important;
}
#blinQ-iwidget-checkout .form-control::placeholder {
	color: rgba(0, 0, 0, 0.35);
}
#blinQ-iwidget-checkout .form-control:focus {
	border: 1px solid var(--e-global-color-primary) !important;
	box-shadow: none;
}
#blinQ-iwidget-checkout #checkout-form .form-control {
	color: var(--e-global-color-text) !important;
	border-radius: 8px !important;
}
#blinQ-iwidget-checkout #checkout-product-list :not(.text-danger) {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-checkout #checkout-form label {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-checkout .bg-light {
	background-color: var(--e-global-color-accent) !important;
}
#blinQ-iwidget-checkout .custom-select {
	background-color: #737373;
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
	color: #fff;
}
#blinQ-iwidget-checkout .custom-select:focus {
	box-shadow: none;
}
#blinQ-iwidget-checkout .badge-secondary {
	color: var(--e-global-color-accent);
	background-color: var(--e-global-color-primary);
}
#blinQ-iwidget-checkout #save-btn {
	background-color: transparent;
	border: 1px solid transparent !important;
	color: var(--e-global-color-text);
}
#blinQ-iwidget-checkout #save-btn:hover {
	background-color: transparent !important;
	border: 1px solid transparent !important;
}
#blinQ-iwidget-checkout .fa-question-circle::before {
	color: var(--e-global-color-primary);
}
#blinQ-iwidget-checkout .custom-control-label::before {
	top: unset;
	background-color: #fff;
	border: rgba(228, 249, 245, 0.3) solid 1px;
}
#blinQ-iwidget-checkout .custom-control-input:checked ~ .custom-control-label::before {
	border-color: rgba(228, 249, 245, 0.3);
	background-color: var(--e-global-color-primary);
}
#blinQ-iwidget-checkout .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: none;
}
#blinQ-iwidget-checkout .input-group {
	background-color: #737373;
	border-radius: 8px !important;
}
#blinQ-iwidget-checkout .bg-primary {
	background-color: #fff !important;
}

/* Button Styles */
#blinQ-iwidget-checkout .btn-primary {
	border-color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-primary) !important;
	color: #fff !important;
	border-radius: 8px;
}
#blinQ-iwidget-checkout .btn-primary:focus {
	box-shadow: none;
}
#blinQ-iwidget-checkout .btn-primary:hover {
	background-color: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
	color: #fff !important;
}
#blinQ-iwidget-checkout .input-group-append .btn {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
	border: 1px solid var(--e-global-color-primary) !important;
	background-color: var(--e-global-color-primary);
}
#blinQ-iwidget-checkout .input-group-append .btn:hover {
	border: 1px solid var(--e-global-color-secondary) !important;
	background-color: var(--e-global-color-secondary);
}
#blinQ-iwidget-checkout [type="submit"], button {
	color: #fff;
}

/* Header Cart Icon */
#blinQ-cart-icon .shopping-cart {
	right: -40px;
	background: #fff;
	border-radius: 8px;
	border: 2px solid var(--e-global-color-primary);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) !important;
	/* backdrop-filter: blur(5px); */
}
#blinQ-cart-icon .shopping-cart .shopping-cart-items .item-price {
	color: var(--e-global-color-primary);
}
#blinQ-cart-icon .shopping-cart .shopping-cart-items .item-quantity {
	color: var(--e-global-color-text);
}
#blinQ-cart-icon .shopping-cart .shopping-cart-items .item-name {
	color: var(--e-global-color-text);
}
#blinQ-cart-icon .shopping-cart .shopping-cart-items .item-detail {
	color: var(--e-global-color-text);
}
#blinQ-cart-icon .btn-primary {
	border-color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-primary) !important;
	color: #fff !important;
	margin-top: 15px;
	border-radius: 8px;
}
#blinQ-cart-icon .btn-primary:hover {
	background-color: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
	color: #fff !important;
}
#blinQ-cart-icon .btn-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: none;
}
#blinQ-cart-icon .main-color-text {
	color: var(--e-global-color-primary);
}
#blinQ-cart-icon .badge {
	color: #fff;
}
#blinQ-cart-icon .icon-shopping-cart1 {
	font-size: 26px;
	color: var(--e-global-color-primary);
	transition: transform 0.3s ease-in-out;
}
#blinQ-cart-icon .icon-shopping-cart1:hover {
	color: var(--wp--preset--color--white);
}
#blinQ-cart-icon #cart-item-count {
	background-color: red;
	top: -5px !important;
	right: -5px !important;
	border-radius: 15px;
	font-weight: 600;
	font-size: 10px;
}
#blinQ-cart-icon .cart-icon {
	color: var(--e-global-color-text);
}
#blinQ-cart-icon .lighter-text {
	color: var(--e-global-color-text);
}
#blinQ-cart-icon .nav-link.disabled {
	color: var(--e-global-color-text);
}

/* Image Style */
#blinQ-iwidget-products img, #blinQ-iwidget-checkout img {
	mix-blend-mode: multiply;
}

/* BlinQ Product Grid Section */

/* General Styling */
.bq-menu-grid {
    display: flex;
    flex-wrap: wrap;
}

.bq-menu-item {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    width: calc(33.33% - 60px);
    margin: 30px;
    padding: 0px;
    border-radius: 25px;
    border: 10px solid var(--e-global-color-accent);
    background: var(--e-global-color-accent);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25) !important;
    transition: border 0.5s ease, transform 0.5s ease, box-shadow 0.5s ease;
}

.bq-menu-item:hover {
    transform: translate(0, -10px);
    border: 10px solid var(--e-global-color-accent);
    box-shadow: 5px 15px 10px rgba(0, 0, 0, 0.25) !important;
}

.list-group-item {
    background-color: transparent;
}

.bq-menu-img {
    order: 1 !important;
	margin-top: 0px;
	margin-bottom: 0px;
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: center;
	border-radius: 18px;
	overflow: hidden;
}

.bq-menu-img::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0px;
    transition: background 0.5s ease;
}

.bq-featured-image {
    display: block;
	width: 100%;
    transition: transform 0.5s ease, filter 0.5s ease;
}

.bq-menu-item:hover .bq-featured-image {
	filter: grayscale(100%);
	filter: brightness(70%);
    transform: scale(1.1);
}

.bq-menu-item:hover .bq-menu-img::before {
    border: 2px solid transparent;
    background: rgba(0, 0, 0, 0.3);
}

/* Product Title Styling */
.bq-product-title {
    font-size: 30px !important;
    font-weight: 500 !important;
}

/* Title Box Styling */
.bq-title-box {
	z-index: 1;
    order: 2 !important;
    color: var(--e-global-color-8e45e32);
    font-size: 32px;
    font-weight: 500;
	background-color: transparent;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -2em;
    transition: background-image 0.5s ease, color 0.5s ease;
}

.bq-menu-item:hover .bq-title-box {
	color: var(--e-global-color-1d883b4);
}

/* Description Styling */
.bq-menu-discription {
	display: flex;
	flex-direction: column;
    order: 3 !important;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

/* Check Mark Styling */
.fa-check {
    color: var(--e-global-color-primary);
    transition: color 0.5s ease;
}

.bq-menu-item:hover .fa-check {
    color: var(--e-global-color-text);
}

/* Price Styling */
.bq-price {
    order: 3 !important;
    font-weight: 500;
    font-size: 25px;
    color: var(--e-global-color-text);
    transition: color 0.5s ease;
	padding-top: 10px;
	margin-bottom: 0px;
	border-top: 1px var(--e-global-color-secondary) solid;

}

.bq-menu-item:hover .bq-price {
    color: var(--e-global-color-text);
}

/* Details Styling */
.details .list-group-item {
    font-size: 16px !important;
    color: var(--e-global-color-text);
	margin-bottom: 15px;
	text-indent:0px !important;
	margin-left:0px !important;
}

/* Header Filter Styling */
.bq-header-filter {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
	justify-content: center;
	gap: 20px;
}

.main-menu-heading {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
}

.main-menu-tab-link {
    font-weight: 500 !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--e-global-color-primary);
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px var(--e-global-color-primary) solid;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25) !important;
    transition: background 0.5s ease, border 0.5s ease, color 0.5s ease;
    color: var(--e-global-color-8e45e32) !important;
}

.main-menu-tab-link:hover {
    color: var(--e-global-color-8e45e32) !important;
    background-color: var(--e-global-color-text);
    border: 2px var(--e-global-color-text) solid;
}

.main-menu-heading-text {
    font-weight: 500;
    color: var(--e-global-color-56959fb);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Menu Heading Styling */
.bq-menu-heading {
    border-radius: 10px;
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-accent);
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
	font-size: 22px;
    font-weight: 500;
    border: 2px solid var(--e-global-color-accent);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.bf-form-control{
	padding:25px 12px !important;
	height:auto !important;
}

/* Media Queries */

/* Laptop */
@media (max-width: 1025px) {
    .bq-menu-item {
        width: calc(50% - 60px);
        margin: 30px;
    }
}

/* Tablet */
@media (max-width: 768px) {
    .bq-menu-item {
        width: calc(50% - 40px);
        margin: 20px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .bq-menu-item {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }
	.main-menu-tab-link {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}