}
body.woocommerce nav.woocommerce-pagination .page-numbers span.current {
border-color: #111 !important;
background: #111 !important;
color: #fff !important;
}
/* Footer Farsi logo: stable spacing above the centered social icons */
footer.elementor-1849 .elementor-element-08851b9 {
width: 100% !important;
margin: 18px 0 12px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
footer.elementor-1849 .elementor-element-018d378 {
width: 100% !important;
max-width: 270px !important;
margin: 0 auto !important;footer.elementor-1849 .elementor-element-08851b9
padding: 10px 18px 6px !important;
text-align: center !important;
box-sizing: border-box !important;
}
}
/* haywork-global-ui-fix-v27 */
/* HAYWORK GLOBAL UI FIX V27 — header/menu, FAQ, buying guide and trust cards.
Category rail geometry and main product-card strokes are intentionally untouched. */
:root{--hw-green:#4a9560;--hw-dark:#07100c;--hw-line:rgba(74,149,96,.28);}
/* Single product: buying guide */
body.single-product .hw-order-guide{
width:min(100% - 32px,1180px)!important;
margin:32px auto!important;
padding:32px!important;
border:1px solid var(--hw-line)!important;
border-radius:22px!important;
background:#eef8f3!important;
box-sizing:border-box!important;
}
body.single-product .hw-order-guide .hw-section-head,
body.single-product .hw-trust-strip .hw-section-head{margin:0 0 24px!important;}
body.single-product .hw-order-guide .hw-section-head h2,
body.single-product .hw-trust-strip .hw-section-head h2{
margin:6px 0 0!important;line-height:1.65!important;
}
body.single-product .hw-guide-grid{
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:16px!important;
}
body.single-product .hw-guide-grid>article{
display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;
grid-template-rows:auto auto!important;align-items:center!important;
column-gap:14px!important;min-height:132px!important;padding:20px!important;
border:1px solid rgba(15,117,91,.2)!important;border-radius:18px!important;
background:#fff!important;box-sizing:border-box!important;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body.single-product .hw-guide-grid>article:hover{
transform:translateY(-3px)!important;border-color:var(--hw-green)!important;
box-shadow:0 12px 28px rgba(15,117,91,.12)!important;
}
body.single-product .hw-guide-grid>article>i{
grid-row:1/3!important;width:52px!important;height:52px!important;
display:flex!important;align-items:center!important;justify-content:center!important;
border-radius:13px!important;background:#0f755b!important;color:#fff!important;
font-style:normal!important;font-weight:800!important;
}
body.single-product .hw-guide-grid>article>b{font-size:16px!important;line-height:1.65!important;}
body.single-product .hw-guide-grid>article>span{font-size:13px!important;line-height:1.75!important;color:#5c6b65!important;}
/* Single product: trusted purchase cards */
body.single-product .hw-trust-strip{
width:min(100% - 32px,1180px)!important;margin:32px auto!important;
padding:32px!important;border:1px solid var(--hw-line)!important;
border-radius:22px!important;background:#fff!important;box-sizing:border-box!important;
}
body.single-product .hw-trust-grid{
display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:16px!important;
}
body.single-product .hw-trust-grid>article{
min-height:128px!important;padding:20px 16px!important;
display:flex!important;flex-direction:column!important;align-items:center!important;
justify-content:center!important;text-align:center!important;
border:1px solid rgba(15,117,91,.18)!important;border-radius:18px!important;
background:#eef8f3!important;box-sizing:border-box!important;
transition:transform .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body.single-product .hw-trust-grid>article:hover{
transform:translateY(-3px)!important;background:var(--hw-green)!important;
border-color:var(--hw-green)!important;color:#fff!important;
box-shadow:0 12px 28px rgba(15,117,91,.16)!important;
}
body.single-product .hw-trust-grid>article>b{font-size:15px!important;line-height:1.7!important;}
body.single-product .hw-trust-grid>article>span{margin-top:6px!important;font-size:12px!important;line-height:1.7!important;}
body.single-product .hw-trust-grid>article:hover span{color:#fff!important;}
/* FAQ: reserve a real icon column and prevent overlap */
body.single-product .elementor-widget-n-accordion .e-n-accordion-item-title{
position:relative!important;display:flex!important;align-items:center!important;
min-height:84px!important;padding:18px 22px 18px 78px!important;
border-radius:17px!important;box-sizing:border-box!important;
}
body.single-product .elementor-widget-n-accordion .e-n-accordion-item-title-text{
display:block!important;width:100%!important;margin:0!important;
font-size:17px!important;line-height:1.85!important;
}
body.single-product .elementor-widget-n-accordion .e-n-accordion-item-title-icon{
position:absolute!important;left:20px!important;right:auto!important;top:50%!important;
transform:translateY(-50%)!important;width:44px!important;height:44px!important;
flex:0 0 44px!important;margin:0!important;z-index:2!important;
}
body.single-product .elementor-widget-n-accordion .e-n-accordion-item-title-icon>span{
width:44px!important;height:44px!important;display:flex!important;
align-items:center!important;justify-content:center!important;
}
/* Desktop-only subcategory hover; separators remain inert */
@media (min-width:769px){
body.woocommerce .haywork-product-subcategories a[href]{
transition:color .2s ease,background-color .2s ease,border-color .2s ease!important;
}
body.woocommerce .haywork-product-subcategories a[href]:hover,
body.woocommerce .haywork-product-subcategories a[href]:focus-visible{
color:#fff!important;background:var(--hw-green)!important;border-color:var(--hw-green)!important;
}
body.woocommerce .haywork-product-subcategories .haywork-cat-separator{
pointer-events:none!important;background:transparent!important;border:0!important;
box-shadow:none!important;color:inherit!important;
}
}
/* Mobile global header and off-canvas menu */
@media (max-width:768px){
html body #site_header .row.elms_row{
min-height:94px!important;padding:10px 16px!important;
background-image:url("https://haywork.ir/wp-content/uploads/2025/10/Logo-English-01.svg")!important;
background-size:172px auto!important;background-repeat:no-repeat!important;
background-position:16px 50%!important;box-sizing:border-box!important;
}
html body #site_header .header_4_right,
html body #site_header .menu_header_4_right_0{
width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
display:flex!important;align-items:center!important;justify-content:flex-end!important;
box-sizing:border-box!important;
}
html body #site_header .menu_header_4_right_0>.icon_offcanvas_menu:not(.icon_mobile_offcanvas_menu),
html body #site_header .xtra-close-icon,
html body #site_header .offcanvas-close{display:none!important;}
html body #site_header .icon_mobile_offcanvas_menu{
position:relative!important;inset:auto!important;float:none!important;
width:124px!important;height:50px!important;margin:0!important;padding:0 16px!important;
display:flex!important;align-items:center!important;justify-content:center!important;
border:1px solid rgba(255,255,255,.78)!important;border-radius:14px!important;
background:#0f836d!important;color:#fff!important;box-sizing:border-box!important;
font-size:0!important;line-height:1!important;overflow:hidden!important;
}
html body #site_header .icon_mobile_offcanvas_menu:before{display:none!important;}
html body #site_header .icon_mobile_offcanvas_menu span{
display:block!important;color:#fff!important;font-size:16px!important;
font-weight:700!important;line-height:1!important;white-space:nowrap!important;
}
html body #menu_header_4.offcanvas_menu,
html body #menu_header_4.active_offcanvas{
top:0!important;bottom:96px!important;height:auto!important;
max-height:calc(100dvh - 96px)!important;width:min(84vw,380px)!important;
padding:0!important;display:flex!important;flex-direction:column!important;
overflow-y:auto!important;overflow-x:hidden!important;background:#07100c!important;
box-sizing:border-box!important;z-index:999999!important;
}
html body #menu_header_4 .offcanvas_inner,
html body #menu_header_4 .offcanvas_area{
min-height:0!important;height:auto!important;display:flex!important;
flex-direction:column!important;background:#07100c!important;
}
html body #menu_header_4 .offcanvas_head{
min-height:86px!important;padding:14px 16px!important;margin:0!important;
display:flex!important;align-items:center!important;gap:12px!important;
border:0!important;box-sizing:border-box!important;
}
html body #menu_header_4 .offcanvas_head form,
html body #menu_header_4 .searchform{
min-width:0!important;flex:1 1 auto!important;margin:0!important;
}
html body #menu_header_4 .searchform input[type="text"],
html body #menu_header_4 .searchform input[type="search"]{
height:52px!important;padding:0 18px 0 58px!important;
border:0!important;border-radius:13px!important;background:#fff!important;
color:#173229!important;box-sizing:border-box!important;
}
html body #menu_header_4 .searchform button{
left:4px!important;right:auto!important;width:48px!important;height:44px!important;
top:4px!important;border-radius:10px!important;
}
html body #menu_header_4 .offcanvas_head .user,
html body #menu_header_4 .offcanvas_head .cz_user_login{
position:relative!important;width:46px!important;height:46px!important;min-width:46px!important;
margin:0!important;display:flex!important;align-items:center!important;
justify-content:center!important;border:0!important;background:transparent!important;
overflow:hidden!important;
}
html body #menu_header_4 .offcanvas_head .user img,
html body #menu_header_4 .offcanvas_head .cz_user_login img,
html body #menu_header_4 .offcanvas_head .user svg,
html body #menu_header_4 .offcanvas_head .cz_user_login svg{display:none!important;}
html body #menu_header_4 .offcanvas_head .user:before,
html body #menu_header_4 .offcanvas_head .cz_user_login:before{
content:"\f2bd"!important;font-family:"Font Awesome 5 Free","FontAwesome"!important;
font-size:27px!important;font-weight:400!important;color:#fff!important;
}
html body #menu_header_4 ul.menu,
html body #menu_header_4 .menu{margin:0!important;padding:0!important;}
html body #menu_header_4 ul.menu>li>a,
html body #menu_header_4 .menu>li>a{
min-height:64px!important;padding:14px 22px!important;
display:flex!important;align-items:center!important;
font-size:16px!important;line-height:1.55!important;font-weight:700!important;
box-sizing:border-box!important;
}
html body #menu_header_4 .social,
html body #menu_header_4 .cz_social,
html body #menu_header_4 .offcanvas_social{
margin:18px auto 8px!important;padding:0 18px!important;
display:flex!important;justify-content:center!important;gap:18px!important;
border:0!important;outline:0!important;box-shadow:none!important;
}
html body #menu_header_4 .copyright,
html body #menu_header_4 .offcanvas_footer{
margin:6px auto 18px!important;padding:0 18px!important;text-align:center!important;
border:0!important;box-shadow:none!important;
}
body.single-product .hw-order-guide,
body.single-product .hw-trust-strip{
width:calc(100% - 28px)!important;margin:24px 14px!important;
padding:22px 14px!important;border-radius:19px!important;
}
body.single-product .hw-order-guide .hw-section-head,
body.single-product .hw-trust-strip .hw-section-head{margin-bottom:18px!important;}
body.single-product .hw-guide-grid{grid-template-columns:1fr!important;gap:12px!important;}
body.single-product .hw-guide-grid>article{
grid-template-columns:46px minmax(0,1fr)!important;min-height:92px!important;
padding:15px 16px!important;border-radius:15px!important;
}
body.single-product .hw-guide-grid>article>i{width:46px!important;height:46px!important;}
body.single-product .hw-guide-grid>article>b{font-size:15px!important;}
body.single-product .hw-guide-grid>article>span{display:block!important;font-size:12.5px!important;}
body.single-product .hw-trust-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
}
body.single-product .hw-trust-grid>article{
min-height:116px!important;padding:15px 10px!important;border-radius:15px!important;
}
body.single-product .hw-trust-grid>article:last-child:nth-child(odd){
grid-column:1/-1!important;min-height:92px!important;
}
body.single-product .hw-trust-grid>article>b{font-size:14px!important;}
body.single-product .hw-trust-grid>article>span{display:block!important;font-size:11.5px!important;}
body.single-product .elementor-widget-n-accordion{
width:calc(100% - 28px)!important;margin-right:14px!important;
margin-left:14px!important;box-sizing:border-box!important;
}
body.single-product .elementor-widget-n-accordion .e-n-accordion-item-title{
min-height:76px!important;padding:16px 17px 16px 68px!important;border-radius:15px!important;
}
body.single-product .elementor-widget-n-accordion .e-n-accordion-item-title-text{
font-size:15px!important;line-height:1.85!important;
}
body.single-product .elementor-widget-n-accordion .e-n-accordion-item-title-icon{
left:15px!important;right:auto!important;width:40px!important;height:40px!important;
flex-basis:40px!important;
}
body.single-product .elementor-widget-n-accordion .e-n-accordion-item-title-icon>span{
width:40px!important;height:40px!important;
}
body.woocommerce-shop .woocommerce-result-count,
body.post-type-archive-product .woocommerce-result-count{
width:calc(100% - 28px)!important;margin:18px 14px 14px!important;box-sizing:border-box!important;
}
body.woocommerce-shop .woocommerce-ordering,
body.post-type-archive-product .woocommerce-ordering{
width:calc(100% - 28px)!important;margin:0 14px 22px!important;box-sizing:border-box!important;
}
}
tor-element-018d378 img {
display: block !important;
width: min(100%, 233px) !important;
height: auto !important;
margin: 0 auto !important;
}
footer.elementor-1849 .elementor-element-721b420,
footer.elementor-1849 .elementor-element-7ebb98a {
width: 100% !important;
margin: 8px 0 0 !important;
padding: 0 14px !important;
box-sizing: border-box !important;
}
/* Remove only the redundant middle card stroke; keep carousel mother and inner product panel. */
html body.woocommerce-shop.woocommerce-page .hw-mobile-carousel-track.hw-mobile-carousel-track > li.product.product {
border: 0 !important;
box-shadow: none !important;
}
}
html body #menu_header_4#menu_header_4 {
padding: 0 !important;
}
/* ===== COMPACT MOBILE MENU — USER REVIEW 2026-09-21 ===== */
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head {
grid-template-columns: 40px minmax(0, 1fr) !important;
width: 100% !important;
height: 62px !important;
min-height: 62px !important;
padding: 10px 14px !important;
gap: 10px !important;
left: 0 !important;
right: 0 !important;
inset-inline: 0 !important;
box-sizing: border-box !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head > a:first-child {
grid-column: 1 !important;
grid-row: 1 !important;
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
overflow: hidden !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head > a:first-child img {
display: none !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head > a:first-child::before {
content: "\f007" !important;
display: block !important;
font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome !important;
font-size: 23px !important;
font-weight: 900 !important;
line-height: 1 !important;
color: #fff !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head > form {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head > form input[type="search"] {
width: 100% !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-radius: 7px !important;
box-sizing: border-box !important;
}
html body #menu_header_4#menu_header_4 > li.menu-item {
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
}
html body #menu_header_4#menu_header_4 > li.menu-item > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 18px !important;
font-size: 15px !important;
line-height: 1.25 !important;
box-sizing: border-box !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional.xtra-mobile-menu-additional {
position: static !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 84px !important;
min-height: 84px !important;
margin: 0 !important;
padding: 8px 12px 10px !important;
gap: 6px !important;
box-sizing: border-box !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional .cz_social {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
gap: 8px !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional .cz_social a {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
margin: 0 !important;
font-size: 18px !important;
color: #4a9560 !important;
background: transparent !important;
opacity: 1 !important;
filter: none !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional .cz_social a::before,
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional .cz_social a i,
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional .cz_social a span {
color: #4a9560 !important;
opacity: 1 !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional .xtra-mobile-menu-text {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 10.5px !important;
line-height: 1.45 !important;
text-align: center !important;
white-space: normal !important;
}
html body:has(#menu_header_4.active_offcanvas) #goftino_w {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* ===== MENU LAYER + TRIGGER LABEL FIX — 2026-09-21 ===== */
html body #site_header#site_header .menu_header_4_right_0 .icon_mobile_offcanvas_menu > span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 650 !important;
line-height: 1 !important;
white-space: nowrap !important;
opacity: 1 !important;
visibility: visible !important;
}
html body #site_header#site_header .menu_header_4_right_0 .icon_mobile_offcanvas_menu {
gap: 8px !important;
color: #fff !important;
z-index: 10021 !important;
}
html body #menu_header_4#menu_header_4.offcanvas_area {
top: 0 !important;
z-index: 2147483000 !important;
isolation: isolate !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head {
top: 0 !important;
z-index: 2147483001 !important;
}
html body:has(#menu_header_4.active_offcanvas) #site_header#site_header {
z-index: 9990 !important;
}
/* ===== MENU SPACING + CATEGORY LINK STATES — 2026-09-21 ===== */
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head {
height: 58px !important;
min-height: 58px !important;
margin: 8px 0 6px !important;
padding: 8px 14px !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head > form input[type="search"] {
padding: 0 58px 0 14px !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-head.xtra-mobile-menu-head > form > i {
right: 6px !important;
left: auto !important;
width: 38px !important;
height: 38px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional.xtra-mobile-menu-additional,
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional .cz_social,
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional .cz_social a {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional.xtra-mobile-menu-additional,
html body #menu_header_4#menu_header_4 > .xtra-mobile-menu-additional .cz_social {
background: transparent !important;
}
body .xtra-fixed-mobile-nav,
body .xtra-fixed-mobile-nav a {
pointer-events: auto !important;
}
body .xtra-fixed-mobile-nav a {
position: relative !important;
z-index: 2 !important;
}
body.woocommerce .codevz-wcb-inner > a[href],
body.woocommerce .hw-mobile-carousel-heading a[href],
body.woocommerce .haywork-product-subcategories a[href] {
cursor: pointer !important;
pointer-events: auto !important;
position: relative !important;
text-decoration: none !important;
transition: color .18s ease, background-color .18s ease, border-color .18s ease !important;
}
body.woocommerce .codevz-wcb-inner > a[href]:hover,
body.woocommerce .codevz-wcb-inner > a[href]:focus-visible,
body.woocommerce .codevz-wcb-inner > a[href]:active,
body.woocommerce .codevz-wcb-inner > a[href][aria-current="page"],
body.woocommerce .codevz-wcb-inner > a[href].codevz-wcb-active,
body.woocommerce .codevz-wcb-inner > a[href].hw-link-selected,
body.woocommerce .hw-mobile-carousel-heading a[href]:hover,
body.woocommerce .hw-mobile-carousel-heading a[href]:focus-visible,
body.woocommerce .hw-mobile-carousel-heading a[href]:active,
body.woocommerce .hw-mobile-carousel-heading a[href][aria-current="page"],
body.woocommerce .hw-mobile-carousel-heading a[href].hw-link-selected,
body.woocommerce .haywork-product-subcategories a[href]:hover,
body.woocommerce .haywork-product-subcategories a[href]:focus-visible,
body.woocommerce .haywork-product-subcategories a[href]:active,
body.woocommerce .haywork-product-subcategories a[href][aria-current="page"],
body.woocommerce .haywork-product-subcategories a[href].hw-link-selected {
color: #ffffff !important;
background-color: #4a9560 !important;
border-color: #4a9560 !important;
}
body.woocommerce .haywork-product-subcategories .haywork-cat-separator {
pointer-events: none !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: inherit !important;
}
