/*
Theme Name: Soleng Child Theme
Theme URI: https://soleng.axiomthemes.com/
Description: Soleng - excellent WordPress theme with many different blog and header layouts
Author: AxiomThemes
Author URI: https://axiomthemes.com/
Version: 1.10.9
EV: 1.0.40.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: soleng
Template: soleng
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* ==================================================================
 * CÁC CHỈNH SỬA RIÊNG CỦA WATERJET.VN - MỤC LỤC
 * ==================================================================
 *  1. Nút "Cho vào giỏ hàng" trên ảnh sản phẩm (bo tròn, canh giữa)
 *  2. Tiêu đề: không ngắt chữ kiểu "WA-TERJET" (iPhone/Safari)
 *  3. Tiêu đề widget ở footer: dễ đọc trên điện thoại
 *  4. Mọi trang trên điện thoại: biên trái/phải 16px
 * ================================================================== */



/* ==================================================================
 * 1. Nút "Cho vào giỏ hàng" trên ảnh sản phẩm (bo tròn, canh giữa)
 *    - Ẩn nút "Xem chi tiết" (khách vẫn bấm vào tên sản phẩm để xem)
 *    - Nút giỏ hàng: bo tròn, font Roboto Slab đậm giống nút
 *      "Bắt đầu ngay hôm nay", nằm giữa ảnh
 *    - Giữ hiệu ứng của theme: nút trượt lên khi rê chuột vào ảnh,
 *      nền đổi từ xanh nhạt sang cam khi rê chuột vào nút
 *    - Selector dài để thắng quy tắc !important của theme và không
 *      phụ thuộc class .woocommerce (trang Cửa hàng đặt class này
 *      ở <body>)
 * ================================================================== */
html body ul.products[class*="columns-"] li.product .post_item .post_featured.hover_shop_buttons .icons a.shop_link {
	display: none !important;
}

html body ul.products[class*="columns-"] li.product .post_item .post_featured.hover_shop_buttons .icons a {
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%);
	width: auto !important;
	max-width: calc(100% - 16px);
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-family: "Roboto Slab", serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	padding: 14px 20px !important;
	border-radius: 999px !important;
	white-space: nowrap;
}

/* Khi rê chuột vào ảnh: nút trượt lên, cách đáy ảnh 16px */
html body ul.products[class*="columns-"] li.product .post_item:hover .post_featured.hover_shop_buttons .icons a,
html body ul.products[class*="columns-"] li.product .post_item .post_featured.hover_shop_buttons:hover .icons a {
	bottom: 16px !important;
}

/* Điện thoại */
@media (max-width: 767px) {
	html body ul.products[class*="columns-"] li.product .post_item .post_featured.hover_shop_buttons .icons a {
		font-size: 13px !important;
		padding: 12px 18px !important;
	}
}


/* ==================================================================
 * 2. Tiêu đề: không ngắt chữ kiểu "WA-TERJET" (iPhone/Safari)
 *    Theme đặt hyphens:auto cho tiêu đề. Safari áp dụng nên cắt
 *    "WATERJET" thành "WA-TERJET". Chrome/Android không cắt nên
 *    máy tính và Android trông khác iPhone.
 * ================================================================== */
h1, h2, h3, h4, h5, h6 {
	-webkit-hyphens: manual;
	hyphens: manual;
}


/* ==================================================================
 * 3. Tiêu đề widget ở footer ("GIỚI THIỆU THƯƠNG HIỆU WATERJET",
 *    "BẠN CÓ THỂ MUA MÁY TĂM NƯỚC WATERJET TẠI")
 *    - Theme ép chữ sát nhau (-0.7px) làm dấu tiếng Việt (Ể, Ư, Ớ)
 *      dính vào chữ bên cạnh.
 *    - Trên điện thoại khoảng cách dòng chỉ 18px nên dấu của dòng
 *      dưới (Ạ, Ể) chạm dòng trên.
 * ================================================================== */
.footer_wrap .widget .widgettitle {
	letter-spacing: 0;
	line-height: 1.4;
}


/* ==================================================================
 * 4. Mọi trang trên điện thoại: biên trái/phải 16px
 *    Theme Soleng đặt khung nội dung rộng CỐ ĐỊNH (!important):
 *    280px khi màn hình <= 479px, 440px khi <= 767px. Trên điện thoại
 *    375px còn thừa ~48px mỗi bên (điện thoại 414px: ~67px mỗi bên).
 *    Đổi thành rộng theo màn hình, chừa 16px mỗi bên, cho MỌI trang.
 *    (Các hàng tràn hết chiều ngang của WPBakery vẫn tự căn đúng.)
 * ================================================================== */
@media (max-width: 767px) {
	.page_content_wrap .content_wrap {
		width: auto !important;
		margin-left: 16px !important;
		margin-right: 16px !important;
	}
}