@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
:root{    --arcanum-gold: #d4af37;
}

body{  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
    color:#d4af37;
    background: transparent;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    position: relative;
/*background-image: url('https://arcanumconsulting.hu/images/leather.png');*/
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;}
#fixed-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://arcanumconsulting.hu/images/leather.png') center center / cover no-repeat;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 600px) {
  body {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: scroll !important;

  }
  h1.sppb-addon-title {
    font-size: 1.3em;
}
  #sp-footer, #sp-bottom {
    background: none !important;
    color: unset;
    max-width: 300px !important;
    margin: 0 auto;
}
}

header#sp-header {
    display: none !important;
}
.page-header h1 {
    display: none;
}
ul#nav-menu li a:hover {
    color: white;
  background:none!important;
      transform: scale(1.1);

}

.sppb-link-list-wrap.sppb-link-list-nav ul li {
    display: inline-block;
    padding: 12px;
}
#sppb-addon-6b67dba4-f4ac-4f45-af2f-c33c937700eb .sppb-addon-header .sppb-addon-title::after {
    content: "";
    display: block;
    width: 80%;
    height: 2px;
    margin: 30px auto 0 auto;
    background: linear-gradient(to right, transparent, var(--arcanum-gold), transparent);
    opacity: 0.6;
}
#referenciak::after {
    content: "";
    display: block;
    width: 80%;
    height: 2px;
    margin: 30px auto 0 auto;
    background: linear-gradient(to right, transparent, var(--arcanum-gold), transparent);
    opacity: 0.6;
}
section#section-id-4a0b5cef-6c0e-471c-b5b9-b0c748021405::after{
  content: "";
    display: block;
    width: 80%;
    height: 2px;
    margin: 30px auto 0 auto;
    background: linear-gradient(to right, transparent, var(--arcanum-gold), transparent);
    opacity: 0.6;
}
#sppb-addon-0b1ea3cc-3964-4c68-9d76-0fe341c50845 .sppb-panel.sppb-panel-custom{background:none;
                                                                              text-align:center;}
button#sppb-ac-heading-0b1ea3cc-3964-4c68-9d76-0fe341c50845-key-0 span.sppb-panel-title {
    font-size: 2rem;
}
button#sppb-ac-heading-0b1ea3cc-3964-4c68-9d76-0fe341c50845-key-0 span.sppb-panel-title:hover {
    transform: scale(1.1)!important;
}
.sppb-panel.sppb-panel-custom {
    background: none !important;
    font-size: 1.2rem;
}
.acc-font{font-size:1.2rem!important;}
.mw-600{max-width:90%;
        width:600px;
           margin: 0 auto;}
@media (max-width: 450px) {
  .mw-600 {
    width: 90% !important;
    max-width: 400px !important;
    margin: 0 auto;
  }
  div#sppb-addon-wrapper-6d4ed11d-9252-4ff6-a752-177291d2e514 {
    max-width: 400px;
}
  ul#nav-menu li a {
    font-size:1em;

}
}
.sppb-panel.sppb-panel-custom span {
    font-size: 1.6rem;}

element.style {
}
body.site.helix-ultimate.hu.com_users.com-users.view-login.layout-default.task-none.itemid-0.hu-hu.ltr.layout-fluid.offcanvas-init.offcanvs-position-right .sp-column {
    width: 800px;
  text-transform:none!important;
}
#sppb-addon-6d4ed11d-9252-4ff6-a752-177291d2e514 .sppb-testimonial-carousel-item-content{
  background: none!important;
 color: var(--arcanum-gold);  
}
.sppb-testimonial-carousel-message p {
    color: var(--arcanum-gold);
    text-align: center;
    font-size: 1.6rem;
}
.sppb-testimonial-carousel-item-content:before {
    display: none;
}
button#sppb-ac-heading-1753360458113-key-0 img.sppb-accordion-image.lazyloaded {
    width: 304px;
    height: auto;
}
button#sppb-ac-heading-1753360458113-key-0 {
    margin: 0 auto;
    text-align: center;
}
button#sppb-ac-heading-1753360458113-key-1 img.sppb-accordion-image.lazyloaded {
    width: 324px;
    height: auto;
}
button#sppb-ac-heading-1753360458113-key-1 {
    margin: 0 auto;
    text-align: center;
}
button#sppb-ac-heading-1753360458113-key-2 img.sppb-accordion-image.lazyloaded {
    width: 238px;
    height: auto;
}
button#sppb-ac-heading-1753360458113-key-2 {
    margin: 0 auto;
    text-align: center;
}
button#sppb-ac-heading-1753360458113-key-3 img.sppb-accordion-image.lazyloaded {
    width: 260px;
    height: auto;
}
button#sppb-ac-heading-1753360458113-key-3 {
    margin: 0 auto;
    text-align: center;
}
#column-id-1753360113631 img.sppb-accordion-image.ls-is-cached.lazyloaded:hover {
    transform: scale(1.1)!important;
}
.sp-scroll-up {
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size: 2rem;
    padding: 0.5rem 1rem;
    border: 2px solid var(--arcanum-gold);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    color: var(--arcanum-gold);
    cursor: pointer;
    z-index: 9999;
  height:60px;
  width:60px;
}
#sp-footer, #sp-bottom {
    background: none !important;
    color: unset;
}
#sp-footer .container-inner {
    padding: 30px 0;
    border-top: none!important;
          font-size: 1rem;
        text-align: center;
}

#sppb-addon-1753366438649 #btn-1753366438649.sppb-btn-custom {
    background-color: var(--arcanum-gold)!important;
    color: black!important;
    border: 1px solid var(--arcanum-gold)!important;
    font-weight: 700!important;
    font-size: 1rem!important;
    padding: 0.85rem 2.5rem!important;
    border-radius: 1.2rem!important;
    cursor: pointer!important;
    text-transform: uppercase!important;
    align-self: center!important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)!important;
    transition: background-color 0.3s ease!important;
}
#sppb-addon-1753366438649 #btn-1753366438649.sppb-btn-custom:hover{
      transform: scale(1.1)!important;

}

input#sppb-form-builder-field-0 {
    width: 100%;
    background: transparent;
    border: 1px solid var(--arcanum-gold);
    color: var(--arcanum-gold);
    font-size: 1rem;
    padding: 0.85rem 1rem;
    resize: vertical;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
textarea#sppb-form-builder-field-1 {
    width: 100%;
    background: transparent;
    border: 1px solid var(--arcanum-gold);
    color: var(--arcanum-gold);
    font-size: 1rem;
    padding: 0.85rem 1rem;
    resize: vertical;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
a.sp-scroll-up span {
    magin-top: 10px!important;
    line-height: 40px;
}


button#sppb-ac-heading-0b1ea3cc-3964-4c68-9d76-0fe341c50845-key-0:hover {
    transform: scale(1.1) !important;
}
button#sppb-ac-heading-1753360458113-key-0:hover,
{
    transform: scale(1.1) !important;
}
.form-builder-checkbox-item label::after, .sppb-addon-form-builder .sppb-form-check-label::after{
  color: var(--arcanum-gold)!important;
}
.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--arcanum-gold)!important;
    position: absolute;
    top: 4px;
    left: 0;
}

.form-builder-checkbox-item input:checked+label::before, .form-builder-radio-item input:checked+label::before, .sppb-addon-form-builder .sppb-form-check-input:checked+label::before {
    /*background: var(--arcanum-gold)!important;*/
      background: unset!important;

}
.sppb-form-check a {
    color: var(--arcanum-gold) !important;
    font-weight: 900;
}
@keyframes tangi-bounce {
  0%   { transform: scale(1); }
  20%  { transform: scale(1.13); }
  50%  { transform: scale(0.98); }
  70%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.tangi-scroll-anim {
  animation: tangi-bounce 0.5s cubic-bezier(.33,1.56,.64,1) 1;
}
/* --------------------------------------
   HERO: dinamikus magasság + rugalmas elrendezés
-------------------------------------- */
#hero {
  /* ha SP inline height:100vh-t nyom rá, ezt üssük felül */
  min-height: 100svh;
  height: auto !important;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* nem fix közép, hanem arányosan feljebb */
  gap: 1.2rem;                 /* elemek közti tér */

  /* függőleges pozíció arányosan a képernyőmagassághoz */
  padding-top: clamp(10vh, 20vh, 25vh);
  padding-bottom: clamp(5vh, 10vh, 15vh);

  overflow: visible;
  box-sizing: border-box;
}

/* --------------------------------------
   HERO CÍM
-------------------------------------- */
#hero .sppb-addon-title {
  font-size: 36px;
  line-height: 1.1;
  margin: 0;
}

/* --------------------------------------
   NAV: törjön, ne tolja szét a hero-t
-------------------------------------- */
#hero .sppb-link-list-nav ul#nav-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
  gap: 10px 22px;
  padding: 0;
  margin: 6px 0 0;
}

#hero .sppb-link-list-nav ul#nav-menu li { display: contents; }

#hero .sppb-link-list-nav ul#nav-menu a {
  padding: 6px 10px;
  font-size: 24px !important; /* eredeti méret marad */
  line-height: 1;
}

/* --------------------------------------
   NYÍL / ABSZOLÚT ELEMEK
-------------------------------------- */
#hero .down-arrow,
#hero [class*="arrow"] {
  position: static !important;
  margin-top: .5rem;
}

/* --------------------------------------
   KIS MAGASSÁG – finom igazítás
-------------------------------------- */
@media (max-height: 700px) {
  #hero {
    padding-top: clamp(6vh, 12vh, 16vh);
    padding-bottom: clamp(4vh, 8vh, 10vh);
    gap: .8rem;
  }
}

@media (max-height: 600px) {
  #hero .sppb-addon-title { font-size: 30px; }
  #hero .sppb-link-list-nav ul#nav-menu a { font-size: 14px; }
}

@media (max-height: 480px) {
  #hero .sppb-addon-title { font-size: 26px; }
  #hero .sppb-link-list-nav ul#nav-menu a { font-size: 13px; }
}

/* --------------------------------------
   ANCHOR SCROLL MARGIN
-------------------------------------- */
#rolunk, #referenciak, #szolgaltatasaink, #elerhetoseg {
  scroll-margin-top: 80px;
}

/* --------------------------------------
   ARCANUM HERO LOGO – arányos kicsinyítés
-------------------------------------- */
#hero .arcanum-hero-logo {
  max-width: min(38vw, 420px);
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto 1.5rem auto;
  transition: transform 0.4s ease;
}

/* Hover effekt finoman */
#hero .arcanum-hero-logo:hover {
  transform: scale(1.05);
}

/* Kis képernyőmagasság esetén csökkentett méret */
@media (max-height: 800px) {
  #hero .arcanum-hero-logo { max-width: min(45vw, 320px); }
}
@media (max-height: 600px) {
  #hero .arcanum-hero-logo { max-width: min(50vw, 260px); }
}

/* Extra biztonság mobilokra (pl. split-screen) */
@media (max-width: 480px) {
  #hero .arcanum-hero-logo { max-width: 70vw; }
}