/*
Theme Name: erbupflege.de
Theme URI: https://munas-print.de/
Description: Custom child theme for erbupflege.de
Author: Munas-Print
Author URI: https://munas-print.de/
Version: 1.5.0
Tested up to: 6.8
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: nurse
Template: nurse
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* === CTA: телефон — підкреслення зліва направо при наведенні === */
.cta-phone-underline .elementor-button-text {
    position: relative;
    display: inline-block;
}

.cta-phone-underline .elementor-button-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;            /* відступ лінії від тексту */
    width: 100%;
    height: 1px;            /* товщина лінії */
    background-color: currentColor; /* колір = колір тексту кнопки */
    transform: scaleX(0);
    transform-origin: left center;  /* росте зліва направо */
    transition: transform 0.35s ease;
}

.cta-phone-underline:hover .elementor-button-text::after,
.cta-phone-underline a:focus-visible .elementor-button-text::after {
    transform: scaleX(1);
}

/* === Текстові посилання — підкреслення, що адаптується до кольору тексту === */
.link-underline a {
    position: relative;
    display: inline;
    text-decoration: none;
    transition: color 0.35s ease;            /* ← плавна зміна кольору тексту */
}

.link-underline a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: currentColor;          /* колір = поточний колір тексту (адаптивний) */
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.35s ease,
                background-color 0.35s ease;  /* ← лінія плавно змінює колір разом з текстом */
}

.link-underline a:hover::after,
.link-underline a:focus-visible::after {
    transform: scaleX(1);
}

/* === Списки з посиланнями (Elementor Icon List + ThemeREX list) ===
   У таких віджетах <a> має власний (акцентний) колір і обгортає
   іконку + текст. Тому:
   1) прибираємо підкреслення з самого <a> — інакше лінія йде оранжевим
      дублем і тягнеться навіть під іконкою;
   2) малюємо лінію лише на текстовому елементі (span або <h6>) —
      він бере свій колір тексту (світлий на фото / у футері). */

.link-underline a {
    text-decoration: none;
}

.link-underline .elementor-icon-list-item a::after,
.link-underline .trx-addons-icon-list-item a::after {
    content: none;
}

.link-underline .elementor-icon-list-text,
.link-underline .trx-addons-icon-list-text {
    position: relative;
    display: inline-block;   /* лінія точно по ширині тексту (в т.ч. для <h6>) */
    transition: color 0.35s ease;
}

.link-underline .elementor-icon-list-text::after,
.link-underline .trx-addons-icon-list-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: currentColor;   /* = колір тексту: світлий / темний / акцент */
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.35s ease,
                background-color 0.35s ease;
}

.link-underline a:hover .elementor-icon-list-text::after,
.link-underline a:focus-visible .elementor-icon-list-text::after,
.link-underline a:hover .trx-addons-icon-list-text::after,
.link-underline a:focus-visible .trx-addons-icon-list-text::after {
    transform: scaleX(1);
}


/*
.link-underline a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-size: 0% 1px;
    background-repeat: no-repeat;
    transition: background-size 0.35s ease;
}
.link-underline a:hover,
.link-underline a:focus-visible {
    background-size: 100% 1px;
}
*/

/* Fix: sticky header spacer перехоплював кліки/ховер над меню */
.sc_layouts_row_fixed_placeholder {
    pointer-events: none !important;
}