body {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2C3E50;
    background-color: #fff;   
    background-image: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {  
  font-family: "Inter", sans-serif;  
}
.text-content
 {
  font-family: "Inter", sans-serif; 
  color: #2C3E50; 
  font-size: 1rem;
 }
a:focus,
a:active {
  outline: none; /* elimină conturul negru */
  box-shadow: none;
}
.border-bottom {
  border-bottom: 1px solid #E5E7EB !important;
}
.sticky-top {
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
}
.page-wrapper {
    max-width: 100%;
    background: #fff;
}
#block-canps-theme-search-form-narrow{
    display: none;
}
#block-canps-theme-search-form-narrow 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 #4A90B5;    /* border-input (gri deschis) */
  border-top-left-radius: 0.375rem; 
  border-bottom-left-radius: 0.375rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: transparent;      /* bg-transparent */
  font-size: 1rem;              /* text-base */              
  outline: none;
  transition: color 0.2s, box-shadow 0.2s;
}

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

/* Text selectat */
#block-canps-theme-search-form-narrow input[type="search"]::selection {
  background: #4f46e5;  /* selection:bg-primary */
  color: #fff;          /* selection:text-primary-foreground */
}
.top-search-button .bi-search,
.top-search-button .bi-x-lg
{
    font-size: 1rem;
}
.top-search-button .btn-light:hover
{    
    background-color: #e5e7eb;
    border-color: #d4d5d6;
}
#block-canps-theme-search-form-narrow
{
    display: none;
}
.navbar-light .navbar-nav .nav-link {
    color: #0B5A7D;
    font-size: 18px;
    font-weight: 500;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.doc-download-link:hover
{
    color: #4a90b5 !important;
}
.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;
}

.path-node .block-search-narrow {
    margin-block-end: 0px;
}
.block-search-narrow input[type="search"]{
    color: initial;
}
.block-search-narrow .search-form__submit{
    background-color: #0B5A7D;
}
.block-search-narrow .search-block-form {
   width: 384px;
   margin-left: auto;
}
#block-canps-theme-comutator-limbi ul.links{
    padding-left: 0;
}
#search-block-form .button{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.block-search-narrow .search-form__submit .icon--search {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 27.2'%3e  %3cpath fill='%23fff' d='M25.8,25.5l-5.3-5.3c2.1-2.1,3.4-5.1,3.4-8.3C23.9,5.3,18.5,0,11.9,0C5.3,0,0,5.3,0,11.9c0,6.6,5.3,11.9,11.9,11.9c2.6,0,5.1-0.9,7-2.3l5.4,5.4c0.4,0.4,1,0.4,1.4,0C26.1,26.6,26.1,25.9,25.8,25.5z M11.9,21.9c-5.5,0-9.9-4.4-9.9-9.9S6.4,2,11.9,2c5.5,0,9.9,4.4,9.9,9.9S17.4,21.9,11.9,21.9z'/%3e%3c/svg%3e");
}
.block-search-narrow .search-form__submit .icon--search::after {
    border-block-start: none;
}
@media (min-width: 62.5rem) {   
  .region > :where(:not([data-big-pipe-placeholder-id])) {
    margin-block-end: unset;
  }   
}
@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .site-footer {
        border-inline-start: none;
    }
}
@media (min-width: 43.75rem) {
   .main-content__container {
    padding-block-start: 3rem;
   }
   .block-search-narrow .search-form__submit {
    width: 4rem;
   }  
}
.text-content p, .cke_editable p {  
    margin-block-start: unset;   
    margin-block-end: unset;    
  }
.site-footer {
  position: relative;
  color: #2C3E50;
  background: none;  
}
.site-footer .text-content * {
   font-size: 1rem;
   line-height: 2;
}
.site-footer .block__title {
  color: #2C3E50;
  font-size: 1.125rem;
  font-weight: bold;
}
.site-footer .text-content a,
.site-footer .text-content a:visited,
.site-footer .text-content a:link 
{
  color: #2C3E50;
  text-decoration: none;
}
#block-canps-theme-auth-button {
  padding-left: 1.5em;
}
@supports (box-shadow: none) {
  .text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
    transition: none;   
    text-decoration: none;
    box-shadow: none;
  }
  .text-content a:where(:not(.button)):hover,
  .cke_editable a:where(:not(.button)):hover {   
    text-decoration: none;
    color: initial;
    box-shadow: none;  
  }
}
.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
  color: #0B5A7D; 
}
.site-footer{
    border-top: 1px solid #E5E7EB;
    background-color: #f8f9fa;
    padding-top: 40px;    
}
#block-canps-theme-auth-button .btn-light{
    border: 1px solid #d4d5d6;
    color: #2C3E50;
}
#block-canps-theme-auth-button .btn-light:hover
{
    background-color: #e5e7eb;
}

#block-canps-theme-page-title {
  padding-bottom: 2rem;  
}
/* Animația fade-in */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.page-title {  
  display: block;
  font-weight: bold;
  font-size: 2.25rem;
  animation: .6s ease-in-out fadeIn;
}
.site-footer .text-content a:hover
{
    color: #4a90b5;
}
.path-search #search-form #edit-submit
{
  margin-left: -5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  background-color: #0B5A7D;
  height: 50px;
}
.path-search #search-form input[type="search"]{
    border: 1px solid #4A90B5;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: transparent;
    font-size: 1rem;
    outline: none;   
    transition: color 0.2s, box-shadow 0.2s;
}
.button:focus {
  outline: none;
  outline-offset: 0;
}
.button--primary,
.button--primary:hover
{    
    border: none;
}
.block-search-narrow{
    position: fixed;
}
@media (max-width: 767px){
    .navbar-light .navbar-nav .nav-link {  
      font-size: 15px;      
    }
    .navbar-light .navbar-nav{      
      margin-inline-start: auto;
   }
   .main-header-bottom{
       display: block;
       padding-bottom: 10px;
   }
   #block-theme-search-icon,
   #block-canps-theme-comutator-limbi,
   #block-canps-theme-auth-button
    {
       display: none;
    }
    .block-search-narrow{
        margin-inline:auto;
    }
    .block-search-narrow .search-block-form {
       width: 100%; 
    }
    #block-canps-theme-search-form-narrow input[type="search"]{
        width: 100%;
    }
    #mainNavbar .nav-item {
       border-bottom: 1px solid #eee;
    }
    #block-canps-theme-page-title {
       padding-bottom: 5px;
    }
    .main-content__container {
       padding-block-start: 2.5rem;
    }
    .text-content{
        font-size: 0.9rem;
    }
    .site-footer .text-content *{
       font-size: 0.9rem;       
    }
    .site-footer {        
        padding-top: 30px;
    }
    .block-search-narrow{
        position: relative;
        background: none;   
        margin-block-end: 20px;    
        z-index: 1;
    }
    
   
}
@media (min-width: 768px) {
    .main-header-bottom{
       display: none;
    }
.block-search-narrow{    
    z-index: 9;
    background-color: #fff;   
    right: 16.8%;
    }
}

.header-bootom-container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#block-language-switcher ul{
    padding-left: 0;
    margin-inline-start: 1.25em;
    margin-inline-end: 1.25em;
}
#block-auth-button-2 a{
    font-size: 14px;
    padding: 5px 10px;
}
[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {   
    min-height: auto;
    padding: 12px 16px;
    font-size: 16px;
    outline: none;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
}
:is([type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea):focus {
  border: 1px solid #E5E7EB;
  color: #2C3E50; 
  outline: none;
}
#map-container {
  width: 100%;
  height: 860px;
}
.path-frontpage .main-content__container {
    padding-block-start: 0;
  }
.path-frontpage .region > :where(:not([data-big-pipe-placeholder-id])) {
  margin-block-end: unset;
}
.path-frontpage .region--content {
    margin-block-end: unset;
  }
.node__content {
    padding-block-end: 0;
  } 
  
#block-block-protected-area-categ-block-1 .form-item__label,
#block-block-protected-area-categ-block-1 .form-actions,
#block-block-protected-area-categ-block-1 .view-content
{
      display: none;
}
#block-block-protected-area-categ-block-1 {
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 10;
}
.btn-info:focus{    
    box-shadow: none;
}
.card{
    border: 1px solid #E5E7EB;
    border-radius: 8px;
}
#block-search-documents-block .form-actions{
    display: none;
}
#block-search-documents-block .form-item {
    margin-block: revert;
}
#block-search-documents-block #edit-title--2{
    width: 100%;
}
#block-search-documents-block .block__content{
    display: block;
    margin-bottom: 30px;
}

/* Wrapper pentru câmpul de căutare */
#views-exposed-form-documents-page-1 .form-item-title {
  position: relative;
}

/* Input */
#views-exposed-form-documents-page-1 .form-item-title input {
  padding-left: 2.75rem; /* spațiu pentru icon */
}

/* Icon Font Awesome */
#views-exposed-form-documents-page-1 .form-item-title::before {
  content: "\f002"; /* fa-search */
  font-family: "Font Awesome 7 Free";
  font-weight: 900; /* IMPORTANT pentru FA Solid */
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
  pointer-events: none;
  font-size: 1rem;
}
@media (max-width: 576px) {
  .view-documents .card-title {
    font-size: 1rem;
  }
}

.path-documente category-filter-container
{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.path-documente .category-filter
{
  background-color: #f8f9fa;
  border: 1px solid #d4d5d6;
  padding: 3px 10px;
  border-radius: 6px;
  cursor: pointer;
  margin-left: 10px;
}
.path-documente .category-filter:first-child
{
    margin-left: 0;
}

.path-documente .category-filter:hover,
.path-documente #block-category-doc-filter-block button.active
{
  background-color: #e5e7eb;  
}
div#block-category-filter-block
{
    margin-bottom: 15px;
}
#views-exposed-form-documents-page-1 .js-form-type-select{
    display: none;
}
.path-documente #block-canps-theme-content {
  margin-top: 50px;
}
#block-simple-news-subscription .form-item__label,
#block-simple-news-subscription #edit-mail-0-value--description
{
    display: none;
}

#block-simple-news-subscription #edit-mail-0-value{
    width: 100%;
}
.button{
    font-size: inherit;
    height: 2.5rem;
}
.button--primary{
    background-color: #6FA94E;
}
.button--primary:hover,
.button--primary:focus
{
    background-color: #688c54;
    border-color: #688c54;
}
#block-simple-news-subscription #edit-actions--2{
    justify-content: center;
}
:is(.text-content table, .views-table, .draggable-table) td { 
  border-block-end: none;
}
 
/* Aplicăm stilul DOAR pe pagina de contact */
.path-contact .region--content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* Grid layout: 2 coloane desktop, 1 coloană mobil */
.path-contact .region--content {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 2rem;
}

/* Titlu pagină */
.path-contact #block-canps-theme-page-title {
  grid-column: 1 / -1;
  font-size: 2rem;
  font-weight: 700; 
  padding-bottom: 1rem;
}

/* CARD formular */
.path-contact #block-canps-theme-content {
  background: #fff;
  border-radius: 8px;
  padding: 1.75rem;
  border: 1px solid #E5E7EB;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;  
}

/* CARD info contact */
.path-contact #block-contact-info-page {
  background: #fff;
  border-radius: 8px;
  padding: 1.75rem;
  border: 1px solid #E5E7EB;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

/* Spațiere câmpuri formular */
.path-contact .contact-message-form .form-item {
  margin-bottom: 1rem;
}

/* Inputuri ca Bootstrap */
.path-contact .contact-message-form textarea {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  padding: 10px 12px;
  font-size: 15px;
}

#contact-message-feedback-form #edit-submit{
    margin: auto;
}

/* Info contact - aranjare icon + text */
.path-contact #block-contact-info-page table {
  width: 100%;
}

.path-contact #block-contact-info-page td:first-child {
  width: 40px;
  vertical-align: top;
  font-size: 1.2rem;
  color: #198754;
}

.path-contact #block-contact-info-page p {
  margin-bottom: 4px;
}

/* Responsive – mobil */
@media (max-width: 768px) {
  .path-contact .region--content {
    grid-template-columns: 1fr;
  }

  .path-contact .page-title {
    text-align: center;
  }
}
.search-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  display: none;
  z-index: 9999;
}

.search-modal-content {
  background: #fff;
  max-width: 720px;
  margin: 10vh auto;
  padding: 1.5rem;
  border-radius: 12px;
}

#global-search-input {
  width: 100%;
  padding: 12px 48px 12px 12px;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.search-result-item {
  display: flex;
  gap: 12px;
  padding: 10px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.search-result-item:hover {
  background: #f5f7fa;
}

.search-result-icon {
  width: 32px;
}

.search-result-title {
  font-weight: 600;
}

.search-result-meta {
  font-size: 13px;
  color: #6c757d;
}

.search-modal-content {
  position: relative;
}

.search-modal-close {
  position: absolute;
  top: 3px;
  right: 3px; 
  background: transparent;
  border: 0; 
  font-size: 14px;  /* dimensiune icon mică */
  cursor: pointer;
  color: #495057;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-modal-close:hover {
  color: #000;
}
a.search-result-item{
    text-decoration: none;
    color: #0B5A7D;
}
#global-search-results {
  padding-top: 15px;
}
#block-canps-theme-views-block-protected-area-categ-block-1{
    position:absolute;
    top:40px;
    left:40px;
}
.map-categories { 
    z-index:10;  
    background:#fff;
    padding:15px;
    border-radius:8px;  
}

.map-categories label {
    display:flex;
    align-items:center;
    gap:20px;    
    font-size:16px;
}

.map-categories input {
    width:18px;
    height:18px;
}

.map-categories .count-block
{
    width: 30px;
    margin-left: auto;
    text-align: right;
}
.protected-areas-categories {
    background:white;
    border-radius:15px;
    padding:25px;
}
.category-header {
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #eee;
    padding-bottom:20px;
    margin-bottom:30px;
}
.category-row {
    margin-bottom:18px;
}
.category-title {
    display:flex;
    align-items:center;
    gap:12px;
}
.protected-areas-categories .dot {
    width:10px;
    height:10px;
    background:#3f6f9c;
    border-radius:50%;
}
.protected-areas-categories .category-info {
    display:flex;
    justify-content:flex-end;
    gap:30px;
    margin-left: auto;    
}
.progress {
    height:6px;
    background:#eee;
    margin-top:8px;
    border-radius:10px;
}
.progress-bar {
    height:100%;
    background:#6ca56b;
    border-radius:10px;
}
.export-box select
{
    height: auto;
}
.export-wrapper {
    display:flex;
    gap:25px;
    background:#fff;
    padding:30px;
    border-radius:15px;
}
.export-box {
    background:#fafafa;
    padding:25px;
    border-radius:12px;
}
.export-box h3 {
    color:#244d78;
}
.export-wrapper .btn {
    padding:10px 18px;
    border-radius:6px;
    text-decoration:none;
}
.export-wrapper .btn-primary {
    background:#315b82;
    color:white;
}
.export-wrapper .btn-success {
    border:1px solid #8ab66c;
    color:#659642;
}