/*
Theme Name: Pen
Theme URI: https://www.htmlpie.com/products/pen-multipurpose-wordpress-theme
Author: HTMLPIE
Author URI: https://www.htmlpie.com/about
Description: This is a Full Version theme with tons of features, multiple color schemes, and very beautiful animation effects.
Version: 1.4.8
Requires at least: 4.8
Requires PHP: 5.6
Tested up to: 6.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pen
Tags: blog, custom-background, custom-colors, custom-header, custom-logo, custom-menu, e-commerce, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, four-columns, full-width-template, grid-layout, left-sidebar, microformats, one-column, portfolio, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, three-columns, translation-ready, two-columns, wide-blocks
*/

/* Bază pentru toate „emoji”-urile custom */
.emoji {
  display:inline-block;
  width:1em;              /* se scalează cu font-size */
  height:1em;
  vertical-align:-0.15em; /* aliniere cu textul */
  background-color: currentColor;   /* ia culoarea textului */
}

/* PIN locație (mask SVG, colorabil) */
.emoji--pin{
  -webkit-mask: no-repeat center/contain url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M12 22s-8-6-8-12a8 8 0 1 1 16 0c0 6-8 12-8 12Zm0-9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/>\
</svg>");
          mask: no-repeat center/contain url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M12 22s-8-6-8-12a8 8 0 1 1 16 0c0 6-8 12-8 12Zm0-9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/>\
</svg>");
}

/* (Opțional) casă = „adresă de domiciliu” */
.emoji--home{
  -webkit-mask: no-repeat center/contain url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M12 3 3 10h2v10h6v-6h2v6h6V10h2L12 3z'/>\
</svg>");
          mask: no-repeat center/contain url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M12 3 3 10h2v10h6v-6h2v6h6V10h2L12 3z'/>\
</svg>");
}




.pen_footer_contact {
    display: flex;
    align-items: center;
}

.pen_footer_contact .pen_phone {
    margin-right: 20px; /* Ajustează marginea între numărul de telefon și rețelele sociale */
}

.normalstyle11 {
  text-decoration: none;
  background-color: transparent;
  color: red;
  width: 165px;
  padding: 3px;
  font-size: 14px;
  margin: -1px;
}

.dropbtn2 {
  background-color: transparent;
  color: black;
  padding: 2px;
  font-size: 15px;
  border: none;
  cursor: pointer;
}

.show {display: block;}

.buttonlink{
  display: inline-block;
  border: none;
  text-shadow: 0.8px 0.8px 0.9px black;
  background: transparent;
  color: white;
  text-align: left;
  padding: 14px;
  transition: all 0.8s;
  cursor: pointer;
  margin: -13px;
}

.btn{
  display: inline-block;
  border-radius: 25px 6px 25px 6px;
  border: 2px solid #ebba91;
  background-color: rgba(0, 0, 0, 5%);
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 15px;
  width: 290px;
  height: 120px;
  transition: all 0.5s;
  cursor: pointer;
  margin: -13px;
  z-index: 1;
}
#close-image img {
    display: block;
    border-radius: 6px 25px 6px 25px;
    height: 97px;  
    width: 300px;
    margin: -10px;
    margin-left: 0px;
}
.gr .btn {
  float: left;
}

.button22 {
  display: inline-block;
  border-radius: 14px;
  background-color: #ECECEC;
  border: 1px solid;
  border-color: #14456E;
  color: #FFFFFF;
  text-align: center;
  font-size: 11px;
  padding: 8px;
  max-width: 298px;
  min-width: 228px;
  max-height: 195px;
  min-height: 75px;
  transition: all 0.4s;
  cursor: pointer;
  margin: -14px;
}
.compact_button {
  display: inline-block;
  border-radius: 14px;
  border-color: #14456E;
  border: 1px solid;
  background-color: #e9e9e9;
  color: #005ca4;
  text-align: center;
  font-family: Times;
  font-size: 17px;
  padding: 5px;
  max-width: 100%;
  min-width: 100%;
  min-height: 90px;
  max-height: 100px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 0px;
}
.compact_button2 {
  display: inline-block;
  border-radius: 14px;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #14456E;
  color: #005ca4;
  text-align: center;
  font-family: Times;
  font-size: 17px;
  padding: 5px;
  max-width: 50%;
  min-width: 170px;
  min-height: 100px;
  max-height: 110px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 0px;
}
.gr .compact_button2 {
  float: left;
}
p.small_space {
  line-height: 1.1;
}

p.normal_space {
  line-height: 1.4;
}

p.big_space {
  line-height: 2;
}

html {
  scroll-behavior: smooth;
}

.hidden-header {
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}

.fixed-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.normalstyle12 {
  text-decoration: none;
  background-color: transparent !important;
  color: black;
  padding: 2px;
  font-size: 20px;
  margin: 8px;
}
.normalstyle1 {
  text-decoration: none;
  background-color: transparent;
  color: red;
  width:165px;
  padding: 2px;
  font-size: 14px;
  margin: -1px;
}
.normalstyle2 {
  text-decoration: none;
  background-color: transparent;
  color: #007CD1;
  width: 165px;
  padding: 1px;
  font-size: 13px;
  margin: -3px;
}
.dropbtn2 {
  background-color: transparent;
  color: black;
  padding: 2px;
  font-size: 15px;
  border: none;
  cursor: pointer;
}

.button-container {
  padding: 0px 0px 0px 0px !important;
  display: flex;
  flex-direction: row;                           flex-wrap: nowrap;                              align-content: stretch;                       align-items: center;
}

.addMore {
  font-size: 23px;
  color: #636363;
  padding: 8px;
  border-radius: 25px;
  background: transparent;
  border: none;
  outline: none;
}

.btn_monitoring{  
  display: inline-block;  
  border-radius: 9px;  
  background-color: #14456E;  
  border: none;  
  color: #FFFFFF;  
  text-align: center;  
  font-size: 20px;  
  padding: 20px;  
  width: 260px;  
  transition: all 0.5s;  
  cursor: pointer;  
  margin: -2px;
}

.btn_light{  
  display: inline-block;  
  border-radius: 9px;  
  background-color: white;  
  border: 2px solid #14456E;
  color: #666666;  
  text-align: center;  
  font-size: 17px;  
  padding: 7px;  
  width: 260px;  
  transition: all 0.5s;  
  cursor: pointer;  
  margin: -2px;
  line-height: 1.3;
}

.btn_light_instruction{  
  border-radius: 0px 0px 9px 9px;  
  background-color: white;
  border: 2px solid #14456E;
  color: #666666;
  font-size: 17px;  
  padding: 0.5em var(--padding-x);  
  width: 260px;  
  transition: all 0.5s;  
  cursor: pointer;
  margin: -2px;
  height: 40px;
  display: inline-block;
}

@media (hover: hover) {
  
.btn_achizitii{
  display: inline-block;
  border-radius: 9px;
  background-color: #14456E;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  padding: 15px;
  width: 160px;
  transition: all 0.5s;
  cursor: pointer;
  margin: -2px;
}
.btn_achizitii span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.gr .btn_achizitii {
  float: left;
}
.btn_achizitii span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.btn_achizitii:hover span {
  padding-right: 20px;
  background-color: #3e8e41;
}
.btn_achizitii:hover{
  background-color: #3e8e41;
}
.btn_achizitii:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.btn_achizitii:hover span:after {
  opacity: 1;
  right: 0;
}
  

.normalstyle11 a:hover {
  background-color: silver;
  font-size: 14px;
  color: red;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 5px;
  padding: 5px 4px;
}

.dropbtn2:hover, .dropbtn2:focus {
  text-decoration: none;
  background-color: silver;
  font-size:16px;
  color: red;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 5px;
  padding: 5px 4px;
}

.dropdown2 a:hover {
  text-decoration: none;
  background-color: silver;
  font-size:16px;
  color: red;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 5px;
}

.buttonlink:hover {
  color: #E7FFB6;
  padding: 17px;
  text-shadow: 1.5px 1.5px 2.5px black;
}

.btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.btn span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.btn:hover span {
  padding-right: 20px;
  background-color: white;
}
.btn:hover{
  background-color: white;
}
.btn:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.btn:hover span:after {
  opacity: 1;
  right: 0;
}

.button22 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.4s;
}
.gr .button22 {
  float: left;
}
.button22 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.button22:hover span {
  padding-right: 20px;
  background-color: #DEF0DD;
}
.button22:hover{
  background-color: #DEF0DD;
}
.button22:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.button22:hover span:after {
  opacity: 1;
  right: 0;
}

.compact_button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.gr .compact_button {
  float: left;
}
.compact_button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.compact_button:hover span {
  padding-right: 20px;
  background-color: #d7ffd9;
}
.compact_button:hover{
  background-color: #e0ffe1;
}
.compact_button:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.compact_button:hover span:after {
  opacity: 1;
  right: 0;
}

.compact_button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.compact_button2 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.compact_button2:hover span {
  padding-right: 20px;
  background-color: #d7ffd9;
}
.compact_button2:hover{
  background-color: #e0ffe1;
  color: #dd3333;
}
.compact_button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.compact_button2:hover span:after {
  opacity: 1;
  right: 0;
}

.normalstyle12 a:hover {
   transform:translateY(-1px); background:rgba(255,255,255,.25); opacity:0.9;
}
.normalstyle1 a:hover {
  text-decoration: none;
  background-color: silver;
  font-size:15px;
  color: red;
  font-style: italic;
}
  
.normalstyle2 strong:hover {
  text-decoration: none;
  background-color: #E2ECEC;
  font-size: 14px;
  color: red;
}

.dropbtn2:hover, .dropbtn2:focus {
  background-color: silver;
}
.dropdown2 a:hover {background-color: #ddd;}

.addMore:hover {
  color: black;
  background: silver;
  padding: 8px;
  border-radius: 25px;
}

.btn_monitoring span {  
  cursor: pointer;  
  display: inline-block;  
  position: relative;  
  transition: 0.5s;
}
.gr .btn_monitoring {  
  float: left;
}
.btn_monitoring span:after {  
  content: '\00bb';  
  position: absolute;  
  opacity: 0;  top: 0;  
  right: -20px;  
  transition: 0.5s;
}
.btn_monitoring:hover span {  
  padding-right: 20px;  
  background-color: #3e8e41;
}
.btn_monitoring:hover{  
  background-color: #3e8e41;
}
.btn_monitoring:hover {  
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.btn_monitoring:hover span:after {  
  opacity: 1;  
  right: 0;
}
	

#dropdown {
  max-height: calc(20 * (1em + 8px));
}

  /* Stilurile pentru butonul de ștergere personalizat */
  .custom-clear-button {
    /* Stilurile generale */
    position: absolute;
    right: 10px;
    top: 90%;
    transform: translateY(-50%);
    cursor: pointer;
    color: rgba(255,0,0,50%);
    font-size: 16px;
    background-color: transparent;
    border: none;
    display: none;
  }
  .custom-clear-button:hover {
    color: darkred;
  }

#myInput {
  box-sizing: border-box;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: 2px red;
  border-bottom: 1px solid #ddd;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9Ii0zIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljc2ODUgMjMuMDg2NkM5LjcyOTYgMjMuMTMzMyA5LjY4NjYgMjMuMTc2MyA5LjYzOTkgMjMuMjE1MkM5LjIxNTQgMjMuNTY4NiA4LjU4NDkgMjMuNTExIDguMjMxNSAyMy4wODY2QzIuNzQzODQgMTYuNDk1OSAwIDExLjY3OTggMCA4LjYzODExQzAgMy44Njc0MSA0LjIyOTMgMCA5IDBDMTMuNzcwNyAwIDE4IDMuODY3NDEgMTggOC42MzgxMUMxOCAxMS42Nzk4IDE1LjI1NjIgMTYuNDk1OSA5Ljc2ODUgMjMuMDg2NnpNOSAxMkMxMC42NTY5IDEyIDEyIDEwLjY1NjkgMTIgOUMxMiA3LjM0MzE1IDEwLjY1NjkgNiA5IDZDNy4zNDMxIDYgNiA3LjM0MzE1IDYgOUM2IDEwLjY1NjkgNy4zNDMxIDEyIDkgMTJ6IiBmaWxsPSIjNzU4Q0EzIiBmaWxsLW9wYWNpdHk9IjAuNDUiLz48L3N2Zz4=") no-repeat 10px center / 15px 15px  !important;
  padding-left: 40px;         /* spațiu pentru icon */
  box-sizing: border-box;
  background-color: transparent;
  -webkit-appearance: none;    /* 2) dezactivează stilul special pentru search */
  appearance: none;
}
#myInput:focus {outline: 3px solid #ddd;}
.dropbutton {
  display: inline;
  border-radius: 15px;
  border: 2px solid #ebba91;
  background-color: #14456E;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  padding: 8px;
  width: 290px;
  height: 145px;
  transition: all 0.5s;
  cursor: pointer;
  margin: -13px;
  z-index: 100;
}
.dropbutton:hover, .dropbutton:focus {
  background-color: #2274b7;
}
.dropdown {
  display: inline-block;
  position: relative;
  z-index: 100;
}
.dropdown-content {
  display: none;
  position: relative;
  background-color: #f6f6f6;
  min-width: 270px;
  overflow: auto;
  border: 1px solid #ddd;
}
.dropdown-content b {
  color: black;
  font-family: Times;
  min-width: 240px;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border: 1px solid blue;
}
.dropdown-content b:hover {
  background-color: #C9DFEC;
  border: 2px solid red;
}

div.small_space2 {
  line-height: 1
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    background: red; /* sau orice culoare */
    mask: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 8.586l4.95-4.95 1.414 1.414L11.414 10l4.95 4.95-1.414 1.414L10 11.414l-4.95 4.95-1.414-1.414L8.586 10 3.636 5.05l1.414-1.414L10 8.586z" clip-rule="evenodd"/></svg>') center / contain no-repeat;
}
	

/* ascunde iconul când există text (placeholder-ul nu mai e vizibil) */
#myInput:not(:placeholder-shown){
  background-image: none !important;
}

/* (opțional) elimină decorațiile implicite pentru type=search */
#myInput::-webkit-search-decoration,
#myInput::-webkit-search-cancel-button{
  -webkit-appearance: none;
  appearance: none;
}


  
#block-164 .btn_light:hover{  
  background-color: #ebe9e9 !important;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
  
.btn_light_instruction:hover{  
  background-color: #e0ffe1;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

}

@media only screen and (min-width: 0px) and (max-width: 800px){
    .addMore2 {
  font-size: 15px;
  color: #636363;
  padding: 8px;
  border-radius: 25px;
  background: transparent;
  border: none;
  outline: none;
}

.addMore2:hover {
  color: black;
  background: silver;
  padding: 8px;
  border-radius: 250px;
  
  }
 
}

@media only screen and (min-width: 800px) and (max-width: 60000px){
    .addMore2 {
  color: transparent;
  background: transparent;
  border: none;
  outline: none;
  pointer-events: none;
}
}

@media screen and (max-width: 800px) {
  .underline1 {
  text-decoration: underline;
  line-height: 1.1;
  font-size: 15px;
}
}

@media screen and (min-width: 800px) {
  .underline1 {
  position: relative;
  line-height: 1.1;
  font-size: 15px;
  font-weight: 550;
}
  .underline1:hover {
  text-decoration: underline;
  line-height: 1.1;
  font-size: 15px;
  cursor: pointer;
}
}

@media only screen and (max-width: 1024px){
#pen_header {
	top: -15px !important;
}
}	

@media (hover: none) {
  .compact_button:active {
    background-color: #e0ffe1;
  }
  .siabutton:active {
    background-color: #e0ffe1;
  }
  
  .button22:active {
    background-color: #e0ffe1;
  }
  .btn_monitoring:active {
    background-color: #e0ffe1;
  }
  .btn:active {
    background-color: #e0ffe1;
  }

  .buttonlink:active {
    background-color: #e0ffe1;
  }
  .dropdown2:active {
    background-color: #e0ffe1;
  }
  .dropbtn2:active {
    background-color: #e0ffe1;
  }
  .normalstyle2:active {
    background-color: #e0ffe1;
  }
  .normalstyle11:active {
    background-color: #e0ffe1;
  }
  .addMore:active {
    background-color: #e0ffe1;
  }
  .zoomButton:active {
    background-color: #e0ffe1;
  }

  .normalstyle1:active {
    background-color: #e0ffe1;
  }

  .btn_monitoring:active {
    background-color: #e0ffe1;
  }
    .btn_light:active {
    background-color: red;
  }
}

.my_logo {
 margin: 11px 10px 0px 0px;
}


/* Stilurile pentru meniul principal */
#pen_navigation ul#primary-menu {
    line-height: 1;
    padding: 0px;
    margin: 0px;
}

#pen_navigation ul#primary-menu li {
    position: relative;
    float: left;
}



#pen_navigation ul#primary-menu li:hover > ul,
#pen_navigation ul#primary-menu ul.sub-menu:hover {
    display: block;
    opacity: 1; /* Face submeniul vizibil atunci când este afișat */
}

#pen_navigation.pen_hover_10 ul#primary-menu > li > a:after {
  display: none;
}

/* Stilurile pentru linkurile din meniu */
#pen_navigation ul#primary-menu a {
    display: block;
    padding: 14px 5px 10px 11px;
    color: #fff;
    text-decoration: none;
}

#pen_navigation ul#primary-menu a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}


#pen_header .pen_header_main .pen_container{
  min-height: 5px;
}

.search-form {
    height: 40px;
  }

.site-header {
    transition: transform 0.3s ease;
    position: sticky;
    top: 0;
    z-index: 1000;
} 

.navigation-bar {
    position: fixed;
    top: 0%;
    width: 100%;
    z-index: 1100;
    background-color: #fff; /* Schimbă după cum dorești */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Opțional */
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    visibility: hidden; /* Ascunde complet bara inițial */
}

.navigation-bar.visible {
    transform: translateY(0);
    visibility: visible; /* Afișează bara când este vizibilă */
}

.hidden-header {
    transform: translateY(-100%);
}

#scroll-up span::before {
    content: "⇮";
}

.scroll-up:hover {
    color: #979797 !important;
	-webkit-text-stroke-color: #ff9191 !important;
	font-size: 39px !important;
	transition: all 0.5s !important;
}
.scroll-up {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 15px;
    right: 55px;
    display: none; /* Ascuns implicit */
    background: transparent !important;
    color: gray !important;
	-webkit-text-stroke-width: .2px;
  	-webkit-text-stroke-color: red;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 35px;
    font-style:absolute;
    cursor: pointer;
    z-index: 999999;
}

.scroll-up.visible {
    display: block; /* Afișat când este activ */
}

@media only screen and (max-width: 780px){
  
  
#scroll-up span::before {
    content: "⇮";
    font-weight: 999;
}
  
.scroll-up:hover {
  color: #898989;;
}
.scroll-up {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 15px;
    right: 55px;
    left: 1rem;
    display: none; /* Ascuns implicit */
    background: rgba(171,171,171,0.1);
    color: #5f5f5f;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    font-style:absolute;
    cursor: pointer;
    z-index: 999999;
}

.scroll-up.visible {
    display: block; /* Afișat când este activ */
}
}

@media (max-width: 768px) {
    #primary-menu-mobile:first-of-type {
        display: none !important;
    }
}


@media only screen and (max-width: 1024px){
  
a#pen_back {
  display: none !important;
}
.my_logo {
  display: none !important;
}
#site-title {
  display: none !important;
} 

#pen_header_primary .widget, #pen_header_primary .widget {
  top: 3px;
  padding: 0rem;
  }
#pen_header_primary {
    top: 1px;
    display: flex;
    flex-direction: column; /* Asigură poziționarea verticală */
    justify-content: center; /* Centrează pe verticală */
    align-items: center; /* Centrează pe orizontală */
    padding: 2px;
}
  /*===========STRAZI_Mobile================
 * 
 * 
 */

#block-164 {
    display: flex; /* Activează flexbox */
    justify-content: center; /* Aliniază butonul pe orizontală */
    flex-direction: column; /* Elemente aranjate pe verticală */
    align-items: center; /* Centrează butoanele pe orizontală */
    padding: 10px; /* Spațiu interior */
    text-align: center; /* Center textul în interiorul butonului */
}

#block-164 .btn_light {
    flex-direction: column; /* Aranjează conținutul pe verticală */
    align-items: center; /* Centrează imaginea și textul */
    justify-content: center; /* Centrează vertical imaginea și textul */
    text-align: center; /* Centrează textul */
    background-color: #f5f5f5; /* Fundal butoane */
    border: 1px solid #ccc; /* Margine butoane */
    border-radius: 5px; /* Colțuri rotunjite */
    padding: 10px; /* Spațiu interior */
    cursor: pointer; /* Schimbă cursorul la hover */
    min-width: 130px; /* Lățimea minimă */
    min-height: 250px; /* Înălțimea minimă */
    max-width: 300px; /* Lățimea maximă */
}

#block-164 .btn_light:hover {
    background-color: #d0d0d0; /* Culoare fundal la hover */
}

#block-164 .dropbutton {
    display: inline-block; /* Asigură poziționarea în rând */
    border-radius: 15px; /* Colțuri rotunjite */
    border: 2px solid #ebba91; /* Bordura */
    background-color: #14456E; /* Fundal */
    color: #FFFFFF; /* Culoarea textului */
    text-align: center; /* Aliniere text */
    font-size: 18px; /* Dimensiunea textului */
    padding: 8px; /* Spațiu interior */
    min-height: 145px; /* Înălțime minimă */
    min-width: 290px; /* Lățime minimă */
    max-width: 300px; /* Lățime maximă */
    transition: all 0.5s; /* Tranziție */
    cursor: pointer; /* Cursor pointer */
    z-index: 100; /* Strat superior */
}

#block-164 .dropbutton:hover, #block-164 .dropbutton:focus {
    background-color: #2274b7; /* Fundal schimbat la hover */
}

#block-164 .dropdown222-content {
    display: none; /* Ascuns inițial */
    position: relative; /* Poziționare absolută față de părinte */
    top: 100%; /* Poziționează dropdown-ul imediat sub buton */
    left: 51%; /* Mijlocul secțiunii */
    transform: translateX(-50%); /* Centrează pe orizontală */
    background-color: #f6f6f6; /* Fundal dropdown */
    min-height: 0px;
    max-height: 500px;
    min-width: 270px; /* Lățimea minimă */
    max-width: 310px;
    border: 1px solid #ddd; /* Bordura */
    z-index: 200; /* Strat superior */
    padding: 5px; /* Spațiu interior */
    text-align: left; /* Aliniere text */
  
}

#block-164 .dropdown222-content b {
    color: black; /* Culoare text */
    font-family: Times; /* Font */
    font-size: 14px;
    padding: 12px 16px; /* Spațiu interior */
    text-decoration: none; /* Fără subliniere */
    display: block; /* Element bloc */
    border: 1px solid blue; /* Bordura */
}


#block-164 .dropdown222-content b:hover {
    background-color: #C9DFEC; /* Fundal schimbat la hover */
    border: 1px solid red; /* Bordura schimbată la hover */
}

#block-164 #myInput {
    box-sizing: border-box; /* Asigură comportamentul așteptat al marginilor */
    font-size: 16px; /* Dimensiunea textului */
    padding: 14px 20px 12px 45px; /* Spațiu interior */
    border: 2px solid red; /* Bordura */
    border-bottom: 1px solid #ddd; /* Bordura inferioară */
}

#block-164 #myInput:focus {
    outline: 3px solid #ddd; /* Bordura la focus */
}
  
  
.navigation-bar{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    padding:6px 10px;
    position:relative;
  }

.navigation-bar .my_logo{
    display:block !important;
    position:relative;   /* anulează fixed */
    top:auto;
    left:auto;
    margin:0;
  }

.navigation-bar .my_logo img{
    height:28px;   /* ajustează dimensiunea */
    width:auto;
  }
  
  
#pen_header_primary.sidebar.clearfix.widget-area {
    margin: 0 !important;
  }
  
#pen_header_search.pen_search {
    margin: 0 !important;
  }
.search-submit {
    top: 5px !important;
  } 
.search-field {
     height: 39px;
    font-size: 17px !important;
  }
.search-field::placeholder {
    font-size: 15px;
    color: silver !important;
}
  
}

@media only screen and (min-width: 780px){
a#pen_back {
  display: none !important;
}
}

.row.middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: silver;
}

#pen_navigation_mobile_toggle {
   background: silver;
}
#pen_navigation_mobile_toggle span.pen_icon span {
  background: #005dcd !important;
}
.col-1 {
    flex: 0 0 40%;
}
.col-2 {
    flex: 0 0 40%;
}

.mobile-logo img {
    max-height: 40px;
    padding: 0px 0px 0px 4px;
}

.flex.middle.end {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pen_text {
  color: #005dcd;
}

#block-289 {
    display: flex; /* Activează flexbox */
    flex-direction: column; /* Aranjează butoanele pe verticală */
    align-items: center; /* Centrează butoanele pe orizontală */
    gap: 0px; /* Spațiu între butoane */
    padding: 20px; /* Spațiu interior */
}

#block-289 .btn_light,
#block-289 .btn_light_instruction {
    display: flex; /* Activează flexbox pentru conținutul butonului */
    flex-direction: column; /* Aranjează conținutul pe verticală */
    align-items: center; /* Centrează imaginea și textul */
    justify-content: center; /* Centrează vertical imaginea și textul */
    text-align: center; /* Centrează textul */
    background-color: #f5f5f5; /* Fundal butoane */
    border: 1px solid #ccc; /* Margine butoane */
    border-radius: 0 0 9 9; /* Colțuri rotunjite */
    padding: 10px; /* Spațiu interior */
    cursor: pointer; /* Schimbă cursorul la hover */
    min-width: 130px; /* Lățimea minimă */
    min-height: 220px; /* Înălțimea minimă pentru celelalte butoane */
}

#block-289 .btn_light_instruction {
    min-height: auto; /* Elimină înălțimea minimă pentru acest buton */
    padding: 24px 10px; /* Dimensiune compactă */
    align-self: flex-end; /* Mută 'Instrucțiune' la marginea dreaptă */
    margin-top: -20px; /* Ajustare pentru a fi aproape de 'Programare On-Line' */
    margin-bottom: 0px; /* Fără spațiu suplimentar dedesubt */
    background-color: #f5f5f5; /* Fundal ușor diferit pentru vizibilitate */
}

#block-289 .btn_light_instruction img {
    margin-bottom: 1px; /* Spațiu mic între imagine și text */
}

#block-289 .btn_light:hover,
#block-289 .btn_light_instruction:hover {
    background-color: #d0d0d0; /* Culoare fundal la hover */
}



#block-164 {
    display: flex; /* Activează flexbox */
    justify-content: center; /* Aliniază butonul pe orizontală */
    flex-direction: column; /* Elemente aranjate pe verticală */
    align-items: center; /* Centrează butoanele pe orizontală */
    padding: 10px; /* Spațiu interior */
    text-align: center; /* Center textul în interiorul butonului */
}

#block-164 .btn_light {
    flex-direction: column; /* Aranjează conținutul pe verticală */
    align-items: center; /* Centrează imaginea și textul */
    justify-content: center; /* Centrează vertical imaginea și textul */
    text-align: center; /* Centrează textul */
    background-color: #f5f5f5; /* Fundal butoane */
    border: 1px solid #ccc; /* Margine butoane */
    border-radius: 5px; /* Colțuri rotunjite */
    padding: 10px; /* Spațiu interior */
    cursor: pointer; /* Schimbă cursorul la hover */
    min-width: 130px; /* Lățimea minimă */
    min-height: 250px; /* Înălțimea minimă */
    max-width: 300px; /* Lățimea maximă */
}

#block-164 .btn_light:hover {
    background-color: #d0d0d0; /* Culoare fundal la hover */
}

#block-164 .dropbutton {
    display: inline-block; /* Asigură poziționarea în rând */
    border-radius: 15px; /* Colțuri rotunjite */
    border: 2px solid #ebba91; /* Bordura */
    background-color: #14456E; /* Fundal */
    color: #FFFFFF; /* Culoarea textului */
    text-align: center; /* Aliniere text */
    font-size: 18px; /* Dimensiunea textului */
    padding: 8px; /* Spațiu interior */
    min-height: 145px; /* Înălțime minimă */
    min-width: 290px; /* Lățime minimă */
    max-width: 300px; /* Lățime maximă */
    transition: all 0.5s; /* Tranziție */
    cursor: pointer; /* Cursor pointer */
    z-index: 100; /* Strat superior */
}

#block-164 .dropbutton:hover, #block-164 .dropbutton:focus {
    background-color: #2274b7; /* Fundal schimbat la hover */
}

#block-164 .dropdown-content {
    display: none; /* Ascuns inițial */
    position: relative; /* Poziționare absolută față de părinte */
    top: 100%; /* Poziționează dropdown-ul imediat sub buton */
    left: 51%; /* Mijlocul secțiunii */
    transform: translateX(-50%); /* Centrează pe orizontală */
    background-color: #f6f6f6; /* Fundal dropdown */
    min-height: 0px;
    max-height: 500px;
    min-width: 270px; /* Lățimea minimă */
    max-width: 310px;
    border: 1px solid #ddd; /* Bordura */
    z-index: 200; /* Strat superior */
    padding: 5px; /* Spațiu interior */
    text-align: left; /* Aliniere text */
  
}

#block-164 .dropdown-content b {
    color: black; /* Culoare text */
    font-family: Times; /* Font */
    font-size: 14px;
    padding: 12px 16px; /* Spațiu interior */
    text-decoration: none; /* Fără subliniere */
    display: block; /* Element bloc */
    border: 1px solid blue; /* Bordura */
}

#block-164 .dropdown-content b:hover {
    background-color: #C9DFEC; /* Fundal schimbat la hover */
    border: 1px solid red; /* Bordura schimbată la hover */
}

#block-164 #myInput {
    box-sizing: border-box; /* Asigură comportamentul așteptat al marginilor */
    font-size: 16px; /* Dimensiunea textului */
    padding: 14px 20px 12px 45px; /* Spațiu interior */
    border: 2px solid red; /* Bordura */
    border-bottom: 1px solid #ddd; /* Bordura inferioară */
}

#block-164 #myInput:focus {
    outline: 3px solid #ddd; /* Bordura la focus */
}

/**
.sm-wrapper .sm-button[data-sm-button-place="outside"] {
    top: -4.5% !important;
    transform: rotate(0deg) !important;
    transform-origin: right top !important;
    font-family: Arial !important;
}

.sm-wrapper,
.sm-wrapper .sm-overlay,
.sm-wrapper .sm-popup {
    position: fixed !important;
    top: auto !important;
    bottom: 0px !important;
    left: 0 !important;
}

*/

/* Social icons */
.pen_footer_contact{
  display:flex; justify-content:center; align-items:center; gap:8px; flex-wrap:wrap;
}

/* Linie legală jos, aliniere la stânga */
.footer-legal{
  display:flex;
  align-items:center;
  gap:14px;           /* spațiu între text și iconițe */
  flex-wrap:wrap;     /* ca să nu se rupă pe ecrane mici */
  margin-top:6px;
}

/* Iconițe pe orizontală */
.footer-legal .footer-social{
  display:flex;
  gap:10px;
}

.footer-legal .footer-social .social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px; height:30px;
  border-radius:8px;
  background:rgba(255,255,255,.08);  /* discret, ca în restul footerului */
  text-decoration:none;
}

.footer-legal .footer-social img{
  width:18px; height:18px; display:block;
}

/* Dacă ai și vechiul bloc vertical de iconițe în dreapta, îl ascundem */
#pen_footer_right .social-block,
#pen_footer_right .stats .social,
#pen_footer_right .social-icons { display:none; }


/* ===== Layout pentru logo + contacte ===== */
.footer-hero{
  display:grid;
  grid-template-columns: auto 1fr;  /* [logo] | [conținut] */
  grid-auto-rows: auto;
  column-gap:24px;
  position:relative;
}

/* Logo-ul ocupă coloana 1 și se centrează vertical pe întreaga înălțime a blocului */
.footer-hero-left{
  grid-column:1;
  grid-row:1 / span 3;      /* întinde pe rândurile titlu + separator + contacte */
  align-self:center;         /* cheie: centru pe verticală */
}
.footer-logo{ display:block; max-width:174px; height:auto; margin:0 !important; }

/* Titlul stă în col. 2, rândul 1 */
.footer-hero-right{ grid-column:2; grid-row:1; }
.footer-contacts-title{
  margin:0 0 -6px; font-size:18px; font-weight:700; text-align:left;
}

.footer-logo-title{
  margin:10px 0 -16px; 
  font-size:18px; 
  font-weight:700; 
  text-align:center;
}

/* === layout principal: logo | contacte | statistici === */
.footer-hero--table{
  display:grid;
  grid-template-columns: auto 2fr 1fr;  /* logo | contacte | statistici */
  gap:28px;
  align-items:center; /* logo centrat vertical față de blocurile din dreapta */
}
.footer-logo{ 
  display:block; 
  max-width:154px; 
  height:auto; 
  margin:0; }
.footer-logo-text{
  font-size: 15px;
  margin-top:8px; 
  text-align:center;
  padding-bottom:30px;
}

/* card contacte */
.contacts-card .card-title{
  margin:0 0 4px;
  text-align:center;
  font-size:18px; 
  font-weight:500;
  border-bottom:1px solid rgba(255,255,255,.35);
  padding-bottom:5px;
  border-radius: 5px;
}

/* tabelul trebuie să fie "separate" ca să existe spațiu real între celule */
.contacts-table{
  width:100%;
  font-variant-numeric: tabular-nums;
  border-collapse: separate !important;
  border-spacing: 2px !important;
}

/* coloana-spațiu dintre col.2 și col.3 */
.contacts-table .col-gap {
  width: 1%;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: none;
}

.contacts-table th,
.contacts-table td{
  padding:7px 5px;
  border:1px solid rgba(255,255,255,.25);
}

.contacts-table th{
  text-align:left; 
  font-weight:500; 
  width:30%;
  border-radius: 7px 0px 0px 7px;
}
.contacts-table td{
  width:10%; white-space:nowrap;
  background: rgba(255,255,255,.08);
  text-align:center;
  border-radius: 0px 7px 7px 0px;
  
}
.contacts-table tr > td:nth-child(4){ width:10%;
}  

/* responsive */
@media (max-width: 850px){
  .footer-hero--table{ grid-template-columns: 1fr; align-items:start; }
  .footer-hero-left{ justify-self:center; text-align:center; }
  .contacts-card .card-title{ text-align:center; }
/* card contacte */
.contacts-card .card-title{
  margin:0 0 4px;
  text-align:center;
  font-size:15px; 
  font-weight:500;
  border-bottom:1px solid rgba(255,255,255,.35);
  padding-bottom:5px;
  border-radius: 5px;
}
.contacts-table th,
.contacts-table td{
  padding:7px 5px;
  border:1px solid rgba(255,255,255,.25);
  
}
.contacts-table th{
  text-align:left; font-weight:500; width:30%;
  border-radius: 7px 0px 0px 7px;
}
.contacts-table td{
  width:10%; white-space:nowrap;
  background: rgba(255,255,255,.08);
  text-align:center;
  border-radius: 0px 7px 7px 0px;
}
.contacts-table tr > td:nth-child(4){ width:10%; }  /* ultima col. tot numerică */
}

/* bară jos: text stânga, iconițe la capătul din dreapta */
.footer-bottom-bar{
  display:flex;
  align-items:center;
  width:100%;
  gap:12px;
  flex-wrap:wrap;
}
.footer-copy{ flex:1 1 auto; }      /* ocupă tot spațiul liber */
.footer-social{ flex:0 0 auto; display:flex; align-items:center; gap:8px; }

/* stil butoane (rămâne ca înainte) */
.footer-social .pen-connect-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:6px;
  background: rgba(255,255,255,.12); color:#fff; text-decoration:none;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  transition: background .2s, transform .15s, box-shadow .2s;
}
.footer-social .pen-connect-btn:hover{
  background: rgba(255,255,255,.2);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,.2);
}
.footer-social .pen-connect-btn svg{ width:18px; height:18px; display:block; }

/* mobil: dacă se rupe pe 2 rânduri, iconițele rămân tot la dreapta */
@media (max-width: 640px){
  .footer-bottom-bar{ gap:8px 12px; }
}



.fc-stats-since{ margin-top:6px; font-size:12px; opacity:.75; }

/* Titlu "Statistica accesărilor" identic cu "Contacte" */
.stats-card .fc-stats h4{
  margin:0px 0px 4px;
  text-align:center;
  font-size:18px;               /* la fel ca titlul Contacte */
  font-weight:500;
  border-bottom:1px solid rgba(255,255,255,.35);
  padding-bottom: 1px;
  border-radius: 5px;
}

/* Tabelul de statistici să folosească exact stilul tabelului de contacte */
.stats-card .fc-stats-table{
  margin: 0px 0px 4px;
  width:100%;
  border-collapse:separate;
  border-spacing:2px;    
  /* linii continue ca la contacte */
  font-variant-numeric: tabular-nums;
}
.stats-card .fc-stats-table th,
.stats-card .fc-stats-table td{
  padding:6.5px 13px;            /* aceleași padding-uri ca la .contacts-table */
  border:1px solid rgba(255,255,255,.25);
  border-radius: 7px 0px 0px 7px;
}
.stats-card .fc-stats-table th{
  text-align:left;
  font-weight:500;
  width:75%;                    /* eticheta mai lată, ca la contacte */
}
.stats-card .fc-stats-table td{
  text-align:center;
  white-space:nowrap;
  background:rgba(255,255,255,.08);
}


.stats-card .fc-stats-table td{
  background:rgba(255,255,255,.08);
  border-radius: 0px 7px 7px 0px;
}

/* subtitlul "Date înregistrate din:" rămâne discret */
.stats-card .fc-stats-since{ 
  margin-top:-4px;
  margin-left:7px; 
  font-size:10px; 
  opacity:.55; 
}

/* Mobile: iconițe sus (centrate), copyright jos */
@media (max-width: 810px){
  .footer-bottom-bar{
    display:flex;
    flex-direction: column;     /* pe două rânduri */
    align-items: center;        /* centrează pe orizontală */
    gap: 1px;
    width: 100%;
  }
  .footer-bottom-bar .footer-social{
    order: 1;                   /* iconițe PRIMELE */
    display:flex;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
    width: 100%;
  }
  .footer-bottom-bar .footer-copy{
    order: 2;                   /* copyright la urmă */
    text-align: center;
    width: 100%;
    margin-top: -20px;
  }
}

#pen_site_title {
    height: 80px !important;
}
#pen_site_title img {
    max-height: 75px !important;
}

@media (max-width: 910px){
  .footer-bottom-bar .footer-social{
  margin-top: -5px;
  margin-bottom: -1px;
}
.hr-copy hr{
  margin-top: 120px !important;
  margin-bottom: -1px;
}
  
    .footer-hero {
  margin-bottom: -40px;
}
  .stats-card .fc-stats-table th,
.stats-card .fc-stats-table td{
  padding:13.5px 13px;}
  
}


@media (max-width: 1010px){
  .stats-card .fc-stats-table th,
.stats-card .fc-stats-table td{
  padding:13.5px 13px;
  font-size: 11px;
  } 

}

@media (max-width: 850px){
  .stats-card .fc-stats-table th,
.stats-card .fc-stats-table td{
  padding:4.5px 13px;
  font-size: 11px;
  } 
    .footer-logo { 
    max-width:124px;
  }
  .footer-logo-text{
    font-size: 13px;
  }
}

  .footer-hero {
  margin-bottom: -90px;
}

.hr-copy hr{
  margin-top: 70px;
  margin-bottom: -1px;
}

.custom-close-btn {
        display: none;
        position: absolute;
        top: -13px;
        right: 0px;
        background-color: #e74c3c;
        color: white;
        border: none;
        border-radius: 4px;
        padding: 6px 10px;
        font-size: 14px;
        font-family: sans-serif;
        cursor: pointer;
        z-index: 9999;
        transition: background-color 0.3s ease;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

.custom-close-btn:hover {
        background-color: #c0394b;
    }

.custom-close-btn .icon {
        margin-right: 5px;
        font-weight: bold;
    }


.today-close-btn {
        position: absolute;
        top: -13px;
        right: 0px !important;
        background-color: #e74c3c;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 14px;
        font-family: sans-serif;
        cursor: pointer;
        z-index: 9999;
        transition: background-color 0.3s ease;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    }

.today-close-btn:hover {
        background-color: #c0394b;
    }

.today-close-btn .icon {
        margin-right: 5px;
        font-weight: bold;
    }

.sm-popup {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    top: auto !important;
    margin-bottom: 15px !important;
    margin-left: 15px !important;
    z-index: 9999 !important;
}

.sm-button {
  top: -17px !important;
  transform: rotate(0deg) !important;
  background: #FF644A !important;
  border-radius: 5px !important;
}

.sm-button:hover{
  top: -17px !important;
  background: red !important;
  
}

.gtranslate_wrapper, #gt_float_wrapper, .gtranslate_wrapper .gt_float_switcher, .gtranslate_wrapper [class*="gt_float"] {       position: fixed !important; 
  bottom: auto !important; 
  left: 12px !important; 
  top: 10px !important; 
  right: auto !important; 
  margin: 0 !important; 
  z-index: 99999 !important; }

@media (max-width: 1226px){
  .gtranslate_wrapper,
  #gt_float_wrapper,
  .gtranslate_wrapper .gt_float_switcher {
    top: -3px !important;
    right: 55px !important;
    transform: scale(.95);
    transform-origin: top left;
  }
}

li p.small_space strong a:hover{ 
  color:#0d9488 !important; 
  font-style: italic;
}


/* Titlu mare */
.vacancies-main-title{
  text-align:center;
  font-size:20px;
  text-transform:uppercase;
  color:#1e88ff;
  margin-bottom:12px;
}

/* Generic card */
.vacancies-card{
  border-radius:8px;
  padding:14px 16px;
  margin-bottom:12px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
  position:relative;
  transition:transform .2s ease, box-shadow .2s ease;
}
.vacancies-card:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,.1);
}

/* Variante de card */
.vacancies-card.blue{ border-left:5px solid #1e88ff; }
.vacancies-card.orange{ border-left:5px solid #ff9800; }
.vacancies-card.grey{
  border-left:5px solid #e5a0a0;
  background:#f7f7f7;
  text-align:center;
}

/* Subtitlu */
.vacancies-subtitle { 
	margin:0;font-size:14px !important;
	line-height:1.4 !important;
	color: #5C0000 !important;
	letter-spacing:.04em !important; 
}

.vacancies-subtitle strong{ 
	letter-spacing:.1em !important;
	font-weight:700 !important;
	font-size:13px !important; 
	margin-left: 7px !important; 
}

/* Subsecțiuni */
.vacancies-subsection{ margin:0 0 6px;font-size:13px;text-transform:uppercase;font-weight:600;letter-spacing:.04em; }
.vacancies-card.blue .vacancies-subsection{ color:#1e88ff }
.vacancies-card.orange .vacancies-subsection{ color:#ff9800 }

/* Liste */
.vacancies-list { 
	list-style:none;
	margin-left: -23px !important;
	padding: 0;
}
.vacancies-list li {
  display:flex;align-items:center;gap:10px;
  margin-bottom:10px;
  font-weight:600;
  color:#222;
  padding:5px -5px;
  border-radius: 6px;
  transition:all .2s ease;
  cursor:default;
  margin-left: -15px;
}
.vacancies-list li:hover{
  background:linear-gradient(90deg, #f0f7ff, #ffffff);
  transform:translateX(4px);
}



/* Info card */
.vacancies-info{
  margin-top:12px;background:#fafbff;border:1px dashed #d8def0;border-radius:8px;
  padding:10px 12px;font-size:12.2px;color:#2b3552
}
.vacancies-info strong{display:block;font-size:12.6px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}
.vacancies-phone{display:inline-block;margin-top:6px;padding:6px 12px;background:#1e88ff;color:#fff!important;font-weight:700;border-radius:6px;text-decoration:none;transition:all .2s ease}
.vacancies-phone:hover{background:#005bbb;transform:scale(1.05)}


.vacancies-list li i{
  color:inherit;
  margin-right: 8px;
  font-size:16px;
  transition:color .2s ease, transform .2s ease;
}
.vacancies-list li:hover i{
  color:#1e88ff;
  transform:scale(1.2);
}

/* Culoare specifică pe grupuri */
.vacancies-card.blue i{ color:#1e88ff; }
.vacancies-card.orange i{ color:#ff9800; }


/* Variabile pentru tranziții fluente */
:root{
  --ease-m: cubic-bezier(.4,0,.2,1);
  --dur-m: .30s;
  --blue: #0f52ff;
  --text: #1f2a44;
  --bord: #e5e9f5;
}

.btn-card{
  display:flex; 
	align-items:center; 
	gap:12px;
  background:#fff; color:var(--text);
  font-weight:600; font-size:15px;
  padding:9px 12px;
  border:1px solid var(--bord);
  border-radius:10px;
  text-decoration:none;
  width:100%; max-width:340px;
  cursor:pointer;
  box-shadow:0 1px 4px rgba(16,24,40,.04);
  margin-bottom:5px;
  transition:all var(--dur-m) var(--ease-m);
}
.btn-card i{
  width:30px; height:30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:14px;
  background:transparent; color:var(--blue);
  border:2px solid var(--blue);
  transition:all var(--dur-m) var(--ease-m);
}
.btn-card .chev{ margin-left:auto; display:flex; align-items:center }
.btn-card .chev .fa{ color:#6b7a99; transition:all var(--dur-m) var(--ease-m) }

/* HOVER – identic cu “Funcții medicale” */
.btn-card:hover{
  background:linear-gradient(90deg,#f0f7ff,#ffffff);
  transform:translateX(4px);
  box-shadow:0 4px 12px rgba(16,24,40,.10);
  color:var(--blue);
}
.btn-card:hover i{
  background:var(--blue); color:#fff; border-color:var(--blue);
  transform:scale(1.12);
}

/* ===== DROPDOWN WRAPPER ===== */
.dropdown2{ position:relative; display:inline-block; width:100%; max-width:340px }
.dropdown2.open .btn-card{ background:#f7f9ff }
.dropdown2.open .chev .fa{ transform:rotate(180deg); color:var(--blue) }

/* ===== CONȚINUT DROPDOWN ===== */
.dropdown2-content{
  display:none; position:absolute; z-index:1000;
  width:100%; margin-top:6px; overflow:hidden;
  background:#fff; border:1px solid var(--bord); border-radius:10px;
  box-shadow:0 8px 24px rgba(16,24,40,.10);
  animation:fadeSlide var(--dur-m) var(--ease-m);
}
.show{ display:block }

/* Linkurile din dropdown – ACELAȘI STIL ca butoanele */
.dropdown2 .dropdown2-content a{
  display:flex !important; align-items:center; gap:12px;
  padding:12px 14px;
  font-size:14px; font-weight:600;
  color:var(--text); text-decoration:none;
  border-bottom:1px solid #f0f0f5;
  transition:all var(--dur-m) var(--ease-m);
}
.dropdown2 .dropdown2-content a:last-child{ border-bottom:none }
.dropdown2 .dropdown2-content a i{
  width:26px; height:26px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:13px;
  background:transparent; color:var(--blue);
  border:2px solid var(--blue);
  transition:all var(--dur-m) var(--ease-m);
}

/* HOVER pe linkurile dropdown – IDENTIC cu .btn-card:hover */
.dropdown2 .dropdown2-content a:hover{
  background:linear-gradient(90deg,#f0f7ff,#ffffff);
  color:var(--blue);
  transform:translateX(4px);
}
.dropdown2 .dropdown2-content a:hover i{
  background:var(--blue); color:#fff; border-color:var(--blue);
  transform:scale(1.12);
}

/* Animație apariție dropdown */
@keyframes fadeSlide{
  from{opacity:0; transform:translateY(-8px)}
  to{opacity:1; transform:translateY(0)}
}

/* Optimizare + accesibilitate */
.btn-card, .btn-card i,
.dropdown2 .dropdown2-content a, .dropdown2 .dropdown2-content a i{
  will-change:transform, background, color, box-shadow;
}
@media (prefers-reduced-motion: reduce){
  .btn-card, .btn-card i,
  .dropdown2 .dropdown2-content a, .dropdown2 .dropdown2-content a i{ transition:none !important }
}

.vacancies-main-title{
  margin-top: -3px;
  display: inline-block;
  font-size: 17px;
  font-weight:700;
  text-transform:uppercase;
  color:#991200;
  letter-spacing: .9px;
}


:root { --acs-font-scale: 1; }
    html { font-size: calc(100% * var(--acs-font-scale)); }

.acs-widget{ position: relative; z-index: 9998; }
.acs-widget .acs-trigger{
      position: relative; width:37px; height:37px; border-radius:50%;
      background:#005bbb; color:#fff; display:flex; align-items:center; justify-content:center;
      box-shadow:0 6px 18px rgba(0,0,0,.25); cursor:pointer; border:0; padding:0;
}
    /* Poziționare fixă de tip “floating button” doar dacă vrei:
       .acs-widget{ position:fixed; right:16px; top:16px; } */

.acs-widget .acs-panel{
      position:absolute; right:0; top:60px; min-width: 460px;
      background:#fff; border-radius:14px; box-shadow:0 16px 40px rgba(0,0,0,.2); padding:14px;
}
.acs-widget .acs-panel[hidden]{ display:none !important; }
.acs-widget .acs-options{ display:grid; grid-template-columns:repeat(2,minmax(220px,1fr)); gap:10px; }
.acs-widget .acs-option{
      background:#f5f6f7; border-radius:10px; padding:12px; cursor:pointer;
      transition:transform .05s ease, background .2s ease; user-select:none;
}
.acs-widget .acs-option:hover{ background:#e9edf1; transform:translateY(-1px); }
.acs-widget .acs-option div{ display:flex; align-items:center; gap:10px; }
.acs-widget .acs-icon{ width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; }

/* ==== Efecte globale aplicate pe pagina întreagă ==== */
/* aplicăm filtre DOAR pe conținutul paginii (nu pe widget) */
#acs-page{ isolation:isolate; }
.acs-grayscale #acs-page,
.acs-inverse  #acs-page{ will-change: filter; }

.acs-grayscale #acs-page{ filter: grayscale(1); }
.acs-inverse  #acs-page{ filter: invert(1) hue-rotate(180deg); }
/* re-inversăm numai media din #acs-page ca să arate normal */
.acs-inverse  #acs-page img,
.acs-inverse  #acs-page video,
.acs-inverse  #acs-page iframe,
.acs-inverse  #acs-page svg:not([data-acs-keep]){
  filter: invert(1) hue-rotate(180deg);
}

.acs-highlight a, .acs-highlight [role="link"]{
      text-decoration: underline !important; text-underline-offset: 3px; outline-offset: 2px;
    }
.acs-keyboard :focus{ outline: 3px solid #ffbf00 !important; outline-offset: 2px; }
.acs-keyboard html{ scroll-behavior: smooth; }

.acs-dark-cursor *{ cursor: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M2,2 L20,12 L12,14 L10,22 Z' fill='black'/></svg>") 2 2, auto; }
.acs-white-cursor *{ cursor: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M2,2 L20,12 L12,14 L10,22 Z' fill='white' stroke='black' stroke-width='1.2'/></svg>") 2 2, auto; }

.acs-grayscale body, .acs-inverse body{ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

@media (max-width: 560px){
.acs-widget .acs-panel{ min-width:0; width: min(92vw, 480px); right: -4px; }
.acs-widget .acs-options{ grid-template-columns:1fr; }
}


/* --- FIX vizual pentru [accessibility_tools] --- */
.acs-widget, .acs-widget * { box-sizing: border-box; }

/* plasare în dreapta-jos (dacă n-ai pus-o deja) */
.acs-widget{ position:fixed; right:16px; bottom:16px; z-index:99998; }

/* panoul – forțăm fundal alb și text închis, fără opacitate moștenită */
.acs-widget .acs-panel{
  right:0; top:auto; bottom:60px;
  background:#fff !important;
  color:#111 !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:0 16px 40px rgba(0,0,0,.2);
  border-radius:14px;
}

/* grilă & carduri */
.acs-widget .acs-options{ display:grid; grid-template-columns:repeat(2,minmax(220px,1fr)); gap:10px; }
@media (min-width:1100px){ .acs-widget .acs-options{ grid-template-columns:repeat(3, minmax(220px,1fr)); } }

.acs-widget .acs-option{
  background:#f7f8fa !important;
  border:1px solid #e6e8ec;
  border-radius:10px;
  color:#111 !important;
  opacity:1 !important;           /* anulează eventuale stiluri „disabled” din temă */
  pointer-events:auto !important;
}
.acs-widget .acs-option:hover{ background:#eef2f6 !important; }
.acs-widget .acs-option svg{ color:#111 !important; }


/* poziționare sigură a butonului în dreapta-jos */
.acs-widget{ 
  position:fixed !important; 
  right:16px !important; 
  bottom:16px !important; 
  z-index:100000 !important; 
}
.acs-widget .acs-panel
{ 
  right:0 !important; 
  bottom:60px !important; 
  top:auto !important; 
}


.acs-widget .acs-trigger:hover {
    opacity: 0.8 !important;
  width:42px !important; 
  height:42px !important; 
  border-radius:50%;
}

/* 2 coloane pe desktop/tabletă */
.acs-widget .acs-options{
  grid-template-columns: repeat(2, minmax(220px,1fr)) !important;
}

/* 1 coloană pe ecrane înguste */
/* ===== Panel compact pe mobil ===== */
@media (max-width: 560px){
  /* panoul: mai îngust, mai puțin padding, și scroll intern dacă e prea lung */
  .acs-widget .acs-panel{
    width: min(96vw, 240px) !important;
    right: 8px !important;
    bottom: 46px !important;   /* deasupra butonului */
    top: auto !important;
    padding: 10px !important;
    border-radius: 12px !important;
    max-height: 60vh !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* o singură coloană */
  .acs-widget .acs-options{
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  /* „tile”-urile mai compacte */
  .acs-widget .acs-option{
    padding: 10px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  .acs-widget .acs-option div{ gap: 6px !important; }

  /* iconuri mai mici */
  .acs-widget .acs-icon,
  .acs-widget .acs-option svg{
    width: 20px !important;
    height: 20px !important;
  }
}

/* super-compact sub 360px */
@media (max-width: 360px){
  .acs-widget .acs-panel{ width: 90vw !important; padding: 8px !important; }
  .acs-widget .acs-option{ font-size: 13px !important; padding: 8px !important; }
  .acs-widget .acs-icon,
  .acs-widget .acs-option svg{ width: 20px !important; height: 20px !important; }
}


/* Overlay-ul care aplică efectul pe fundal (nu atinge layoutul) */
.acs-filter{
  position: fixed;
  inset: 0;
  pointer-events: none;          /* click-urile trec prin el */
  z-index: 99999;                /* sub .acs-widget (care are 100000) */
}
.acs-filter.-gray   { backdrop-filter: grayscale(1); }
.acs-filter.-invert { backdrop-filter: invert(1) hue-rotate(180deg); }

/* Dacă overlay-ul e activ, anulăm orice filtru pe #acs-page (fallback off) */
html.acs-overlay-on #acs-page{ filter: none !important; }

/* Butonul rămâne dreapta-jos */
.acs-widget{ position:fixed; right:16px; bottom:16px; z-index:100000; }
.acs-widget .acs-panel{ right:0; bottom:60px; top:auto; }

/* (păstrează regulile tale pentru highlight/keyboard/cursor/text etc.) */


/* Bannerul + overlayul lui => deasupra accesibility overlay (99999) */
.sm-wrapper,
.sm-wrapper .sm-overlay,
.sm-wrapper .sm-popup {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  top: auto !important;
  z-index: 100001 !important;   /* peste .acs-filter (99999) */
}

/* Arată butonul custom și ține-l mereu deasupra */
.custom-close-btn{
  display: inline-flex !important;   /* anulează display:none din tema ta */
  position: absolute;
  top: -13px;
  right: 0;
  z-index: 100002 !important;        /* peste popup-ul bannerului */
}

@media (max-width: 940px){
  /* părintele devine flex ca să putem schimba ordinea */
  .site-footer .pen_footer_inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .site-footer .pen_footer_inner .pen_footer_contact{
    order: 0;                   /* iconițe sus, centrate */
    display: flex;
    justify-content: center !important;
    width: 100%;
  }
  .site-footer .pen_footer_inner .pen_copyright{
    order: 1;                   /* copyright jos */
    text-align: center !important;
    width: 100%;
    margin-top: 4px;
  }
}

/* ====== Mini-controller TTS ====== */
.acs-tts-ctl{
  position: fixed;
  right: 16px;
  bottom: 90px;          /* deasupra butonului albastru */
  z-index: 100003;       /* peste overlay (99999) și panou */
  display: none;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(0,0,0,.2);
  padding: 8px;
  gap: 6px;
  align-items: center;
  font: 14px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.acs-tts-ctl > *{ margin: 0 -2px; }
.acs-tts-ctl button{
  background: #f2f4f7;
  border: 0;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.acs-tts-ctl select, .acs-tts-ctl input[type="range"]{
  height: 32px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
.acs-tts-ctl .lab{ opacity:.75; margin-left:6px; margin-right:2px; }
@media (max-width:560px){
  .acs-tts-ctl{ right: 8px; bottom: 84px; }
}

/* Select TTS mai vizibil */
.acs-tts-ctl select{
  color:#111 !important;
  background:#fff !important;
  border:1px solid #9aa4b2 !important;
  box-shadow:0 1px 0 rgba(0,0,0,.03), inset 0 1px 2px rgba(0,0,0,.06) !important;
  font-size:15px !important;
}
.acs-tts-ctl select:focus{
  outline:2px solid #0ea5e9 !important;
  border-color:#0ea5e9 !important;
}

/* Unele browsere onorează și stilul pe <option> */
.acs-tts-ctl select option{
  color:#111; background:#fff;
}
.acs-tts-ctl select option:checked,
.acs-tts-ctl select option:hover{
  background:#e6f0ff !important; color:#000 !important;
}

.acs-tts-ctl .lab {
	font-weight: bold !important;
  	color:#000 !important;
}

.acs-tts-ctl [data-act="close"]{
  order:-1; /* apare primul pe stânga */
}

/* ===== TTS controller – mobile friendly ===== */
@media (max-width: 860px){

  /* bară compactă, aproape full-width, deasupra butonului accesibility */
  .acs-tts-ctl{
    position: fixed;
    left: 48px;
    right: 48px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 76px); /* peste butonul albastru */
    
    grid-template-columns: 44px 44px 44px 1fr;
    grid-auto-rows: auto;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 14px !important;
    max-width: none;
  }

  /* butoane mari, touch-friendly */
  .acs-tts-ctl button{
    width: 24px !important;
    height: 24px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* etichete compacte */
  .acs-tts-ctl .lab{
    grid-column: 4 / -1;
    align-self: center;
    font-size: 13px;
    margin: 0 4px 0 6px;
    white-space: nowrap;
  }

  /* selectorul de voce pe lățime completă, sub butoane */
  .acs-tts-ctl .acs-tts-voice{
    grid-column: 1 / -1;
    width: 160% !important;
    height: 30px !important;
    font-size: 13px !important;
  }

  /* sliderul de viteză pe lățime completă */
  .acs-tts-ctl .acs-tts-rate{
    grid-column: 1 / -1;
    width: 100% !important;
    height: 36px !important;
  }

  /* când „deschidem” lista ca listbox (data-open="1"), o facem clară și scrollabilă */
  .acs-tts-ctl .acs-tts-voice[data-open="1"]{
    max-height: 45vh !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.25) !important;
    border: 1px solid #0ea5e9 !important;
  }
  .acs-tts-ctl .acs-tts-voice[data-open="1"] option{
    padding: 10px 12px !important;
  }
	
  .acs-tts-ctl [data-act="close"]{ grid-column:1; }
}

/* opțional: pe telefoane foarte înguste */
@media (max-width: 460px){
  .acs-tts-ctl{
    left: 6px; right: 6px;
    gap: 6px !important; padding: 8px !important;
    grid-template-columns: 40px 40px 40px 1fr;
  }
  .acs-tts-ctl button{ width:40px !important; height:40px !important; font-size:16px !important; }
}

/* Backdrop transparent pentru închiderea panoului pe mobil */
.acs-backdrop{
  position: fixed;
  inset: 0;
  background: transparent;   /* clicurile doar pentru închidere */
  z-index: 99998;            /* sub .acs-widget(100000), peste pagină */
  display: none;
}

/* Fix hard pentru butonul de accesibilitate – mereu dreapta-jos */
body > .acs-widget.acs-widget.acs-widget{
  position: fixed !important;
  right: max(16px, env(safe-area-inset-right)) !important;
  bottom: max(16px, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 100000 !important; /* peste aproape orice */
}

/* nu lăsa triggerul să fie translatat de alte stiluri */
body > .acs-widget .acs-trigger{
  transform: none !important;
}

/* Dacă site-ul e pe RTL, mută-l în colțul stânga-jos */
html[dir="rtl"] body > .acs-widget.acs-widget.acs-widget{
  right: auto !important;
  left: max(16px, env(safe-area-inset-left)) !important;
}







/* ====== Fix căutare (aliniere perfectă cu butonul) ====== */
.pen_header_inner .pen_search .search-form{
  display:flex !important;
  align-items:center;
  gap:8px;
  position:static !important;   /* scoate orice position relative/absolute moștenit */
  width:100%;
  box-sizing:border-box;
}

.pen_header_inner .pen_search .search-form label{
  display:flex !important;
  align-items:center;
  flex:1 1 auto;
  margin:0 !important;
}

.pen_header_inner .pen_search .search-field{
  flex:1 1 auto;
  width:100% !important;
  min-width:0;                 /* previne overflow pe ecrane mici */
  height:39px !important;
  border:0;
  outline:0;
  box-sizing:border-box;
}

.pen_header_inner .pen_search .search-submit{
  position:static !important;  /* dezactivează poziționarea absolută a temei */
  flex:0 0 auto;
  height:39px !important;
  line-height:39px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  margin-left:4px !important;
}

/* ====== Spațiere între “telefon+social” și search, aliniat la dreapta ====== */
.pen_header_wrap{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
  margin-left:auto;
  margin-bottom:0px;           /* mic spațiu deasupra barei de căutare */
}

#pen_header_primary{
  display:flex;
  align-items:center;
  gap:8px;
}

/* butoanele sociale rămân compacte */
.button-container form{ display:contents; }
.button-container .addMore{
  font-size: 20px !important;
  all:unset;
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  width:28px; height:28px; 
  border-radius:50%;
  background:rgba(0,0,0,.06);
  cursor:pointer;
  transition:transform .15s ease, background .2s ease;
}
.button-container .addMore:hover{ transform:translateY(-1px); background:rgba(0,0,0,.12); }

/* Responsivitate: search pe rând separat sub 992px */
@media (max-width: 992px){
  #pen_header_search{ width:100%; }
  .pen_header_inner .pen_search .search-form{ width:100%; }
}

@media (max-width: 992px){
.pen_header_wrap{
	margin-top: 5px;
  margin-bottom: 40px;
}
}
/* ====== HEADER CLEAN ====== */

/* ====== Layout antet: logo stânga, uneltele pe dreapta */
.pen_header_main .pen_container{
  display:flex; align-items:center; gap:16px;
}
#pen_site_title{
  display:flex; align-items:center; gap:12px;
  flex:1 1 auto;               /* ocupă stânga */
}

/* Grupul din dreapta (telefon + social + căutare) */
.pen_header_wrap{
  display: flex; 
  align-items: center; 
  justify-content: flex-end; 
  gap: 10px;
  margin-left: auto;
}

/* Telefon + social – compacte și aliniate */
#pen_header_primary{
  display: flex; 
  align-items: center; 
  gap: 8px;
}
#pen_header_primary .button-container{ 
  display: flex; 
  align-items: center; 
  gap: 6px; 
  padding: 0;
  margin-top: 9px !important;
}
#pen_header_primary .button-container h1{ 
  margin: 0; 
  font-size: 18px; 
}
#pen_header_primary .button-container .addMore:hover{ 
	transform:translateY(-1px); 
	background:rgba(255,255,255,.25);
	opacity:0.7;
}

#pen_header_primary .button-container h1 a{
  display: inline-flex; 
  align-items: center; 
  gap: 8px;
  padding: 8px 12px; 
  border-radius: 999px; 
  font-weight: 700;
  background: rgba(255,255,255,.15); 
  color: #fff; 
  text-decoration: none;
  backdrop-filter: blur(6px);
}
#pen_header_primary .button-container .addMore{
  all: unset; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center;
  width: 26px; height: 26px; 
  border-radius: 50%; 
  background: rgba(255,255,255,.15); 
  cursor: pointer;
}

/* Formularul de căutare – compact și clar */
.pen_header_inner .pen_search .search-form{ 
  display: flex; 
  align-items: center; 
}
.pen_header_inner .pen_search .search-field{
  min-width: 0; 
  height: 39px; 
  font-size: 17px;
}
.pen_header_inner .pen_search .search-field::placeholder{
  font-size: 15px; 
  color: silver;
}
.pen_header_inner .pen_search .search-submit{ 
  margin-left: 4px; 
}

/* Responsive: la <992px, search pe rând separat full-width */
@media (max-width: 992px){
  .pen_header_main .pen_container{ flex-wrap: wrap; }
  #pen_site_title{ order:1; width:100%; }
  .pen_header_wrap{ order:2; width:100%; flex-wrap: wrap; justify-content: flex-end; }
  #pen_header_primary{ order:1; }
  #pen_header_search{ order:2; width:100%; }
  .pen_header_inner .pen_search .search-form{ width:100%; }
}

/* Extra compact pe telefoane mici */
@media (max-width: 728px){
  #pen_header_primary .button-container h1 a{ padding:6px 10px; font-size:16px; }
  #pen_header_primary .button-container .addMore{ width:32px; height:32px; }
	
.pen_header_wrap{
  margin-top: 30px;
  margin-bottom: 35px;
}
}



/* ===== Search UX: small font, centered placeholder, inner clear [x] + round search ===== */
.pen_header_inner .pen_search .search-form{
  position: relative !important;
  display: block !important;
  width: min(540px, 100%);
  margin-left: auto;
  box-sizing: border-box;
}

/* input: font mai mic + padding simetric (placeholder centrat vertical) */
.pen_header_inner .pen_search .search-field{
  -webkit-appearance: none;
  appearance: none;
  width: 100% !important;
  height: 40px !important;
  font-size: 15px !important;             /* font mai mic */
  line-height: 20px;                       /* ajută randarea placeholder-ului */
  box-sizing: border-box;
  padding: 10px 92px 10px 14px !important; /* loc pt [x] (28) + gap 8 + lupă (34) + gap 8 = ~78 */
  border: 0;
  outline: 0;
}
.pen_header_inner .pen_search .search-field::placeholder{
  font-size: 15px !important;
  color: silver !important;
  opacity: 1;                              /* vizibil consistent */
}
/* ascunde X-ul nativ webkit ca să nu se suprapună cu al nostru */
.pen_header_inner .pen_search .search-field::-webkit-search-cancel-button{ -webkit-appearance:none; }

/* butonul cu lupă – rotund, în interior (dreapta) */
.pen_header_inner .pen_search .search-submit{
  -webkit-appearance: none !important;
  appearance: none !important;
  position: absolute !important;
  top: 50% !important;
  right: 0px !important;                    /* margine până la bordul inputului */
  transform: translateY(-50%) !important;
  z-index: 2;
  width: 52px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0px 50px 50px 0px !important;
  font-size: 0 !important; line-height: 0 !important; color: transparent !important;

  background-image:
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmZmZmJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PGNpcmNsZSBjeD0nMTEnIGN5PScxMScgcj0nNycvPjxsaW5lIHgxPScyMScgeTE9JzIxJyB4Mj0nMTYuNjUnIHkyPScxNi42NScvPjwvc3ZnPg=="),
    linear-gradient(180deg,#1788f0,#0a6cd6) !important;
  background-repeat: no-repeat,no-repeat !important;
  background-position: center,center !important;
  background-size: 18px 18px,100% 100% !important;

  box-shadow: 0 3px 10px rgba(0,0,0,.12);
  cursor: pointer;
}
.pen_header_inner .pen_search .search-submit:hover{ filter:brightness(1.06); }
.pen_header_inner .pen_search .search-submit:active{ transform:translateY(-50%) translateY(1px) !important; }

/* butonul [x] – apare doar când există text; îl plasăm între text și lupă */


.pen_header_inner .pen_search .search-clear{
  font-size: 4px !important;
  position: absolute;
  top: 50%;
  right: 10px;                                /* punct de plecare; mutăm stânga cu lățimea butonului lupă */
  transform: translateY(-50%);
  width: 28px; height: 28px;
  margin-right: calc(34px + 8px);            /* împinge înaintea butonului lupă (34px) + gap 8 */
  border: 0; border-radius: 50%;
  background: rgba(0,0,0,0);
  display: none;                              /* vizibil doar când e text */
  align-items: center; justify-content: center;
  cursor: pointer; z-index: 2;
}
.pen_header_inner .pen_search .search-clear::before{
  content: "";
  width: 12px; height: 12px;
  background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'> <path d='M3 3 L9 9 M9 3 L3 9' stroke='%23d33' stroke-width='2' stroke-linecap='round'/></svg>");
  background-repeat:no-repeat; background-size:12px 12px;
  display:block;
}
.pen_header_inner .pen_search .search-clear:hover{ background: rgba(0,0,0,.12); }

/* când inputul are text, arătăm [x] */
.pen_header_inner .pen_search .search-form.has-value .search-clear{ display: inline-flex; }


/* Ascunde 'X'-ul nativ al browserului doar în căutarea din header */
.pen_header_inner .pen_search .search-field[type="search"]::-webkit-search-cancel-button,
.pen_header_inner .pen_search .search-field[type="search"]::-webkit-search-decoration,
.pen_header_inner .pen_search .search-field[type="search"]::-webkit-search-results-button,
.pen_header_inner .pen_search .search-field[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance: none;
  appearance: none;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* pentru vechiul Edge/IE */
.pen_header_inner .pen_search .search-field[type="search"]::-ms-clear{
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

@media only screen and (min-width: 728px) {
#pen_header .pen_search {
	min-width: 300px !important;
    width: 300px !important;
	}	
}

/* === Dimensiuni controlabile === */
:root{
  --search-h: 28px;     /* înălțimea TOTALĂ (input + search_form) */
  --search-btn: 34px;   /* diametrul butonului lupă */
  --search-clear: 22px; /* diametrul butonului X (dacă îl folosești) */
  --search-gap: 2px;    /* spațiu la dreapta */
}

/* 1) Formularul devine ancora și are fix înălțimea dorită */
.pen_header_inner .pen_search .search-form{
  position: relative !important;
  display: block !important;
  height: var(--search-h) !important;           /* <<< cheie */
  width: min(140px, 100%);
  margin-left: 5px !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* 2) Label pe toată înălțimea; input = 100% din form */
.pen_header_inner .pen_search .search-form label{
  display: block !important;
  height: 100% !important;
  margin: 0 !important;
}
.pen_header_inner .pen_search .search-field{
  height: 100% !important;                      /* <<< cheie */
  border-radius: 50px !important;
  font-size: 14px !important;
  line-height: var(--search-h);                 /* centrează placeholderul */
  padding: 0
    calc(var(--search-gap) + var(--search-btn) + var(--search-gap) + var(--search-clear) + var(--search-gap))
    0 12px !important;                          /* loc pt [X] + lupă */
  box-sizing: border-box;
}

/* 3) Butonul lupă – centrat vertical relativ la search-form */
.pen_header_inner .pen_search .search-submit{
  position: absolute !important;
  top: 62% !important;
  right: var(--search-gap) !important;
  transform: translateY(-50%) !important;
  width: 45px !important;
  height: var(--search-btn) !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  border-radius: 0px 50px 50px 0px !important;
  font-size: 0 !important; line-height: 0 !important; color: transparent !important;

  background-image:
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmZmZmJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PGNpcmNsZSBjeD0nMTEnIGN5PScxMScgcj0nNycvPjxsaW5lIHgxPScyMScgeTE9JzIxJyB4Mj0nMTYuNjUnIHkyPScxNi42NScvPjwvc3ZnPg=="),
    linear-gradient(180deg,#1788f0,#0a6cd6) !important;
  background-repeat: no-repeat,no-repeat !important;
  background-position: 9px, center !important;
  background-size: calc(var(--search-btn) - 12px) calc(var(--search-btn) - 10px), 100% 100% !important;
}

/* 4) (opțional) Butonul X – se aliniază automat între text și lupă */
.pen_header_inner .pen_search .search-clear{
  position: absolute;
  top: 60%; transform: translateY(-50%);
  right: 7px !important;
  width: var(--search-clear); height: var(--search-clear);
  display: none; align-items: center; justify-content: center;
  border: 0; border-radius: 50%; background: transparent; z-index: 2;
}
.pen_header_inner .pen_search .search-form.has-value .search-clear{ display: inline-flex; }






/* ===== Spațiere text (4 niveluri) ===== */
:root{
  --acs-lh: normal;     /* line-height */
  --acs-ls: normal;     /* letter-spacing */
  --acs-ws: normal;     /* word-spacing */
  --acs-ps: 1em;        /* paragraph spacing (margin-bottom) */
}

/* aplicăm numai pe conținut, nu pe widget */
#acs-page p,
#acs-page li,
#acs-page dd,
#acs-page dt { 
  line-height: var(--acs-lh) !important;
  letter-spacing: var(--acs-ls) !important;
  word-spacing: var(--acs-ws) !important;
}
#acs-page p{ margin-bottom: var(--acs-ps) !important; }

/* Level 1 – ușor */
.acs-spacing-1{ --acs-lh: 1.4; --acs-ls: .02em; --acs-ws: .08em; --acs-ps: 1.1em; }
/* Level 2 – recomandările WCAG 1.4.12 ~ */
.acs-spacing-2{ --acs-lh: 1.5; --acs-ls: .12em; --acs-ws: .16em; --acs-ps: 1.5em; }
/* Level 3 – extra */
.acs-spacing-3{ --acs-lh: 1.75; --acs-ls: .16em; --acs-ws: .24em; --acs-ps: 2em; }

/* Badge cu nivelul pe cardul „Spațiere text” */
.acs-option[data-action="textSpacing"]{
  position: relative;
}
.acs-option[data-action="textSpacing"][data-level]::after{
  content: attr(data-level);
  position: absolute; right: 10px; top: 10px;
  font-size: 12px; padding: 2px 6px; border-radius: 999px;
  background:#e7eefc; color:#0b3b8f; border:1px solid #c9dafc;
}

/* === POZIȚIE CANONICĂ PENTRU LANSATOR (dreapta–jos) === */
body > .acs-widget{
  position: fixed !important;
  inset: auto max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) auto !important;
  /* echivalent: bottom/right 16px, fără top/left */
  left: auto !important;
  top: auto !important;
  right: max(16px, env(safe-area-inset-right)) !important;
  bottom: max(16px, env(safe-area-inset-bottom)) !important;

  margin: 0 !important;
  transform: none !important;
  z-index: 100000 !important;
}

/* nu lăsa butonul să fie translatat/întins de alte stiluri */
body > .acs-widget .acs-trigger{
  position: relative !important;
  width: 37px !important;
  height: 37px !important;
  transform: none !important;
}

/* opțional: pe hover doar opacitate, fără să-i schimbe dimensiunea */
body > .acs-widget .acs-trigger:hover{ opacity:.85; }

/* panoul – se deschide în sus, ancorat de colțul din dreapta jos */
body > .acs-widget .acs-panel{
  position: absolute !important;
  right: 0 !important;
  bottom: 46px !important;
  top: auto !important;
}

/* RTL: mutăm în stânga-jos */
html[dir="rtl"] body > .acs-widget{
  right: auto !important;
  left: max(16px, env(safe-area-inset-left)) !important;
}





/* === OpenDyslexic (opțional). Dacă nu vrei remote, poți omite @font-face. */
@font-face{
  font-family:"OpenDyslexic";
  src: url("https://cdn.jsdelivr.net/gh/antijingoist/open-dyslexic/alternatives/OpenDyslexic3-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"OpenDyslexic";
  src: url("https://cdn.jsdelivr.net/gh/antijingoist/open-dyslexic/alternatives/OpenDyslexic3-Bold.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"OpenDyslexic";
  src: url("https://cdn.jsdelivr.net/gh/antijingoist/open-dyslexic/alternatives/OpenDyslexic3-Italic.woff2") format("woff2");
  font-weight:400; font-style:italic; font-display:swap;
}

/* Dyslexia Friendly – doar pe conținut (#acs-page) */
.acs-dyslexia #acs-page{
  font-family: "OpenDyslexic", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
.acs-dyslexia #acs-page p,
.acs-dyslexia #acs-page li,
.acs-dyslexia #acs-page dd,
.acs-dyslexia #acs-page dt{
  line-height: 1.6 !important;
  letter-spacing: .06em !important;
  word-spacing: .12em !important;
}
.acs-dyslexia #acs-page *{
  font-variant-ligatures: none !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  hyphens: none !important;
}

/* Cursor mare – pointer 48x48 cu contur alb/negru (vizibil pe orice) */
.acs-big-cursor *{
  cursor: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'> <path d='M4 4 L38 22 L26 26 L22 44 Z' fill='white' stroke='black' stroke-width='2'/> </svg>") 4 4, auto !important;
}

/* dacă ai deja cursori alb/negru, big-cursor are prioritate */
.acs-big-cursor.acs-dark-cursor *,.acs-big-cursor.acs-white-cursor *{
  cursor: inherit;
}


/* ===== Cursor mare cu aceeași formă ca în imagine (alb + contur negru) ===== */
/* L1 ~32px */
.acs-cursor-lg-1 *{
  cursor: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'> <path d='M2 2 L29 14 L21 16 L18 30 L12.5 20 L2 2 Z' fill='white' stroke='black' stroke-width='2.2' stroke-linejoin='miter'/> </svg>") 2 2, auto !important;
}
/* L2 ~40px */
.acs-cursor-lg-2 *{
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'> <path d='M2.5 2.5 L36 18 L26 21 L22 38 L15.5 25 L2.5 2.5 Z' fill='white' stroke='black' stroke-width='2.6' stroke-linejoin='miter'/></svg>") 3 3, auto !important;
}
/* L3 ~48px */
.acs-cursor-lg-3 *{
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'> <path d='M3 3 L43 21 L31 24 L27 46 L19 30 L3 3 Z' fill='white' stroke='black' stroke-width='3' stroke-linejoin='miter'/></svg>") 4 4, auto !important;
}

/* dacă erau activi „cursor alb/negru”, nivelele mari au prioritate */
.acs-cursor-lg-1.acs-dark-cursor *,
.acs-cursor-lg-2.acs-dark-cursor *,
.acs-cursor-lg-3.acs-dark-cursor *,
.acs-cursor-lg-1.acs-white-cursor *,
.acs-cursor-lg-2.acs-white-cursor *,
.acs-cursor-lg-3.acs-white-cursor *{
  cursor: inherit;
}


/* Buton pentru linkul "Ghid_Video" din primul paragraf */
#acs-page .pen_content_wrapper.pen_inside > p:first-of-type a[href*="youtu"]{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:3px 6px;
  border-radius:999px;            /* pastilă */
  background:#e60000;             /* roșu AMT, schimbă dacă vrei */
  color:#fff !important;
  text-decoration:none !important;
  border:1px solid rgba(0,0,0,.1);
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  font-weight:700;
  line-height:1.2;
  transition:.18s ease;
}

/* Icon "play" înainte, fără să modifici HTML-ul */
#acs-page .pen_content_wrapper.pen_inside > p:first-of-type a[href*="youtu"]::before{
  content:"▶";
  font-size:14px;
  line-height:1;
}

/* Hover / Focus / Active */
#acs-page .pen_content_wrapper.pen_inside > p:first-of-type a[href*="youtu"]:hover{
  background:#cc0000;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(0,0,0,.2);
}
#acs-page .pen_content_wrapper.pen_inside > p:first-of-type a[href*="youtu"]:active{
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}
#acs-page .pen_content_wrapper.pen_inside > p:first-of-type a[href*="youtu"]:focus{
  outline:2px solid #0033ff;      /* accesibilitate */
  outline-offset:2px;
}

/* Asigură-te că elementele din interior nu schimbă culoarea */
#acs-page .pen_content_wrapper.pen_inside > p:first-of-type a[href*="youtu"] *,
#acs-page .pen_content_wrapper.pen_inside > p:first-of-type a[href*="youtu"] strong{
  color:inherit !important;
  text-decoration:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}



/* ===== Daltonism (CVD) – matrici SVG + badge nivel ===== */
.acs-option[data-action="cvd"]{ position:relative; }
.acs-option[data-action="cvd"][data-level]::after{
  content: attr(data-level);
  position:absolute; right:10px; top:10px;
  font-size:12px; padding:2px 6px; border-radius:999px;
  background:#e7eefc; color:#0b3b8f; border:1px solid #c9dafc;
}

/* aplicăm filtrul DOAR pe conținut */
.acs-cvd-protan  #acs-page{ filter:url("#acs-cvd-protan") !important; }
.acs-cvd-deutan  #acs-page{ filter:url("#acs-cvd-deutan") !important; }
.acs-cvd-tritan  #acs-page{ filter:url("#acs-cvd-tritan") !important; }

/* mic hint: când e activ un mod CVD, dezactivăm overlay-ul invert/grayscale
   (rămâne doar CVD, pentru a evita compuneri confuze) */
html.acs-overlay-on.acs-cvd-protan  #acs-filter,
html.acs-overlay-on.acs-cvd-deutan  #acs-filter,
html.acs-overlay-on.acs-cvd-tritan  #acs-filter{ display:none !important; }


/* ===== Dark Contrast (tema întunecată, high-contrast) ===== */
.acs-dark-contrast #acs-page{
  background:#000 !important;
  color:#fff !important;
  color-scheme: dark; /* pentru controale native */
}

/* text & titluri */
.acs-dark-contrast #acs-page :where(p,li,dt,dd,span,small,em,strong,blockquote,figcaption,
                                   h1,h2,h3,h4,h5,h6,table,th,td){
  color:#fff !important;
}

/* linkuri vizibile */
.acs-dark-contrast #acs-page a{
  color:#00d1ff !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
.acs-dark-contrast #acs-page a:hover{ color:#ffd500 !important; }

/* suprafețe/blocuri comune: fundal negru + borduri vizibile */
.acs-dark-contrast #acs-page :where(section,article,aside,nav,header,footer,
                                    div,main,ul,ol,li,table,thead,tbody,tfoot,tr,th,td,
                                    form,fieldset,details,summary,pre,code){
  background-color:#000 !important;
  border-color:#7a7a7a !important;
}

/* formulare */
.acs-dark-contrast #acs-page :where(input,select,textarea){
  background:#000 !important;
  color:#fff !important;
  border:1px solid #9aa4b2 !important;
  box-shadow:none !important;
}
.acs-dark-contrast #acs-page ::placeholder{ color:#c8c8c8 !important; }

/* butoane */
.acs-dark-contrast #acs-page :where(button,[type="button"],[type="submit"],.button,.btn){
  background:#000 !important;
  color:#fff !important;
  border:2px solid #fff !important;
}
.acs-dark-contrast #acs-page :where(button,[type="button"],[type="submit"],.button,.btn):hover{
  background:#fff !important; color:#000 !important;
}

/* focus vizibil */
.acs-dark-contrast #acs-page :focus{ outline:3px solid #ffbf00 !important; outline-offset:2px; }

/* NU atingem imaginile/video – rămân naturale */


.acs-option[data-action="darkContrast"]{ position:relative; }
.acs-option[data-action="darkContrast"][data-level="On"]::after{
  content:"On"; position:absolute; right:10px; top:10px; font-size:12px;
  padding:2px 6px; border-radius:999px; background:#e7eefc; color:#0b3b8f; border:1px solid #c9dafc;
}


/* Badge ON/OFF pe cardul Dark Contrast */
.acs-option[data-action="darkContrast"]{ position: relative; }
.acs-option[data-action="darkContrast"]::after{
  content: attr(data-level);
  position: absolute; right: 10px; top: 10px;
  font-size: 12px; line-height: 1;
  padding: 2px 6px; border-radius: 999px; border: 1px solid;
}

/* culori diferite pentru ON/OFF */
.acs-option[data-action="darkContrast"][data-level="On"]::after{
  background:#e6ffe6; color:#0a7a0a; border-color:#98d498;
}
.acs-option[data-action="darkContrast"][data-level="Off"]::after{
  background:#f1f5f9; color:#475569; border-color:#cbd5e1;
}


/* buton închidere în colțul din dreapta-sus al controllerului TTS */
.acs-tts-ctl .acs-tts-close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 22px; height: 22px;
  border-radius: 999px !important;
  background: white !important;
  color: #111 ;
  font-weight: 700;
  line-height: 1;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  cursor: pointer;
  z-index: 2; /* peste conținutul controllerului */
}
.acs-tts-ctl .acs-tts-close:hover{ background:#f3f4f6 !important; }
.acs-tts-ctl .acs-tts-close:focus{ outline:2px solid #0ea5e9; outline-offset:2px; }

@media (max-width:560px){
  .acs-tts-ctl .acs-tts-close{ top:-12px; right:-12px; }
}


/* starea implicită */
.acs-tts-ctl button{
  background: #ffffff00 !important;
  border:1px solid #e5e7eb !important;
  border-radius:5px !important;
  padding: 4px 5px !important;
  margin: 1px !important; 
  transition:background .15s, box-shadow .15s, transform .05s, border-color .15s !important;
}
.acs-tts-ctl button:active{ transform: translateY(1px) !important; }
.acs-tts-ctl button:focus-visible{ outline:2px solid #0ea5e9 !important; outline-offset:2px !important; }

.acs-tts-ctl [data-act="play"]:hover,
.acs-tts-ctl [data-act="pause"]:hover,
.acs-tts-ctl [data-act="stop"]:hover { 
	background:#f3f4f6 !important; 
}

/* buton ACTIV (în funcție de stare) */
.acs-tts-ctl [data-act="play"].is-active {
  background:#e6f7ff !important;
  border-color:#38bdf8 !important;
  box-shadow:0 0 0 2px rgba(56,189,248,.35) inset !important;
}
.acs-tts-ctl [data-act="pause"].is-active{
  background:#fff3cd !important;
  border-color:#f59e0b !important;
  box-shadow:0 0 0 2px rgba(245,158,11,.35) inset !important;
}
.acs-tts-ctl [data-act="stop"].is-active{
  background:#ffe5e9 !important;
  border-color:#ef4444 !important;
  box-shadow:0 0 0 2px rgba(239,68,68,.35) inset !important;
}

/* pentru ecrane mici: păstrează evidențierea vizibilă */
@media (max-width:560px){
  .acs-tts-ctl [data-act="play"].is-active,
  .acs-tts-ctl [data-act="pause"].is-active,
  .acs-tts-ctl [data-act="stop"].is-active{
    box-shadow:0 0 0 3px rgba(0,0,0,.06) inset, 0 0 0 2px currentColor;
  }
}