/*
Theme Name:  Nectarblocks Child Theme
Version:     1.0.0
Template:    nectar-blocks-theme
Description: Child theme for Nectarblocks.
Theme URI:   https://nectarblocks.com
Author:      NectarBlocks
Author URI:  https://nectarblocks.com
License:     Custom license
License URI: https://nectarblocks.com/license
Text Domain: nectar-blocks-theme
*/

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder. 
/*-------------------------------------------------------------------------*/

/*//////////////////////////////// Live Ripple*/

.rk_live-ripple {
  width: 14px;
  height: 14px;
  background: #ff2b3b;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 0 8px rgba(255, 43, 59, 0.6);
  animation: rk-pulse-dot 2s infinite ease-out;
}

/* äußere Wellenringe */
.rk_live-ripple::before,
.rk_live-ripple::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 43, 59, 0.15); /* leichter roter Glow */
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: rk-pulse-ring 2s infinite ease-out;
}

/* zweiter Ring startet später */
.rk_live-ripple::after {
  animation-delay: 0.8s;
}

/* Dot pulsiert leicht */
@keyframes rk-pulse-dot {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.15); }
  100% { transform: scale(1); }
}

/* Ringe werden größer + verblassen */
@keyframes rk-pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0.35;
  }
  100% {
    transform: scale(3.2); /* Größe der Wellen */
    opacity: 0;
  }
}


/*//////////////////////////////// Kontaktformular */

.rk-form {
    color: white;
}

.rk-form .rk-row .rk-field label {
    transform: translate(8px, 16px);
    position: absolute;
    background: #1e1e1e;
    z-index: 2;
    padding: 0 8px;
}

.rk-row.rk-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}


.block-editor-page #wpwrap .rk_vb-img {
    position: relative!important;
}


.rk-form input[type=date],.rk-form input[type=email],.rk-form input[type=number],.rk-form input[type=password],.rk-form input[type=search],.rk-form input[type=tel],.rk-form input[type=text],.rk-form input[type=url],.rk-form select,.rk-form textarea{
    color:white!important;
}

.rk-form input[type=date],.rk-form input[type=email],.rk-form input[type=number],.rk-form input[type=password],.rk-form input[type=search],.rk-form input[type=tel],.rk-form input[type=text],.rk-form input[type=url],.rk-form select,.rk-form textarea{
    /* background-color: rgba(0, 0, 0, .4)!important; */
    border: 1px solid rgb(255 255 255 / 10%);
    padding: 1rem 0.75rem;
}

/*//////////////////////////////// Background-Blur*/

.rk_background-blur svg.nectar_component__shape-select__shape.nectar_component__shape-select__shape--curve_asymmetrical {
    filter: blur(140px);
    transform: translateY(120px);
}


/*//////////////////////////////// Visual-Box*/

.rk_visual-box {
    aspect-ratio: 4 / 3;
}
    
/*//////////////////////////////// Colorboxes-Box*/

.rk_flex-1 {
    flex: 1 !important;
}

.rk_flex-2 {
    flex: 2 !important;
}



/* .rk_colorful .rk_cf-img .nectar__bg-layer.nectar__bg-image{
    transform: translate3d(0px, -27px, 0px) scale(1.3);
    transition: transform 0.4s 
    cubic-bezier(0, 0, 0, 1);
    will-change: transform;
} */


/*//////////////////////////////// Person-Cards*/

.rk_person-card .rk_pc-content  {
    transform: translateY(100px);
    transition: all 0.4s ease!Important;
}

.rk_person-card:hover .rk_pc-content {
    transform: translateY(0px);
}

.rk_person-card:hover .rk_pc-content {
    gap:1rem!important;
}

.rk_person-card .nectar__bg-layer.nectar__bg-image {
    /* transition: all 800ms ease-in-out!important; */
    transition: all 0.8s ease!Important;
}

.rk_person-card .nectar__bg-layers >.nectar__bg-image {
    transition: background-size 0.4s ease;
}

.rk_person-card:hover .nectar__bg-layers >.nectar__bg-image {
    background-size: 120% 120%;
}

    .rk_pc-text {
        min-height: 70px;
    }

@media (max-width: 828px) {
    .rk_person-card .rk_pc-content  {
        transform: translateY(120px);
    }
    .rk_pc-text {
        min-height: 90px;
    }

    .nectar-blocks-flex-box__wrapper.rk_pc-gradient.is-active {
        background: linear-gradient(180deg, rgba(227, 0, 31, 0) 22%, #e3001f 100%) !important;
    }
}


@media (max-width: 768px) {
    html .rk_sticky-actions {
        right: 0;
        bottom: 0;
        transform: translateY(0);
        top: unset;
        width: 100%;
        gap: unset;
        display: flex;
        flex-direction: row;
    }   
    html .rk_action {
        width: 100%;
        border-radius: unset;
        box-shadow:unset;
    }
    html .rk_action.rk_action--phone{
        background:black;
    }
    html .rk_action__label {
        opacity: 1;
    }
      #rkStickyActions [data-rk-action] {
    transform: none !important;
    transition: none !important;
  }

  #rkStickyActions [data-rk-action].is-open {
    transform: none !important;
  }
}