/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* --------------------------------------------------------------------------
 * Global Variables
 * -------------------------------------------------------------------------- */

:root {
	--primary-color: #d82253;
	--border-color: #e0e0e0;
	--border-hover: #bbbbbb;
	--bg-hover: #f9f9f9;
}


/* --------------------------------------------------------------------------
 * General
 * -------------------------------------------------------------------------- */

textarea {
	--theme-form-field-border-radius: 20px;
}

#footer [data-id="text"] h3 {
	font-size: 17px;
	margin-bottom: 5px;
}

.list-container {
	padding: 0;
	margin: 0;
}

.list-container .item {
	display: inline-block !important;
	margin-right: 10px;
}


/* --------------------------------------------------------------------------
 * WPC Product Options
 * -------------------------------------------------------------------------- */

/* Layout */
.wpcpo-option {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}

.wpcpo-option-name {
	flex: 0 0 100px;
	width: auto;
}

.wpcpo-option-form {
	flex: 1;
	min-width: 0;
}

.wpcpo-option.wpcpo-option-radio {
	display: flex;
	flex-wrap: nowrap;
}

.wpcpo-option.wpcpo-required.wpcpo-option-radio,
.wpcpo-option.wpcpo-required.wpcpo-option-date-picker {
	display: flex;
}

.wpcpo-option-form .form-row {
	margin-bottom: 5px;
}

.wpcpo-option-name b,
.wpcpo-option-name strong {
	font-size: smaller;
	font-variant: all-small-caps;
}


/* Radio group */
.wpcpo-option-radio {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


/* Radio button */
.wpcpo-option-radio label {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;

	min-width: 130px;
	height: 50px;
	padding: 0 17px;
	margin: 0 15px 5px 5px;

	border: 1px solid var(--border-color) !important;
	border-radius: 25px;
	cursor: pointer;
}

.wpcpo-option-radio input[type="radio"] {
	accent-color: var(--primary-color);
	width: 18px;
	height: 18px;
	margin-right: 7px;
	cursor: pointer;
}

.wpcpo-option-radio label:hover {
	border-color: var(--border-hover);
	background-color: var(--bg-hover);
}

.wpcpo-option-radio label:has(input:checked) {
	border-color: var(--primary-color) !important;
	box-shadow: 0 0 0 1px var(--primary-color);
}


/* Date picker */
.wpcpo-option-date-picker .wpcpo-date-picker {
	border: 2px solid var(--primary-color) !important;
}


/* --------------------------------------------------------------------------
 * Blocksy
 * -------------------------------------------------------------------------- */

/* Full width Add to Cart button */
.entry-summary-items > .ct-product-add-to-cart > .cart {
	--theme-button-max-width: 100%;
}


/* --------------------------------------------------------------------------
 * WooCommerce
 * -------------------------------------------------------------------------- */

/* Payment method icons */
#payment ul.payment_methods > li.wc_payment_method > label img {
	max-width: 50px;
	max-height: 25px;
}

/* Zalo icon */
.payment_method_zlp img,
.payment_method_zlp_atm img,
.payment_method_zlp_cc img {
    width: auto !important;
    height: auto !important;
    margin-bottom: 0 !important;
}

/* MULTILANGUAGE SWITCHER FLAG */
/* Đưa lá cờ nằm ngang hàng tuyệt đối với icon Search và Account */
.msls-flag-item,
[class*="msls"] a,
.msls-link {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin-right: 3px !important;   /* Khoảng cách GIỮA 2 LÁ CỜ */
    margin-bottom: 0 !important;    /* Xóa bỏ đẩy dòng dưới */
    margin-top: 0 !important;
    white-space: nowrap;
}

/* Chuẩn hóa kích thước lá cờ 20px */
.msls-flag-item img,
[class*="msls"] img {
    max-width: 20px !important;
    width: 20px !important;
    height: auto !important;
    display: block !important;
}

/* Xóa margin lá cờ cuối cùng */
.msls-flag-item:last-child,
[class*="msls"] a:last-child {
    margin-right: 0 !important;
}