/*
Theme Name: EasyKey Plus
Theme URI: https://www.easykeyplus.com/
Author: EasyKey Plus
Author URI: https://www.easykeyplus.com/
Description: WordPress theme for Philips Digital Door Locks / EasyKey Plus. Smart, safe and convenient home access solutions. Design preserved 100% from original static site.
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: easykeyplus
Tags: custom-menu, custom-logo, featured-images, full-width-template, theme-options, translation-ready

All main styles are loaded from assets (themes/simplebootx) via functions.php to preserve original design.
*/

/* Minimal override - all design in assets/themes/simplebootx/style/css/index.css */

/* Logo - bigger size like original */
.head .logo {
	width: 250px;
}
@media (max-width: 767px) {
	.head .logo {
		width: 150px;
	}
}

/* Logo display fix - ensure image fits container and shows properly */
.head .logo a.logo-link {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 20.5673%;
}
.head .logo a.logo-link img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left center;
	display: block;
}

/* Header search: let clicks reach the real submit under the decorative icon */
.head .search .search-sub1 {
	pointer-events: none;
}

/* Toggle control is a <button> (not <i>) for accessibility — match original .search i */
.head .search .search-sub2 {
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	transition: 0.5s;
	line-height: 1;
}

.searchf .search-sub2,
.head .search:hover .search-sub2 {
	color: #0b5ed5 !important;
}

/* Open the dropdown on hover/focus as well as .searchf (desktop only; .search hidden <1000px in assets) */
@media (min-width: 1000px) {
	.head .search:hover form,
	.head .search.searchf form,
	.head .search:focus-within form {
		height: 40px;
		border: 1px solid #0b5ed5;
	}
}

/* Mobile drawer search: icon sat on top of submit */
.smnav form .iconfont.icon-search {
	pointer-events: none;
}

/*
 * Desktop mega-menu flyouts: pure CSS hover so submenus work with WP menus.
 * (bottom.js slideUp/slideDown left inline display:none and blocked panels.)
 */
@media (min-width: 1000px) {
	.head .navigation > li:hover > .fis-navw {
		display: block !important;
	}
	.head .navigation .fis-nav > li:hover > .sec-nav {
		display: block !important;
	}
	.head .navigation .sec-nav > li:hover > .thi-nav {
		display: block !important;
	}
}

/* Desktop: tighter gap below fixed header (default asset CSS uses 80px). */
@media (min-width: 1000px) {
	.hdpd {
		padding-top: 25px;
	}
}

/* Single product — share row (iconfont links; replaces external share widget). */
.inq .share-img.easykey-product-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 12px;
}
.inq .share-img.easykey-product-share a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #444;
}
.inq .share-img.easykey-product-share a i {
	font-size: 20px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #ccc;
	transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.inq .share-img.easykey-product-share a:hover i {
	color: #0b5ed5;
	border-color: #0b5ed5;
	background: rgba(11, 94, 213, 0.06);
}

/* Single product — Related Products thumbnails 341×400 (matches ek_product_thumb). */
.single-ek_product .p2m4 .p1m1-img {
	width: 100%;
	max-width: 341px;
	margin-left: auto;
	margin-right: auto;
}
.single-ek_product .p2m4 .p1m1-img img {
	width: 341px;
	max-width: 100%;
	height: 400px;
	object-fit: cover;
	display: block;
}