/*
Theme Name: Hardman Child
Theme URI: http://hardman.casethemes.net/
Description: Child theme for the Hardman theme.
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Template: hardman
Version: 1.0.0
Text Domain: hardman-child
*/
/* Aloldalak H1 formázása */
body.wp-singular{
	color: #383838;
}
body:not(.home) .pxl-heading h1.pxl-item--title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color)!important;
    line-height: 1.333;
    margin-bottom: 15px!important;
}

/* H1 alcím (span) */
body:not(.home) .pxl-heading h1.pxl-item--title span {
    display: block;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.111;
    color: var(--regular-color);
    text-transform: none;
    margin-top: 5px;
}
.maintitle .pxl-heading .pxl-item--description {
    max-width: 760px;
    margin-top: 20px;
    padding: 18px 22px;
    background-color: #f6f8fa;
    border-left: 4px solid var(--primary-color);
    font-size: 16px;
    line-height: 1.6;
    color: #415262;
}
.maintitle .pxl-heading .pxl-item--description span {
    display: block;
}
.maintitle .pxl-heading .pxl-item--description strong,
.maintitle .pxl-heading .pxl-item--description a {
    color: var(--primary-color);
    font-weight: 700;
    text-decoration: none;
}
.red{
	color: var(--primary-color);
}
/* ====== H2 – szekciócím (ne keveredjen a H1 span-nel) ====== */
.elementor .pxl-heading h2.pxl-item--title{
  font-size: 26px;                 /* kisebb, mint a H1 span (36px) */
  line-height: 1.35;               /* kényelmes, nem “összeeső” */
  font-weight: 600;                /* vékonyabb, elegánsabb */
  text-transform: uppercase;       /* csupa nagybetű */
  letter-spacing: 0;          /* “szekciócím” karakter */
  color: #000000;

  margin: 32px 0 14px!important;             /* jó ritmus felfelé-lefelé */
  padding-bottom: 10px;            /* aláhúzás távolság */
  border-bottom: 1px solid rgba(112, 138, 161, 0.35); /* #708AA1 finom vonal */
}
/* Ne legyen dupla margó a címek és listák között */
.elementor .pxl-heading + .elementor-widget-pxl_text_editor .elementor-widget-container,
.elementor .elementor-widget-pxl_text_editor + .elementor-widget-pxl_link .elementor-widget-container,
.elementor .elementor-widget-pxl_heading + .elementor-widget-pxl_link .elementor-widget-container {
    margin-top: 0;
}
.elementor .pxl-heading h3.pxl-item--title, .elementor .pxl-text-editor h3 {
    margin: 28px 0 16px!important;     /* felül még kap levegőt, alul szoros */
    padding-left: 0;
    border-left: none;

    font-size: 24px;
    line-height: 1.3;
    font-weight: 800;
    color: #000;
}
.elementor .pxl-text-editor h4, .elementor .pxl-text-editor h4 {
    margin: 6px 0 6px;
    padding: 0;

    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
	text-transform: uppercase;
}
.elementor .pxl-link {
    margin: 8px 0 24px;
}

.elementor .pxl-link li {
    margin-bottom: 10px;
    padding-left: 20px;
}
/* ===== EGYSÉGES ALAPSZÖVEG SZÍNEK – CSAK A TARTALOMRÉSZBEN (#pxl-content-area) ===== */

/* 2) Címek maradjanak feketék */
#pxl-content-area .elementor .elementor-widget-container h1,
#pxl-content-area .elementor .elementor-widget-container h2,
#pxl-content-area .elementor .elementor-widget-container h3,
#pxl-content-area .elementor .elementor-widget-container h4,
#pxl-content-area .elementor .elementor-widget-container h5,
#pxl-content-area .elementor .elementor-widget-container h6{
  color: #000000;
}
#pxl-content-area .elementor .highed .elementor-widget-container h3{
	color: var(--primary-color);
	text-transform: uppercase;
}
/* 3) pxl_link listák szövege is egységes legyen */
#pxl-content-area .elementor .pxl-link li a,
#pxl-content-area .elementor .pxl-link li a span{
  
}

/* 4) Vastagítás (strong) egységes kiemelés */
#pxl-content-area .elementor .elementor-widget-container strong{
  color: #000000;
  font-weight: 800;
}

/* 6) Tel link (CTA jelleg) */
#pxl-content-area .elementor .elementor-widget-container a[href^="tel:"]{
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(230, 8, 0, 0.35);
}
#pxl-content-area .elementor .elementor-widget-container a[href^="tel:"]:hover{
  border-bottom-color: rgba(230, 8, 0, 0.75);
}
.boxed{
	padding: 18px 22px;
    background-color: #f6f8fa;
    border-left: 4px solid var(--primary-color);
	color: #000!important;
}
.pxl-nav-menu.hv-background .pxl-menu-primary > li > a, .pxl-nav-menu.hv-background-rd0 .pxl-menu-primary > li > a {
    padding: 0 12px!important;
}
.pxl-nav-menu.hv-background .pxl-menu-primary > li:hover > a, .pxl-nav-menu.hv-background-rd0 .pxl-menu-primary > li:hover > a, .pxl-nav-menu.hv-background .pxl-menu-primary > li.current_page_item > a, .pxl-nav-menu.hv-background-rd0 .pxl-menu-primary > li.current_page_item > a, .pxl-nav-menu.hv-background .pxl-menu-primary > li.current-menu-item > a, .pxl-nav-menu.hv-background-rd0 .pxl-menu-primary > li.current-menu-item > a, .pxl-nav-menu.hv-background .pxl-menu-primary > li.current_page_ancestor > a, .pxl-nav-menu.hv-background-rd0 .pxl-menu-primary > li.current_page_ancestor > a, .pxl-nav-menu.hv-background .pxl-menu-primary > li.current-menu-ancestor > a, .pxl-nav-menu.hv-background-rd0 .pxl-menu-primary > li.current-menu-ancestor > a {
    background-color: transparent!important;
}
.elementor .pxl-nav-menu .pxl-menu-primary > li > a:hover {
    color: #708AA1!important;
}
.review-widget, .review-widget strong, .review-widget .ti-rating-text, .review-widget strong a{
	color: #fff!important;
}
@media (max-width: 768px){
  .elementor .pxl-heading h2.pxl-item--title{
    font-size: 23px;
    line-height: 1.4;
    margin: 26px 0 12px;
  }
	.maintitle .pxl-heading .pxl-item--description {
        font-size: 15px;
        padding: 15px;
    }
}
.widget_product_categories ul li a, .wp-block-group ul li a, .widget_categories ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_recent_entries ul li a {
    font-size: 15px!important;
    font-weight: 500!important;
    line-height: 21px!important;
}
.sidebar-area-wrap .tagcloud a {
    padding: 0px 8px!important;
    font-weight: 500!important;
    font-size: 13px !important;
    line-height: 27px!important;
    margin-left: 7px!important;
    margin-bottom: 7px!important;

}
/* FAQ lista – UL class: .faqli */
.faqli{
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0;
}

.faqli li{
position: relative;
    margin: 0 0 10px 0;
    padding: 0px 14px 0px 44px;
  line-height: 1.5;
}

.faqli li::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #E5322C;
  box-shadow: 0 0 0 4px rgba(229,50,44,.12);
}

.faqli li::after{
  content: "";
  position: absolute;
  left: 19px;
  top: 50%;
  width: 8px;
  height: 4px;
  transform: translateY(-55%) rotate(-45deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.faqli li:last-child{ margin-bottom: 0; }

/* 1. A slide legyen flex container, hogy a kártya (inner) kitölthesse */
.pxl-swiper-slide {
    display: flex !important;
    height: auto !important; /* Felülírja a Swiper esetleges fix magasságát */
}

/* 2. A kártya belső része nyúljon meg a slide teljes magasságára */
.pxl-swiper-slide .pxl-item--inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

/* 3. A tartalom (cím + kivonat) tárolója is legyen flex, és nyomja le a gombot */
.pxl-swiper-slide .item--holder {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

/* 4. A gomb/readmore blokk kerüljön legalulra */
.pxl-swiper-slide .pxl-item--readmore {
    margin-top: auto;
    padding-top: 15px; /* Térköz a szövegtől */
}
/* mobil finomítás */
@media (max-width: 576px){
  .faqli li{ padding: 10px 12px 10px 40px; }
  .faqli li::before{ left: 12px; }
  .faqli li::after{ left: 17px; }
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta{
	display: none;
}
.wp-singular .summary .woosw-btn, .wp-singular .summary button:not(.rm-style-default){
	display: none!important;
}
/* === OPENCAROUSEL: ikon helyének eltüntetése + kártya háttérszínek === */
.opencarousel .pxl-item--icon,
.opencarousel .item-icon,
.opencarousel .pxl-item--icon.item-icon{
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ha a holder felül hagy helyet az ikon miatt, vedd le a paddingot */
.opencarousel .pxl-item--holder{
  padding-top: 30px !important;
}

/* Kártya alap háttérszín (a szöveges doboz) */
.opencarousel .pxl-item--holder{
  background: #708AA1 !important;
}

/* Hover háttérszín ugyanaz */
.opencarousel .pxl-item--inner:hover .pxl-item--holder,
.opencarousel .pxl-swiper-slide:hover .pxl-item--holder{
  background: #708AA1 !important;
}

/* Opcionális: ha van overlay / pseudo-element ami ráül a háttérre, kapcsold ki */
.opencarousel .pxl-item--holder:before,
.opencarousel .pxl-item--holder:after{
  background: transparent !important;
  opacity: 0 !important;
}

/* Opcionális: szöveg olvashatóság (ha kell) */
.opencarousel .pxl-item--title,
.opencarousel .pxl-item--description{
  color: #fff !important;
}
.pxl-fancybox-carousel2 .pxl-button{
	right: 20px !important;
}
.pxl-post-carousel1 .pxl-item--inner{
	  background-color: #f7f7f7;
	padding-bottom: 30px;
}
.pxl-post-carousel1 .entry-body .pxl-item--holder{
	    position: absolute;
	bottom: 20px;
}
.pxl-content-main .nav-home-plumbing:hover, .pxl-content-main .nav-home-roofing:hover {
    background-color: #708AA1 !important;
}
.pxl-accordion1 .pxl-accordion-layout.style1 .fa-chevron-down, .pxl-accordion1 .pxl-accordion-layout.style3 .fa-chevron-down{
	color: #708AA1 !important;
}