body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;   
}
.text-content
 {
 font-family: var(--bs-font-sans-serif);   
 }
a:focus,
a:active {
  outline: none; /* elimină conturul negru */
  box-shadow: none;
}
.page-wrapper {
    max-width: 100%;
    background: #fff;
}
.sticky-top {  
    z-index: 10;
}
header {
  position: sticky;       /* rămâne lipit de top la scroll */
  top: 0;                 /* fixat sus */
  z-index: 50;            /* strat deasupra altora */
  width: 100%;            /* lățime completă */
  border-bottom: 1px solid #e5e7eb; /* echiv. border-b din Tailwind (gri deschis) */
  background-color: rgba(255, 255, 255, 0.95); /* echiv. bg-background/95 */
  backdrop-filter: blur(8px);       /* echiv. backdrop-blur */
}

/* Echivalent pentru supports-[backdrop-filter]:bg-background/60 */
@supports (backdrop-filter: blur(0)) {
  header {
    background-color: rgba(255, 255, 255, 0.60);
  }
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active{
    color: #104aee;
}
/* Asigurăm contextul de poziționare */
.nav-link {
  position: relative;
  padding: .2rem 1rem;
  display: inline-block; /* sau block dacă vrei link full-width */
}

/* Pseudo-elementul: underline inițial invizibil, centrat */
#mainNavbar .nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px; /* ajustează după nevoie */
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #4e51ed;
  opacity: 0;
  transition: width .28s ease, left .28s ease, transform .28s ease, opacity .28s;
  pointer-events: none;
  z-index: 2;
}

/* Aplicăm doar pe device-uri care au hover (desktop) */
@media (hover: hover) and (pointer: fine) {
  #mainNavbar .nav-link:hover::after,
  #mainNavbar .nav-link:focus::after,
  #mainNavbar .nav-link.active::after {
    left: 0;
    transform: none;
    width: 100%;
    opacity: 1;
  }
}

/* Dacă vrei underline și la focus (a11y) pe touch, poți adăuga: */
#mainNavbar .nav-link:focus::after {
  left: 0;
  transform: none;
  width: 100%;
  opacity: 1;
}

/* Dacă dropdown-item are aceleași clase dar nu vrei underline acolo: */
.navbar .dropdown-item::after { display: none; }

#header .block{
    margin-block-end: 0;
}
.language-switcher-language-url ul{
    list-style-type: none;
    margin-bottom: 0;
}
.language-switcher-language-url .is-active{
    display: none;
}
.language-switcher-language-url ul a:hover{
    background-color: #eee;
    border: 1px solid #ddd;
}

#block-mya-theme-search-form-wide input[type="search"] {
  width: 20rem;                 /* w-64 (256px) */
  height: 2.50rem;              /* h-9 */
  min-width: 0;                 /* min-w-0 */
  min-height: 0;
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;     /* py-1 px-3 */
  border: 1px solid #d1d5db;    /* border-input (gri deschis) */
  border-radius: 0.375rem;      /* rounded-md */
  background: transparent;      /* bg-transparent */
  font-size: 1rem;              /* text-base */
  /*box-shadow: 0 1px 2px rgba(0,0,0,0.05);*/ 
  border-color: #6366f1;               
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.5);
  outline: none;
  transition: color 0.2s, box-shadow 0.2s;
}

/* Placeholder */
#block-mya-theme-search-form-wide input[type="search"]::placeholder {
  color: #9ca3af; /* placeholder:text-muted-foreground */
}

/* Text selectat */
#block-mya-theme-search-form-wide input[type="search"]::selection {
  background: #4f46e5;  /* selection:bg-primary */
  color: #fff;          /* selection:text-primary-foreground */
}

/* Focus */
/*#block-mya-theme-search-form-wide input[type="search"]:focus-visible {
  border-color: #6366f1;               
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.5);
}*/
.top-search-button .bi-search,
.top-search-button .bi-x-lg
{
    font-size: 1rem;
}
.top-search-button .btn-light:hover
{    
    background-color: #b9cef8;
    border-color: #b9cef8;
}
#block-mya-theme-search-form-wide
{
    display: none;
}
@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .site-footer {
        border-inline-start: none;
    }
}
.site-footer {    
    border-top: 1px solid #dee2e6 !important;   
    background: #fafafa;
    padding-top: 50px;
    font-size: .875rem;    
}
.site-footer .text-content a,
.site-footer .text-content a:visited,
.site-footer .text-content a:link
{    
    color: #939393; 
    text-decoration: none;
}
.site-footer .block__title {
    color: #000;
    font-size: 1.125rem;
}
.social-icons a i:hover,
.site-footer .text-content a:hover
{    
    color: #104aee;      
}
ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    list-style-type: none;
    list-style-image: none;
}
@media (min-width: 43.75rem) {
    .text-content, .cke_editable {
        font-size: 1rem;         
    }
}
.site-branding__text{
    display: none;
}
.social-icons a:hover .bi-facebook {
  color: #1877f2; /* Facebook blue */
}

.social-icons a:hover .bi-twitter {
  color: #1da1f2; /* Twitter/X blue */
}

.social-icons a:hover .bi-linkedin {
  color: #0077b5; /* LinkedIn blue */
}

.social-icons a:hover .bi-youtube {
  color: #ff0000; /* YouTube red */
}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse
    { 
    justify-content: center;
    }
    .me-auto 
    {
    margin-right: initial !important;
    }
    .justify-content-end {
    justify-content: center !important;
    } 
    
   .top-search-button.for-desktop{
        display: flex !important;
    }
   .top-search-button.for-mobile{
        display: none !important;
    } 
    #block-mya-theme-search-form-wide .form-submit
    {
    display: none;
    }    
    
}
.text-content p, .cke_editable p {
    margin-block-start: unset;
    margin-block-end: unset;
}
.grid-full {
    grid-template-rows: none;
    grid-template-columns: none;
    grid-column-gap: unset;  
}
@media (min-width: 43.75rem) {
    .main-content__container
    {
        padding-block-start: 3rem;
    }
}
.region--hero
{ 
 background: linear-gradient(135deg, #4e51ed, #6d98f1, #a3b5e9);
}

#block-views-block-news-block-1 .block__title,
#block-mya-theme-views-block-video-block-1 .block__title,
#block-views-block-members-block-1 .block__title
{       
    color: #000;
    font-size: 2.2rem;    
    font-weight: 700;
    margin-bottom: 0;
}

@media (max-width: 767px) { 
    div#block-info-academie .block__title {
        font-size: 2rem;
        font-weight: bold;
        color: #fff;
        line-height: 1;
    }
    div#block-info-academie {
        padding-top: 2rem;
        padding-bottom: 2rem;
        text-align: center;
    }
    .top-search-button.for-desktop{
        display: none !important;
    }
   .top-search-button.for-mobile{
        display: flex !important;
    }
    #search-block-form{
        display: flex;
        align-items: center;
    }
    .top-search-button{
        margin-left: 130px;
    }
    #search-block-form .js-form-submit{
        border: 1px solid rgba(0, 0, 0, .125);       
    }
    #block-views-block-news-block-1 .block__title,
    #block-mya-theme-views-block-video-block-1 .block__title,
    #block-views-block-members-block-1 .block__title
    {
        font-size: 1.4rem;
    }
    
}
@media (min-width: 768px) { 
    div#block-info-academie {
        padding-top: 5rem;
        padding-bottom: 5rem;
        text-align: center;
    }
    div#block-info-academie .block__title{
        font-size: 3rem;
        font-weight: bold;
        color: #fff;
    }
    div#block-info-academie .block__content .text-content{       
        color: #fff;
        padding-top: 30px;
        font-size: 18px;
    }
    div#block-info-academie h1,
    div#block-info-academie h2,
    div#block-info-academie h3,
    div#block-info-academie h4,
    div#block-info-academie h5,
    div#block-info-academie h6
    {
    color: #fff;
    }
    div#block-mya-theme-page-title {
    padding-bottom: 40px;
    }
    
}
.views-view-responsive-grid{
    padding-bottom: 30px;
}
h1,h2,h3,h4,h5,h6
{
    font-family: var(--bs-font-sans-serif);
}

/* Container */
.info-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* gap-4 */
  justify-content: center;
  animation: fadeIn 0.5s ease-in-out;
}

@media (min-width: 640px) { /* sm:flex-row */
  .info-buttons {
    flex-direction: row;
  }
}

/* Animația fade-in */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Stiluri de bază pentru butoane */
.field--name-field-link .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  font-size: 0.875rem; /* text-sm */
  font-weight: 500;
  transition: all 0.3s ease;
  min-height: 2.5rem;  /* h-10 */
  padding: 0 1.5rem;   /* px-6 */
  border-radius: 0.375rem; /* rounded-md */
  box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* shadow-xs */
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

.field--name-field-link .btn-secondary {
  background-color: #e9ecef;
  color: #212529;  
  border-color: transparent;
}

.field--name-field-link .btn-secondary:hover {
  background-color: rgba(233,236,239,0.8);
}

.field--name-field-link .btn-outline {
  background-color: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
}
.field--name-field-link .btn-outline:hover {
  background-color: rgba(255,255,255,0.2);
  color: #f8f9fa;
}

.path-frontpage .region--highlighted{
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #FAFAFA;
}
.path-frontpage .region--content-below
{   
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #FAFAFA;
}
.card{
    border-radius: .625rem;
}
.card-img-top {
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
}
.btn-secondary {   
    background-color: #fff;
    border-color: #6c757d;
    color: #000;
}
@media (min-width: 62.5rem) {
    .region > *:where(:not([data-big-pipe-placeholder-id])) {
        margin-block-end: unset;
    }
}
.path-frontpage #block-mya-theme-content
{
    display: none;
}
#block-mya-theme-footer-info .field--name-body{
    margin-bottom: 10px;
}
#block-members-graduates-filter-block .nav-link{  
  color: #000;
}
#block-members-graduates-filter-block .nav-link.active,
#block-members-graduates-filter-block .nav-link:hover
{
    color: #104aee;
}
div#block-members-filter-block
{
    margin-top: 30px;
}
#block-members-info-join .block__content{
    padding-top: 30px;
}
.path-contact #block-mya-theme-content,
.path-contact #block-mya-theme-contacte
{
    display: inline-flex;
    width: 49.7%;
}

@media (max-width: 767px) { 
   .path-contact #block-mya-theme-content,
   .path-contact #block-mya-theme-contacte       
       {    
    width: 100%;
       }
}