/*
Theme Name:     Medilink Child
Template:       medilink
Theme URI:      https://radiustheme.com
Author:         Radiustheme
Author URI:     https://radiustheme.com/demo/medilink
Description:    Medilink | Responsive WordPress Medical Theme is one of the Latest and World Standard Multipurpose Responsive WordPress Medical  Theme. Using medilink user can get to Start a  Medical, Medical  Shop and Medical schedule.
Version:        1.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    medilink
Tags:           one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/*boxuri de specializare din main page*/
.custom-nav {
  display: flex;
  flex-direction: column;
  gap: 10px; /* spațiere între boxuri */
}

/*pagina de specializare*/
.nav-box, .nav-box-medici{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #f5f5f5;
  text-decoration: none;
  color: #333;
  transition: background 0.3s, color 0.3s;
  margin-bottom: 8px; /* separă rândurile */
}

.nav-box:hover, .nav-box-medici:hover {
  background: #e0f0ff; /* hover subtil */
  color: #000;
}

.icon-circle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s, color 0.3s;
}

.nav-box:hover .icon-circle, .nav-box-medici:hover .icon-circle{
  background: #007bff;
  color: #fff; 
}

.nav-text {
  font-size: 16px;
  font-weight: 500;
}
/*medici pagina specializare*/
.doctors-table {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.doctor-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #f5f5f5;
  color: #333;
  transition: background 0.3s, color 0.3s;
}

.doctor-row:hover {
  background: #e0e0e0;
  color: #000;
}

.doctor-name {
  font-weight: 600;
  flex: 1;
}

.doctor-title {
  font-size: 15px;
  color: #555;
}

/*boxes main page*/
.home-servicii .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* face toate coloanele egale */
}

.home-servicii .row > [class*="col-"] {
  display: flex;
}

.home-servicii .departments-box-layout10 {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.home-servicii .item-icon {
  align-self: center;
}

.home-servicii .item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.home-servicii .item-button {
  margin-top: auto; /* împinge butonul jos */
}

/* titlu */
.home-servicii .item-title {
  line-height: 1.25;
  margin-bottom: 10px;
}

/* descriere */
.home-servicii .item-content > p {
  line-height: 1.6;
  margin-bottom: 16px;
}


/*header*/
#header-search > form > input{
	background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8), transparent);
}
#header-search .search-text::placeholder{
	color: #4f4f4f;
}

/*Blog*/
/* .anunturi-front h3.item-title a, .anunturi-front p{
	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 3;
  	overflow: hidden;
}
 */
.anunturi-front .blog-box-layout9{
	align-items: stretch;
	display: flex;
	flex-direction: column;
	height:100%;
}
.anunturi-front .item-content, .anunturi-front h3.item-title, .anunturi-front p{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.anunturi-front .item-button.btn_style2{
	margin-top: auto;
}
/*footer background*/
body .footer-layout1 .footer-top-wrap, body .foote_layout3.footer-layout1{
background-image: unset;
}
body .foote_layout3.footer-layout1 .footer-bottom-wrap, body .foote_layout3.footer-layout1 .footer-top-wrap{
    background-color: #0c3150;	
}

/*footer unset spatii*/
.footer-layout1 .footer-box .footer-contact-info{
	margin: unset;
}
.footer-layout1 section.footer-top-wrap{
	padding: 50px 0px 0px;
}
#medilink_about-4 > .footer-contact-info > ul > li{
	padding-bottom: 0px;
}
#medilink_about-4 > .footer-contact-info > ul > li a{
	font-size: 16px;
	height: unset;
}
/*back to top*/
.backtotop .scrollToToptext {
    font-size: 0; /* ascunde textul vechi */
    position: relative;
}
.backtotop .scrollToToptext::before {
    content: "Înapoi la început";
    font-size: 14px; /* dimensiunea dorită */
}
/*pagina angajatului boxuri*/
.box-informativ, .box-informativ>.elementor-container{
	align-items: stretch;
	display: flex;
	height: auto;
}
.box-informativ>.elementor-container{
	align-items: stretch;
	display: flex;
	flex-grow: 1;
}

.box-informativ>.elementor-container>.elementor-column>.elementor-widget-wrap{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.box-informativ .elementor-widget-rt-info-box, .box-informativ .elementor-widget-rt-info-box>.elementor-widget-container, .box-informativ .about-box-layout2, .box-informativ .about-box-layout2 ul, .box-informativ .about-box-layout2 ul li, .box-informativ .about-box-layout2 ul li a{
	display: flex;
	flex-grow: 1;
}
.box-informativ .about-box-layout2 ul li a {
  align-items: center;
}
/*forms chestionare*/
.analize-form1 .forminator-textarea{
	height: 40.4px;
}

/*CONDUCERE CARDS*/
.conducere-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 35px;
}

.conducere-card {
  flex: 1;
  min-width: 280px;
  height: 420px;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  overflow: hidden;
}

.card-overlay {
  height: 100%;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,.15));
  transition: .3s;
}

.conducere-card:hover .card-overlay {
  background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.35));
}

.card-socials {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  opacity: 0;
  transition: .3s;
}

.conducere-card:hover .card-socials {
  opacity: 1;
}

.card-socials a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: rgba(255,255,255,.2);
  color: #fff;
}

.card-content h3,
.card-content p,
.contact-info-box h2,
.contact-info-box p {
  margin: 0;
  color: #fff;
}

.card-content h3 {
  margin-bottom: 8px;
  font-size: 24px;
}

.card-content p {
  font-size: 16px;
}

.contact-info-box h2,
.contact-info-box p {
  color: inherit;
}

.contact-info-box h2 {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .conducere-grid {
    flex-direction: column;
  }
}
/*menu*/
.header-style-2 .site-header .main-navigation ul li a{
	padding: 1em 1em;
}