/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.hero-head span {
	font-weight: 400;
}

.btn-my-header:hover .btn-my-text-header, .btn-my-header:hover .btn-my-text-header span{
  color:#E6E2D8!important; 
}

.btn-my:hover .btn-my-text, .btn-my:hover .btn-my-text span{
  color:#2B2B2B!important; 
}

.btn-my-invert:hover .btn-my-text-invert span, .btn-my-invert:hover .btn-my-text-invert p{
	color:#E6E2D8!important; 
}

.btn-my-invert:hover .btn-my-icon-invert {
	  content: url('/wp-content/uploads/2025/10/btn-ic2-hover.svg');
	  transform: translateX(6px);
}

.btn-my:hover .btn-my-icon-black{
	  content: url('/wp-content/uploads/2025/10/btn-ic2.svg');
	  transform: translateX(6px);
}

.bold-txt-my strong, .bold-txt-my {
	font-weight: 900;
}

.comparison-table {
  overflow-x: auto;
  background-color: #929672;
  border-radius: 12px;
  padding: 20px;
}

.comparison-table table {
  width: 100%;
  border-collapse: collapse;
	font-family: Grift;
  color: #F4F4F4;
  font-size: 18px;
}
.comparison-table thead {
	    border-color: #929672;
}

.comparison-table th,
.comparison-table td {
  text-align: center;
  vertical-align: middle;
  padding: 20px 10px;
  border: none;
  border-bottom: 1.5px solid #F4EBA7;
}

.comparison-table th {
  font-weight: 700;
}

.comparison-table td:first-child {
  text-align: left;
}

.comparison-table small {
  display: block;
  opacity: 0.85;
  font-size: 13px;
}

.comparison-table img.icon {
  width: 14px;
  display: inline-block;
  vertical-align: middle;
}


@media (max-width: 768px) {
  .comparison-table table,
  .comparison-table thead,
  .comparison-table tbody,
  .comparison-table th,
  .comparison-table td,
  .comparison-table tr {
    display: block;
  }

  .comparison-table thead {
    display: none;
  }

  .comparison-table tr {
    margin-bottom: 1rem;
    border-radius: 8px;
    padding: 10px;
    background: none;
  }

  .comparison-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    border-bottom: 1.5px solid #F4EBA7;
  }

  .comparison-table td::before {
    content: attr(data-label);
    font-weight: 600;
    margin-right: 10px;
    color: #F4EBA7;
  }

  .comparison-table td:last-child {
    border-bottom: none;
  }
}


.comparison-table table{ 
  border-top: none !important;
  border-spacing: 0 !important;
}

.comparison-table thead,
.comparison-table thead tr,
.comparison-table thead th{
  border-top: none !important;
  background-image: none !important; /* на случай линий через bg */
}

/* если тема рисует линию через псевдоэлементы */
.comparison-table thead::before,
.comparison-table thead::after{
  content: none !important;
}

/* и на всякий случай — у первой строки тела тоже нет «верха» */
.comparison-table tbody tr:first-child td{
  border-top: none !important;
}


.logo-bg{
  --logo: url("/wp-content/uploads/2025/10/logo-footer.svg");
  --mask: url("/wp-content/uploads/2025/10/logo-footer-mask.svg"); /* этот новый файл */
  position:relative;
  display:block;
  width:100%;
  aspect-ratio: 1920 / 618.323;
  background: center/contain no-repeat var(--logo);
  overflow:hidden;
}

/* подсветка ТОЛЬКО внутри букв — через чистую маску */
.logo-bg::after{
  content:"";
  position:absolute; inset:0;

  background-image: linear-gradient(to top,
    rgba(255,255,255,.85) 0%,
    rgba(255,255,255,.50) 40%,
    rgba(255,255,255,0)   100%);
  background-repeat:no-repeat;
  background-position: bottom center;
  background-size: 100% 40%;

  -webkit-mask-image: var(--mask);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
          mask-image: var(--mask);
          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position: center;

  opacity:.55;
  animation: glowUp 6.5s ease-in-out infinite;
  will-change: background-size, opacity;
}

@keyframes glowUp{
  0%,100% { background-size:100% 28%; opacity:.38; }
  50%     { background-size:100% 54%; opacity:.68; }
}

@media (prefers-reduced-motion: reduce){
  .logo-bg::after{ animation:none; }
}

.cf-form-my {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
.cf-form-my form {
  width: 100%;
  max-width: 100%;
}
.cf-form-my p,
.cf-form-my label,
.cf-form-my input,
.cf-form-my textarea,
.cf-form-my select {
  width: 100%;
  max-width: 100%;
}

.cf-form-my input, textarea{
	font-family: Grift!important;
	font-size: 18px!important;
	font-weight: 400;
	background: none;
    border-color: rgba(146, 150, 114, 0.45);
    border-radius: 10px;
padding: 15px 20px 15px 20px;
margin: 10px 0px 10px 0px;
}

.cf-form-my label{
	font-family: Grift;
	font-size: 18px;
	font-weight: 500;
}

.cf-form-my .wpcf7-submit {
padding: 20px 20px 20px 20px;
	background: #333;
	max-width: 200px;
}

.cf-form-my .wpcf7-submit:hover {
color: #333;
	background: none;
border: 2px solid #333;
}