/*
Theme Name: CENTRA Engineering Theme
Theme URI: https://www.centra.cl/
Author: CENTRA Engineering
Author URI: https://www.centra.cl/
Description: CENTRA Engineering child theme for Twenty Fourteen.
Template: twentyfourteen
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: centra
Tags: black, orange, white, light
*/
/* =========================================================
 * WOOCOMMERCE
 * ========================================================= */
/* Layout and controls */
.twentyfourteen .tfwc {
	box-sizing: border-box;
	width: 95%;
	max-width: none;
	margin-right: auto;
	margin-left: auto;
	padding: 12px 10px 0;
}
.woocommerce .quantity .qty {
	box-sizing: border-box;
	width: 160px !important;
	margin-bottom: 12px;
	line-height: 1;
	text-align: center;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--ctr-primary);
	border-color: var(--ctr-primary);
	color: var(--ctr-white);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var(--ctr-secondary);
	border-color: var(--ctr-secondary);
	color: var(--ctr-white);
}
.wc-block-components-button {
	background-color: var(--ctr-primary);
	border-color: var(--ctr-primary);
	color: var(--ctr-white);
}
.wc-block-components-button:hover {
	background-color: var(--ctr-secondary);
	border-color: var(--ctr-secondary);
	color: var(--ctr-white);
}
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.woocommerce table.shop_table,
.wc-block-components-text-input input,
.wc-block-components-combobox input,
.wc-block-components-address-form input,
.wc-block-components-address-form select {
	border-color: var(--ctr-border);
}
/* Product indicators */
.woocommerce span.onsale {
	z-index: 1;
	background-color: var(--ctr-primary);
	color: var(--ctr-white);
}
.wc-block-components-product-sale-badge,
.wp-block-woocommerce-product-sale-badge {
	background-color: var(--ctr-primary);
	border-color: var(--ctr-primary);
	color: var(--ctr-white);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.stock,
.woocommerce div.product .stock,
.woocommerce p.stock,
.woocommerce .stock {
	color: var(--ctr-primary);
}
/* Notices and disabled states */
.woocommerce-message {
	border-top-color: var(--ctr-primary);
	color: var(--ctr-text);
}
.woocommerce-message::before,
.woocommerce-message a {
	color: var(--ctr-primary);
}
.woocommerce-message a:hover {
	color: var(--ctr-secondary);
}
.woocommerce-cart .cart-empty.woocommerce-info {
	border-top-color: var(--ctr-primary);
}
.woocommerce-cart .cart-empty.woocommerce-info::before {
	color: var(--ctr-primary);
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
	color: var(--ctr-white);
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button.wc-variation-selection-needed {
	background: var(--ctr-primary) !important;
	background-color: var(--ctr-primary) !important;
	border-color: var(--ctr-primary) !important;
	color: var(--ctr-white) !important;
	opacity: 0.45 !important;
}
/* Product metadata and remove controls */
.woocommerce div.product .product_meta > span {
	display: block;
}
.woocommerce a.remove,
.woocommerce-cart a.remove,
.woocommerce-mini-cart a.remove {
	color: var(--ctr-primary) !important;
}
.woocommerce a.remove:hover,
.woocommerce-cart a.remove:hover,
.woocommerce-mini-cart a.remove:hover {
	background-color: var(--ctr-primary);
	color: var(--ctr-white);
}
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required,
.woocommerce label .required,
.woocommerce-page label .required {
	color: var(--ctr-primary) !important;
}

/* Single-product layout */
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	box-sizing: border-box;
	float: left;
	width: 46% !important;
	padding-left: 18px;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
	box-sizing: border-box;
	float: right;
	width: 52%;
}
.woocommerce div.product span.onsale {
	left: 18px;
}
.woocommerce div.product::after {
	display: table;
	clear: both;
	content: "";
}

/* Variations */
.woocommerce div.product form.cart .variations {
	width: 100%;
	margin-bottom: 8px;
}
.woocommerce div.product form.cart .variations tr {
	display: block;
	width: 100%;
}
.woocommerce div.product form.cart .variations th.label,
.woocommerce div.product form.cart .variations td.value {
	display: block;
	box-sizing: border-box;
	width: 100%;
}
.woocommerce div.product form.cart .variations td.value {
	/*padding: 0;*/
}
.woocommerce div.product form.cart .variations th.label {
	/*padding: 0 0 6px;*/
	text-align: left;
}
.woocommerce div.product form.cart .variations select {
	display: block;
	width: 50%;
	max-width: 50%;
	/*margin: 0;*/
}
.woocommerce div.product form.cart .reset_variations {
	display: block;
	width: max-content;
	margin-top: 4px;
	white-space: nowrap;
}

/* Product tabs and related products */
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related.products {
	box-sizing: border-box;
	padding-right: 18px;
	padding-left: 18px;
}

/* Single-product mobile layout */
@media screen and (max-width: 782px) {
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images,
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		float: none;
		width: 100% !important;
	}
	.woocommerce div.product div.images {
		margin-bottom: 24px;
		padding-right: 18px;
	}
}

/* Message checkmark: final override */
.woocommerce-message::before {
	color: #46b450;
	font-size: 22px;
	translate: -10px -10px;
}

/* Remove control sizing */
.woocommerce a.remove,
.woocommerce-cart a.remove,
.woocommerce-mini-cart a.remove {
	font-size: 26px;
	line-height: 1;
	width: 26px;
	height: 26px;
}

/* Account and login */
.woocommerce-account form.woocommerce-form-login {
	border: 0;
	padding: 0;
	background: transparent;
}
.woocommerce-account .ctr-login-card {
	box-sizing: border-box;
	margin: 0 0 24px;
	border: 1px solid var(--ctr-border);
	background: var(--ctr-white);
	padding: 24px;
}
.woocommerce-account .ctr-login-card h3 {
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	text-transform: none;
}
.woocommerce-account .ctr-google-login {
	padding-bottom: 22px;
}
.woocommerce-account .ctr-google-login > *:last-child {
	margin-bottom: 0;
}
.woocommerce-account .ctr-local-login p:first-of-type {
	margin-top: 0;
}
.woocommerce-account .ctr-local-login .woocommerce-LostPassword {
	margin-bottom: 0;
}

/* Page width */
body.woocommerce-page .site-content .entry-header,
body.woocommerce-page .site-content .entry-content,
body.woocommerce-page .site-content .entry-summary,
body.woocommerce-page .site-content .entry-meta,
body.woocommerce-page .page-content {
	box-sizing: border-box;
	width: 95%;
	max-width: none;
	margin-right: auto;
	margin-left: auto;
}

/* =========================================================
 * 7. PRODUCT TECHNICAL CONTENT
 * ========================================================= */
/* Technical documents */
.ctr-tech-docs {
	width:100%;
}
.ctr-doc-row {
	display:grid;
	grid-template-columns:80px minmax(0,1fr) auto;
	gap:16px;
	align-items:center;
	min-height:120px;
	padding:10px;
	border-bottom:1px solid var(--ctr-border);
	cursor:pointer;
	transition:background-color .15s ease;
}
.ctr-doc-row:hover {
	background-color:rgba(255,80,40,.08);
}
.ctr-doc-row:hover .doc-name {
	color:var(--ctr-primary);
}
.doc-thmb {
	width:80px;
	height:100px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ctr-doc-img-thn {
	display:block;
	width:80px !important;
	height:100px !important;
	object-fit:contain;
}
.doc-name {
	min-width:0;
	overflow-wrap:anywhere;
}
.doc-down {
	min-width:110px;
	text-align:center;
}
.doc-down small {
	display:block;
	margin-top:5px;
	font-size:11px;
	line-height:1.2;
	white-space:nowrap;
	color:var(--ctr-muted);
}
.ctr-doc-down {
	margin:0;
}
/* Technical documents: mobile */
@media (max-width:700px) {
	.ctr-doc-row {
		grid-template-columns:80px minmax(0,1fr);
		grid-template-rows:auto auto;
		align-items:center;
	}
	.doc-thmb {
		grid-column:1;
		grid-row:1 / span 2;
	}
	.doc-name {
		grid-column:2;
		grid-row:1;
	}
	.doc-down {
		grid-column:2;
		grid-row:2;
		justify-self:start;
		text-align:left;
	}
	.doc-desc {
		/*display:none;*/
	}
}

/* Collapsible technical information */
#tab-centra_category_information .ctr-tech-content {
	position:relative;
	max-height:300px;
	overflow:hidden;
}
#tab-centra_category_information .ctr-tech-content::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:100px;
	background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);
	pointer-events:none;
}
#tab-centra_category_information.ctr-tech-expanded .ctr-tech-content {
	max-height:none;
}
#tab-centra_category_information.ctr-tech-expanded .ctr-tech-content::after {
	display:none;
}
#tab-centra_category_information .ctr-tech-toggle {
	display:none;
	margin-top:8px;
	padding:0 !important;
	border:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	color:var(--ctr-primary) !important;
	font:inherit;
	font-weight:600;
	text-transform:none;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
}
#tab-centra_category_information .ctr-tech-toggle:hover,
#tab-centra_category_information .ctr-tech-toggle:focus {
	background:transparent !important;
	color:var(--ctr-secondary) !important;
	text-decoration:underline;
}
#tab-centra_category_information.ctr-tech-long .ctr-tech-toggle {
	display:inline-block;
}