/*
Theme Name: twentytwentyfive Child
Theme URI: https://example.com/
Description: Motyw potomny dla motywu twentytwentyfive
Author: Twoje imię
Author URI: https://example.com/
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nazwa-motywu-nadrzednego-child
*/

/* =============================
   PODSTAWOWE USTAWIENIA
   ============================= */

html {
    word-wrap: normal;
    overflow-wrap: normal;
}

html, body {
    height: 100%;
    margin: 0 auto;
    max-width: 1920px;
}

a {
    text-decoration: none !important;
}
p{
	max-width: 100%;
}

/* =============================
   LAYOUT STRONY
   ============================= */

.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main.wp-block-group {
    flex: 1;
}

#wp--skip-link--target {
    margin-top: 0;
}
.home .entry-content{
	top: -280px;
    position: relative;
}

.is-layout-flex {
    justify-content: space-between !important;
}

/* =============================
   HEADER I NAWIGACJA
   ============================= */

header {
  background: rgba(255, 255, 255, 0.1); /* przezroczyste tło */
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
}

.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 1000;
}


.wp-block-group.is-nowrap.is-layout-flex.wp-container-1.is-position-sticky {
    background: #C0F5F2;
    border-radius: 40px;
    padding: 10px 25px;
}

/* Menu główne */
.mega-menu-wrap {
    background: none !important;
}

.mega-toggle-blocks-right {
    padding-right: 20px;
}

/* Przycisk specjalny w menu */
#mega-menu-item-1232 > a {
    background: rgba(113, 196, 189, 0.7) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 40px !important;
    color: black !important;
    transition: all 0.5s ease !important;
    box-shadow: 0 0 10px rgba(0, 200, 180, 0.4) !important;
	animation: pulse 2s;
}

#mega-menu-item-1232 > a:hover {
    background-color: rgba(113, 255, 240, 0.4) !important;
    box-shadow: 0 0 20px rgba(0, 200, 180, 0.8) !important;
}
	

/* =============================
   FOOTER
   ============================= */

footer {
    background-color: #D3F9F4;
    z-index: 1 !important;
}

/* =============================
   KOMPONENTY INTERFEJSU
   ============================= */

/* Ukrywanie elementów */
.wp-block-post-title,
.uagb_review_average {
    display: none !important;
}
.blog .wp-block-post-title{
	display:block!important;
}
/* Przyciski */
.reservation-button-mp,
.wp-block-button,
.uagb-forms-main-submit-button.wp-block-button__link {
    margin-bottom: 50px;
    transition: transform 0.5s ease-in-out;
}

.reservation-button-mp:hover,
.wp-block-button:hover {
    transform: scale(1.05);
}

.uagb-forms-main-submit-button.wp-block-button__link {
    background-color: #44c6c0;
    border-radius: 10px;
}

.wp-block-buttons.is-content-justification-center {
    justify-content: center !important;
}

/* Taby */
.uagb-tabs-body__active {
    border: none !important;
}

/* Oceny i liczniki */
.rating-counter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px !important;
}

/* Media i obrazy */
.wp-block-media-text__media img {
    border-radius: 10px !important;
}

.wp-block-stackable-icon{
	align-items: flex-start !important;
}
/*TOOLTIP */
/* Styl ikony */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-size: 20px;
  vertical-align: middle;
  cursor: help;
  color: #555;
}

/* Kontener tooltipa */
.tooltip-symbol {
  position: relative;
  display: inline-block;
}

/* Tekst tooltipa */
.tooltip-symbol .tooltip-text {
  visibility: hidden;
	font-size: medium;
  opacity: 0;
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 8px 10px;
  border-radius: 4px;
  position: absolute;
  z-index: 10;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s ease;

  max-width: 280px;
  min-width: 200px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Pojawia się przy najechaniu na cały kontener */
.tooltip-symbol:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.stk-block-carousel__buttons{
	inset: -30px !important;
}

/* =============================
   SEKCJE SPECJALNE
   ============================= */

/* Lokalizacja gabinetu */
.gabinet-location-name {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Przycisk "O nas" */
.mp-about-button {
    position: absolute !important;
    left: 5% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Suwaki i siatki */
.grid-advantages {
    display: block;
}

.slider-advantages {
    display: none;
}

.text-to-arrow {
    position: absolute;
    width: 300px;
    right: 16%;
    top: 79%;
}
.arrow-contact {
    transform: rotate(338deg);
    position: absolute;
    right: 6%;
    top: 81%;
}
.stk-f3289ae-column{
	max-width: 85%
}

.dentistry-symptoms-col {
    display: grid;
    justify-content: start;
}

.main-page-post-carousel{
	margin-left: 25px!important;
}

.icons-footer-column{
	align-items: center !important;
}
/* =============================
   MEDIA QUERIES
   ============================= */

/* Tablety i mniejsze */
@media screen and (max-width: 1480px) {
    .grid-advantages {
        display: none !important;
    }
    
    .slider-advantages {
        display: block !important;
    }
}

/* Średnie ekrany */
@media screen and (max-width: 1200px) {
    .wp-block-media-text {
        font-size: small !important;
    }
}

/* Tablety */
@media screen and (max-width: 1024px) {
    .arrow-divider-mp {
        display: none !important;
    }
}

/* Mniejsze tablety */
@media screen and (max-width: 768px) {
    .wp-block-template-part {
        position: sticky;
        z-index: 1000;
    }
    
    .column-border-right {
        border-right-width: 0 !important;
    }
    
    .arrow-divider-border {
        border: none;
    }
    
    /* Wyłączenie animacji AOS na mobilnych */
    .aos-fade-left,
    .aos-fade-right {
        transform: none !important;
    }
	.tooltip-symbol, .tooltip-text{
		display: none;
	}
}

/* Mobilne */
@media screen and (max-width: 480px) {
    .swiper-button-next {
        margin-right: 5vw;
    }
    
    .swiper-button-prev {
        margin-left: 10vw;
    }
    
    .team-1st-text-name {
        width: 100%;
        left: 0 !important;
    }
    
    .team-1st-text {
        width: 100% !important;
        left: 0 !important;
    }
    
    .wp-block-site-logo {
        transform: scale(0.8);
        padding-bottom: 15px !important;
    }
}

/* =============================
   SPECYFICZNE SELEKTORY
   (do dalszej optymalizacji)
   ============================= */

/* Te selektory wymagają dodania odpowiednich klas w HTML */
#wp--skip-link--target > div > div > div.wp-block-cover.alignfull.is-light.has-parallax.static-image-background.has-accent-1-color.has-text-color.has-link-color.has-small-font-size.wp-elements-79a4d7b4839edf1b60c889d19800f561 > div.wp-block-cover__inner-container.has-global-padding.is-layout-constrained.wp-container-core-cover-is-layout-1.wp-block-cover-is-layout-constrained > div {
    height: 478px;
    background-color: white;
    width: 452px;
    position: absolute;
    top: 56px;
    transform: rotate(45deg);
    left: -238px;
}

#wp--skip-link--target > div > div > div.wp-block-cover.alignfull.is-light.has-parallax.static-image-background.has-accent-1-color.has-text-color.has-link-color.has-small-font-size.wp-elements-db50f458749c6837afcf551a66c34341 > div.wp-block-cover__inner-container.has-global-padding.is-layout-constrained.wp-container-core-cover-is-layout-1.wp-block-cover-is-layout-constrained > div.wp-block-uagb-container.arrow-divider-mp.uagb-block-64a055b8.alignfull.uagb-is-root-container > div {
    border: 3px solid #54C6C0;
}

#wp--skip-link--target > div > div > div.wp-block-group.alignwide.has-global-padding.is-content-justification-center.is-layout-constrained.wp-block-group-is-layout-constrained > div {
    max-width: none !important;
}

#wp--skip-link--target > div > div > div.wp-block-columns.alignfull.has-background.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex > div.wp-block-column.is-layout-flow.wp-container-core-column-is-layout-2.wp-block-column-is-layout-flow > p.has-text-align-center.has-x-large-font-size {
    font-weight: bold;
    text-align: center;
    background: linear-gradient(45deg, #053f3f, #1affdf, #000000);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home .wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
  margin-bottom: -200px !important;
}



.wp-block-post-excerpt__more-link{
background-color: #54C6C0;
padding: 12px 6px 12px 6px;
border-radius: 50px;
color: white;
font-size: medium;
text-transform: capitalize;
}