/*
Theme Name: techno child
Tags:  custom-menu, editor-style, featured-images
Template: techno
Version: 5.1.1
*/


@import '../techno/style.css';



/*---------------------------------
      write your css from here
------------------------------------*/

/*---------------------------------
   Fix: SVG icons w team widget style2
   Elementor wstrzykuje inline SVG zamiast <i class=fa>,
   przez co ikona zajmuje całą szerokość i wysadza .social-icon
   poza dolny margin -50px — zasłaniając zdjęcie.
   Ograniczamy SVG do rozmiaru ikonki fontu.
------------------------------------*/
.team.style2 ul.social-icon li a svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    vertical-align: middle;
    display: inline-block;
}

/* === Breadcrumb separators fix (added by idealdata cleanup) === */
.techno-breadcrumb ul,
.em40-breadcrumb-area ul,
.breadcrumb-area ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

.techno-breadcrumb ul li,
.em40-breadcrumb-area ul li,
.breadcrumb-area ul li {
    display: inline-flex;
    align-items: center;
    padding: 0;
}

.techno-breadcrumb ul li:not(:last-child):not(:has(i))::after,
.em40-breadcrumb-area ul li:not(:last-child):not(:has(i))::after,
.breadcrumb-area ul li:not(:last-child):not(:has(i))::after {
    content: "/";
    padding: 0 10px;
    color: inherit;
    opacity: 0.6;
}

.techno-breadcrumb ul li i.fa-angle-right::before,
.em40-breadcrumb-area ul li i.fa-angle-right::before,
.breadcrumb-area ul li i.fa-angle-right::before {
    content: "/";
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    padding: 0 4px;
    opacity: 0.6;
}

.techno-breadcrumb ul li i,
.em40-breadcrumb-area ul li i,
.breadcrumb-area ul li i {
    padding: 0 8px;
    font-size: 14px;
    opacity: 0.6;
}

/* === WCAG AA contrast improvements (idealdata cleanup) === */
/* Increase placeholder contrast in forms (#9ca3af → #6b7280 = AA compliant) */
.wpcf7-form .wpcf7-form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1;
}

/* Footer legal text - improve contrast on blue background */
.footer-legal a,
.footer-info li[style*="opacity"] {
    opacity: 1 !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

/* Small required-field info */
.wpcf7-form p[style*="opacity"] {
    opacity: 1 !important;
    color: #4b5563 !important;
}