.lhz-wrap {
position: relative !important;
display: inline-block !important;
line-height: 0;
}
.lhz-wrap img {
display: block !important;
max-width: 100% !important;
height: auto !important;
} .lhz-heart {
position: absolute !important;
top: 10px !important;
right: 10px !important;
width: 38px !important;
height: 38px !important;
border-radius: 50%;
background: rgba(30, 30, 30, 0.55) !important;
border: 2px solid rgba(255, 255, 255, 0.85) !important;
cursor: pointer;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 9999;
padding: 0 !important;
transition: border-color .2s, background .2s;
-webkit-tap-highlight-color: transparent;
}
.lhz-heart svg {
width: 18px !important;
height: 18px !important;
color: rgba(255, 255, 255, 0.85);
transition: color .2s;
pointer-events: none;
}
.lhz-heart:hover {
background: rgba(30, 30, 30, 0.75) !important;
border-color: #fff !important;
}
.lhz-heart:hover svg { color: #fff; }
.lhz-heart.lhz-on {
background: rgba(30, 30, 30, 0.55) !important;
border-color: rgba(255, 255, 255, 0.85) !important;
}
.lhz-heart.lhz-on svg { color: #00FF00 !important; }
@media (min-width: 768px) {
.lhz-heart { width: 55px !important; height: 55px !important; }
.lhz-heart svg { width: 26px !important; height: 26px !important; }
}
@media (max-width: 767px) {
.lhz-heart { width: 50px !important; height: 50px !important; }
.lhz-heart svg { width: 24px !important; height: 24px !important; }
}
@keyframes leohaz-pop {
0%   { transform: scale(1); }
50%  { transform: scale(1.3); }
100% { transform: scale(1); }
}
.lhz-heart:active svg { animation: leohaz-pop 0.3s ease; } li#menu-item-8899.sydney-dropdown-li {
display: inline-flex !important;
align-items: center !important;
}
li#menu-item-8899 a.sydney-dropdown-link {
font-size: 0 !important;
color: transparent !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
padding: 0 !important;
margin: 0 4px !important;
cursor: pointer !important;
pointer-events: auto !important;
vertical-align: middle !important;
}
li#menu-item-8899 a.sydney-dropdown-link::before {
content: '';
display: block;
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background: url(//leohaz.com/wordpress/wp-content/themes/sydney-child/icons/heart-green.svg) no-repeat center/contain;
transition: filter .2s;
pointer-events: none;
z-index: 1;
}
li#menu-item-8899 a.sydney-dropdown-link:hover::before {
filter: grayscale(100%) brightness(0.6);
} .lhz-hw {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
} .lhz-hw .leohaz-menu-count {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
font-size: 12px !important;
font-weight: 900 !important;
color: #7f7f7f !important;
z-index: 10 !important;
pointer-events: none !important;
line-height: 1 !important;
font-family: sans-serif !important;
background: transparent !important;
width: auto !important;
height: auto !important;
} .leohaz-fav-count {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: transparent;
color: #7f7f7f;
font-size: 11px;
font-weight: 900;
font-family: sans-serif;
line-height: 1;
pointer-events: none;
z-index: 10;
width: auto;
height: auto;
}
.leohaz-heart-btn {
position: relative;
background: none;
border: none;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.leohaz-heart-btn svg,
.leohaz-heart-btn img {
width: 28px;
height: 28px;
color: #00FF00 !important;
fill: #00FF00 !important;
}
@media (max-width: 767px) {
img[src*="hamburger-green"] { width: 27px !important; height: 27px !important; }
img[src*="heart-green"]     { width: 34px !important; height: 34px !important; }
} #lhz-popup {
display: none;
position: fixed;
inset: 0;
z-index: 99999;
}
#lhz-popup.lhz-open { display: block; }
.lhz-overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.6);
}
.lhz-inner {
position: absolute;
bottom: 0; left: 0; right: 0;
background: #2a2a2a;
border-radius: 16px 16px 0 0;
max-height: 85vh;
display: flex;
flex-direction: column;
z-index: 1;
overflow: hidden;
}
@media (min-width: 768px) {
.lhz-inner {
top: 50%; left: 50%;
right: auto; bottom: auto;
transform: translate(-50%,-50%);
width: 520px;
max-height: 80vh;
border-radius: 16px;
}
}
.lhz-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 20px 14px;
border-bottom: 1px solid #444;
flex-shrink: 0;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.lhz-close {
background: none; border: none;
color: #aaa; font-size: 20px;
cursor: pointer; padding: 4px 8px;
transition: color .2s;
}
.lhz-close:hover { color: #fff; }
.lhz-body {
overflow-y: auto;
padding: 16px 20px 24px;
display: flex;
flex-direction: column;
gap: 14px;
flex: 1;
-webkit-overflow-scrolling: touch;
}
.lhz-empty {
color: #888;
text-align: center;
padding: 32px 0;
line-height: 1.6;
margin: 0;
}
.lhz-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.lhz-item {
display: flex;
align-items: center;
gap: 12px;
background: #333;
border-radius: 10px;
padding: 8px 10px;
}
.lhz-thumb {
width: 52px; height: 52px;
object-fit: cover;
border-radius: 6px;
flex-shrink: 0;
}
.lhz-name {
flex: 1;
color: #fff;
font-size: 14px;
line-height: 1.3;
}
.lhz-rm {
background: none; border: none;
color: #666; font-size: 16px;
cursor: pointer; padding: 4px 6px;
transition: color .2s; flex-shrink: 0;
}
.lhz-rm:hover { color: #ff4444; } .lhz-form {
display: flex;
flex-direction: column;
gap: 10px;
border-top: 1px solid #444;
padding-top: 14px;
}
.lhz-form input {
background: #333;
border: 1px solid #555;
border-radius: 8px;
color: #fff;
padding: 10px 14px;
font-size: 16px;
outline: none;
width: 100%;
box-sizing: border-box;
transition: border-color .2s;
-webkit-box-shadow: 0 0 0px 1000px #333 inset !important;
-webkit-text-fill-color: #fff !important;
}
.lhz-form input:focus { border-color: #00FF00; }
.lhz-form input::placeholder { color: #777; }
.lhz-form input:-webkit-autofill,
.lhz-form input:-webkit-autofill:hover,
.lhz-form input:-webkit-autofill:focus,
.lhz-form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px #333 inset !important;
-webkit-text-fill-color: #fff !important;
caret-color: #fff;
border-color: #555 !important;
transition: background-color 9999s ease-in-out 0s;
}
#lhz-status {
font-size: 13px;
padding: 0;
line-height: 1.4;
min-height: 0;
}
#lhz-send {
background: #00FF00;
color: #000;
border: none;
border-radius: 8px;
padding: 12px 16px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: background .2s;
-webkit-tap-highlight-color: transparent;
}
#lhz-send:hover { background: #00e600; }
#lhz-send:disabled { opacity: .6; cursor: default; } #lhz-toast {
position: fixed;
bottom: 28px;
left: 50%;
transform: translateX(-50%) translateY(20px);
background: #222;
color: #fff;
padding: 12px 18px;
border-radius: 12px;
font-size: 14px;
z-index: 999999;
opacity: 0;
transition: opacity .3s, transform .3s;
pointer-events: none;
border: 1px solid #444;
min-width: 260px;
max-width: 90vw;
box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
#lhz-toast.lhz-toast-show {
opacity: 1;
transform: translateX(-50%) translateY(0);
pointer-events: auto;
}
#lhz-toast.lhz-toast-hide {
opacity: 0;
transform: translateX(-50%) translateY(20px);
pointer-events: none;
}
.lhz-toast-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 2px;
}
.lhz-toast-heart { color: #00FF00; font-size: 16px; flex-shrink: 0; }
.lhz-toast-heart-off { color: #888; }
.lhz-toast-msg { font-size: 13px; line-height: 1.4; color: #fff; }
.lhz-toast-btn {
display: block;
margin-top: 10px;
padding: 7px 14px;
border: 2px solid #00FF00;
border-radius: 8px;
color: #00FF00 !important;
background: transparent;
font-size: 13px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition: background .2s, color .2s;
-webkit-tap-highlight-color: transparent;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.lhz-toast-btn:hover,
.lhz-toast-btn:active {
background: #00FF00 !important;
color: #000 !important;
}
@media (max-width: 640px) {
.lhz-inner {
width: 100% !important;
left: 0 !important;
transform: none !important;
}
} @media (max-width: 767px) {
li#menu-item-8899 {
display: none !important;
} li#leohaz-email-item {
display: block !important;
}
} @media (min-width: 768px) {
li#leohaz-email-item {
display: none !important;
}
}@font-face {
font-family: 'pet-drop';
src:  url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.eot?iepruw);
src:  url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.eot?iepruw#iefix) format('embedded-opentype'),
url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.ttf?iepruw) format('truetype'),
url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.woff?iepruw) format('woff'),
url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.svg?iepruw#pet-drop) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="wp-svg-custom-"], [class*=" wp-svg-custom-"] { font-family: 'pet-drop' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-svg-custom-pet-pur-wp-svg-custom-g .path1:before {
content: "\e900";
color: rgb(230, 230, 230);
}
.wp-svg-custom-pet-pur-wp-svg-custom-g .path2:before {
content: "\e901";
margin-left: -1em;
color: rgb(52, 52, 52);
}
.wp-svg-custom-pet-pur-wp-svg-custom-g .path3:before {
content: "\e902";
margin-left: -1em;
color: rgb(255, 255, 255);
opacity: 0.12;
}