/*
Theme Name: Kenderter Child
Theme URI: https://kenderter.eu/
Template: medactive
Author: Kenderter
Author URI: https://kenderter.eu/
Description: Kenderter - Kenderter Cannabis WordPress theme
Tags: custom-header,left-sidebar,right-sidebar,post-formats,full-width-template
*/

/* Footer social widget: brand ikonok tevesen fa-solid-dal vannak jelolve (FA7). */
.page_footer span.social-icons a.fa-solid.fa-facebook,
.page_footer span.social-icons a.fa-solid.fa-pinterest-square,
.page_footer span.social-icons a.fa-solid.fa-square-pinterest,
.page_footer span.social-icons a.fa-solid.fa-instagram,
.page_footer span.social-icons a.fa-solid.fa-youtube,
.page_footer span.social-icons a.fa-solid.fa-tiktok,
.page_footer span.social-icons a.fa-solid.fa-patreon {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400;
}

/* Footer social icons: mobilon is kor alak + lathato ikon (a theme .ds link-szine feher). */
.page_footer span.social-icons a.bg-icon.rounded-icon {
  --kt_social_size: 44px;
  width: var(--kt_social_size);
  height: var(--kt_social_size);
  flex: 0 0 var(--kt_social_size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  /* A design szerint feher kor, sotet ikon. */
  background-color: #fff;
  color: #073220;
  text-decoration: none;
  border-radius: 50%;
}

.page_footer span.social-icons a.bg-icon.rounded-icon:hover,
.page_footer span.social-icons a.bg-icon.rounded-icon:focus,
.page_footer span.social-icons a.bg-icon.rounded-icon:active {
  background-color: #ebc912;
  color: #fff;
}

.page_footer span.social-icons a.bg-icon.rounded-icon:focus-visible {
  box-shadow: 0 0 0 3px rgba(235, 201, 18, 0.35);
  outline: none;
}

.page_footer span.social-icons a.bg-icon.rounded-icon:before {
  /* Ne a theme 3.6em-es pseudo-element meretet hasznaljuk, hanem a fix korbe igazitsuk. */
  width: 1em;
  height: 1em;
  line-height: 1;
  font-size: 22px;

  /* Brand ikonok (FB/IG/YT/TikTok/Patreon/Pinterest). */
  font-family: var(--fa-family-brands) !important;
  font-weight: 400 !important;
}

/* Frontpage newsletter (MC4WP): hiba uzenet ne tolja le a submit gombot. */
.shortcode-widget-area .widget_mc4wp_form_widget form button {
  top: 0 !important;
  transform: none !important;
}

/* Header: mobil menu igazitas a container "body szel" paddingjahoz (ne az ablak szelere). */
@media (max-width: 1199px) {
  /* Bootstrap container widths (v4/v5): sm=540, md=720, lg=960 */
  .page_header.header-1 {
    --kt_header_container_w: 100vw; /* <576px: full width */
    --kt_header_gutter: 15px;
  }

  @media (min-width: 576px) {
    .page_header.header-1 { --kt_header_container_w: 540px; }
  }

  @media (min-width: 768px) {
    .page_header.header-1 { --kt_header_container_w: 720px; }
  }

  @media (min-width: 992px) {
    .page_header.header-1 { --kt_header_container_w: 960px; }
  }

  /* Hamburger gomb igazitas a container belso szelere (topline ikonokkal egy vonalban). */
  .page_header.header-1 > .toggle_menu,
  .page_toplogo .toggle_menu {
    right: calc((100vw - var(--kt_header_container_w)) / 2 + var(--kt_header_gutter)) !important;
  }

  /* Offcanvas menu panel igazitas a container belso szelere. */
	.mobile-active .page_header.header-1 .sf-menu {
	    left: calc((100vw - var(--kt_header_container_w)) / 2 + var(--kt_header_gutter)) !important;
	    right: calc((100vw - var(--kt_header_container_w)) / 2 + var(--kt_header_gutter)) !important;
	  }
	}

/* Desktop: a jobb szelen levo dropdown (Hasznos) ne logjon ki a viewportbol. */
@media (min-width: 1200px) {
  .top-nav .sf-menu > li#menu-item-783 > ul.sub-menu {
    left: auto !important;
    right: 0 !important;
  }

  /* 3. szint ezen az agon balra nyiljon (ne a viewport jobb oldala fele). */
  .top-nav .sf-menu > li#menu-item-783 ul.sub-menu ul.sub-menu {
    left: auto !important;
    right: 100% !important;
  }
}