/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.deco_img {
    position: relative;
    overflow: hidden;
}

.deco_img::after {
    content: "";
    position: absolute;
    top: 12%;
    right: 5%;
    width: 370px;
    height: 370px;
    background-image: url("/wp-content/uploads/2026/08/vodoznak_02.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
    opacity: 0.1;
    animation:
    decoImgReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards,
    decoImgBreath 9s ease-in-out 2s infinite alternate;

}

@keyframes decoImgReveal {
    0% {
        opacity: 0;
        transform: scale(0.35);
    }

    70% {
        opacity: 0.2;
        transform: scale(1.05);
    }

    100% {
        opacity: 0.1;
        transform: scale(1);
    }
}

@keyframes decoImgBreath {
    from {
        opacity: 0.1;
        transform: scale(1);
    }

    to {
        opacity: 0.14;
        transform: scale(1.025);
    }
}


.deco_img2 {
    position: relative;
    overflow: visible;
}

.deco_img2::after {
    content: "";
    position: absolute;
    top: 0;
    left: -10%;
    width: 370px;
    height: 370px;
    background-image: url("/wp-content/uploads/2026/08/valiora-prvek-bez-pozadi.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10;
    pointer-events: none;
    opacity: 0.1;
}


.deco_img2right::after {
    content: "";
    position: absolute;
    top: -113px;
    right: 0;;
    width: 500px;
    height: 500px;
    background-image: url("/wp-content/uploads/2026/08/valiora-prvek-bez-pozadi.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10;
    pointer-events: none;
    opacity: 0.1;
}

.deco_img3 {
    position: relative;
    overflow: visible;
}


.deco_img3::after {
    content: "";
    position: absolute;
    bottom: -50px;
    right: -36px;
    width: 100px;
    height: 100px;
    background-image: url("/wp-content/uploads/2026/08/valiora-prvek-bez-pozadi.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10;
    pointer-events: none;
}

.deco_img4 {
    position: relative;
    overflow: visible;
}

.deco_img4::after {
    content: "";
    position: absolute;
    top: 40%;
    left: 59%;
    width: 370px;
    height: 370px;
    background-image: url("/wp-content/uploads/2026/08/valiora-prvek-bez-pozadi.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10;
    pointer-events: none;
    opacity: 0.1;
}


.deco_imgleft {
    position: relative;
    overflow: visible;
}


.deco_imgleft::after {
    content: "";
    position: absolute;
    top: -113px;
    left: 0;;
    width: 500px;
    height: 500px;
    background-image: url("/wp-content/uploads/2026/08/valiora-prvek-bez-pozadi.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10;
    pointer-events: none;
    opacity: 0.1;
}



.logo {
    min-width: 200px;
}

.logo_footer {
    min-width: 160px;
}

.deco_kontakt::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 520px;
    height: 520px;
    background-image: url("/wp-content/uploads/2026/08/vodoznak_01.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10;
    pointer-events: none;
    opacity: 0.1;
}



/*Služby*/

.sluzby-box .fusion-title {
    min-height: 53px;
}


.sluzby-box:hover .fusion-title h3,
.sluzby-box:hover .fusion-text p {
    color: #fff !important;
}

.fusion-counters-box .fusion-counter-box .counter-box-container {
    border: 0 !important;
    padding: 0 !important;
}

.fusion-counters-box .content-box-counter {
    font-weight: 500;
}

.fusion-counters-box .counter-box-content {
    line-height: 1.4;
}

.fusion-counters-box.row {
    border: 1px solid #F9F4E7;
    padding-top: 10px;
}

.header.fusion-sticky-transition {
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1) !important;
}

body .fusion-counters-box.row {
    margin-left: 0;
    margin-right: 0;
}

.fusion-body blockquote {
    margin-left: 0;
}

/* Kontakt*/

.form_kontakt .fusion-title-heading {
    text-align: center !important;
}

.form_kontakt .fusion-text p {
    text-align: center !important;
}

.form_kontakt .md-text-align-left {
    text-align: center !important;
}

.fworks_consent_bar_mini-inner {
    display: inline-block !important;
}

.fworks_consent_modal_header h2 {
    font-size: 32px;
}

.fworks_consent_description h3 {
    font-size: 24px;
}

.fworks_consent_button_settings_shortcode {
    text-decoration: none !important;
}

@media (max-width: 640px) {
    .fusion-li-item-content a {
        display: inline-block;
        padding-block: 0 !important;
    }
}


/* ==========================================================
    RESPO
   ========================================================== */

/* 1) HERO: bocni odsazeni nikdy neklesne na nulu */
.fusion-layout-column[style*="100vw - var(--site_width)"]{
  --awb-padding-left: max(calc((100vw - var(--site_width)) / 2), 2.5rem) !important;
}
@media (max-width: 800px){
  .fusion-layout-column[style*="100vw - var(--site_width)"]{
    --awb-padding-left: 1.25rem !important;
    --awb-padding-left-small: 1.25rem !important;
    --awb-padding-right-small: 1.25rem !important;
  }
}

/* 2) Typografie pro tablety a male notebooky */
@media (min-width: 641px) and (max-width: 1200px){
  h1, .fusion-title h1{ font-size: clamp(2.125rem, 4.4vw, 3.625rem) !important; line-height: 1.15 !important; }
  h2, .fusion-title h2{ font-size: clamp(1.75rem, 3.5vw, 2.625rem) !important; line-height: 1.2 !important; }
  h3, .fusion-title h3{ font-size: clamp(1.1875rem, 2.1vw, 1.5rem) !important; }
}

/* 3) Ctvrtinove / petinove sloupce na tabletu -> 2 ve radku */
@media (min-width: 641px) and (max-width: 1024px){
  .fusion-builder-row > .fusion_builder_column_1_4,
  .fusion-builder-row > .fusion_builder_column_1_5,
  .fusion-builder-row > .fusion_builder_column_1_6{
    --awb-width-medium: 50% !important;
  }
}

/* 4) Paticka na tabletu -> 2x2 */
@media (min-width: 641px) and (max-width: 1024px){
  footer .fusion-layout-column:not(.fusion_builder_column_1_1){
    --awb-width-medium: 50% !important;
  }
}

/* 5) Mobilni hlavicka: nizsi logo */
@media (max-width: 800px){
  header .fusion-mobile-logo,
  header .fusion-standard-logo{
    max-height: 56px !important;
    height: auto !important;
    width: auto !important;
  }
}

/* 6) Dotykove cile na mobilu */
@media (max-width: 640px){
  .fusion-li-item-content a{ display: inline-block; padding-block: 0.4375rem; }
  footer .fusion-text a{ display: inline-block; padding-block: 0.25rem; }
}

/* 7) Portretove tablety (641-900 px): polovicni sloupce na plnou sirku */
@media (min-width: 641px) and (max-width: 900px){
  .fusion-builder-row > .fusion_builder_column_1_2{
    --awb-width-medium: 100% !important;
  }
}

/* 8) Pocitadla: 2 ve radku na tabletu */
@media (min-width: 641px) and (max-width: 1024px){
  .fusion-counters-box.fusion-columns-4{
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .fusion-counters-box.fusion-columns-4 .fusion-counter-box{
    width: 50% !important;
    flex: 0 0 50% !important;
    float: none !important;
    margin-bottom: 1.25rem !important;
  }
}