/*--------------------------------------------------------------
Secondary Color Overrides - The Next CEO 2025
----------------------------------------------------------------*/

/* Clase utilitare pentru culoarea secundară */
.tm-secondary-color {
  color: var(--secondary-color) !important;
}

.tm-secondary-bg {
  background-color: var(--secondary-color) !important;
}

.tm-secondary-border {
  border-color: var(--secondary-color) !important;
}

.tm-secondary-100-color {
  color: var(--secondary-100) !important;
}

.tm-secondary-200-color {
  color: var(--secondary-200) !important;
}

.tm-secondary-300-color {
  color: var(--secondary-300) !important;
}

/* ========================================
   OFFCANVAS MENU - VISIBLE ON ALL SCREENS
   ======================================== */

/* Make offcanvas menu button visible on all screen sizes */
.offcanvaopen-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* Ensure offcanvas menu is accessible on all devices */
.offcanvas {
  z-index: 1050 !important;
}

/* Override any responsive hiding of the offcanvas button */
@media (min-width: 992px) {
  .offcanvaopen-btn {
    display: flex !important;
  }
}

@media (max-width: 991px) {
  .offcanvaopen-btn {
    display: flex !important;
  }
}

/* ========================================
   FORM PLACEHOLDER COLORS - CONSISTENT
   ======================================== */

/* Placeholder text should be white for consistency with selectors */
::placeholder {
  color: var(--white-color) !important;
  opacity: 0.8 !important;
}

::-moz-placeholder {
  color: var(--white-color) !important;
  opacity: 0.8 !important;
}

::-webkit-input-placeholder {
  color: var(--white-color) !important;
  opacity: 0.8 !important;
}

/* Specific form placeholders - consistent white color */
.contact-form .form-inputs .type_1 input::placeholder,
.contact-form .form-inputs .type_1 select::placeholder,
.contact-form .form-textarea .type_1 textarea::placeholder,
.footer__input__email::placeholder,
.offcanvas-body__input__email::placeholder {
  color: var(--white-color) !important;
  opacity: 0.8 !important;
}

/* Select dropdown styling for consistency */
.contact-form .form-inputs .type_1 select {
  color: var(--white-color) !important;
}

.contact-form .form-inputs .type_1 select option {
  color: var(--black-color) !important;
  background-color: var(--white-color) !important;
}

/* ========================================
   FOOTER LINKS - LIGHT BY DEFAULT
   ======================================== */

/* Footer links should be light by default for contrast with dark background */
.footer__link {
  color: var(--white-color) !important;
  transition: color 0.3s ease !important;
}

.footer__link:hover {
  color: var(--secondary-color) !important;
}

.footer__link::after {
  background-color: var(--secondary-color) !important;
}

/* ========================================
   FOOTER MICROPHONE ICON
   ======================================== */

/* Style the footer microphone icon with better contrast color */
.footer__bg--icon {
  filter: brightness(0) saturate(100%) invert(25%) sepia(70%) saturate(2500%) hue-rotate(335deg) brightness(90%) contrast(110%) !important;
  opacity: 0.7 !important;
  transition: none !important;
  pointer-events: none !important;
}

.footer__bg--icon:hover {
  opacity: 0.7 !important;
  transform: none !important;
  filter: brightness(0) saturate(100%) invert(25%) sepia(70%) saturate(2500%) hue-rotate(335deg) brightness(90%) contrast(110%) !important;
}

/* ========================================
   ZIGZAG BUTTON HOVER FIX
   ======================================== */

/* Prevent circular background on zigzag button hover */
.zigzag__btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.zigzag__btn:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: scale(1.05) !important;
  transition: all 0.3s ease !important;
}

.zigzag__btn .zigzag__btn--text {
  color: var(--white-color) !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.zigzag__btn .zigzag__btn--icon {
  color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  background-color: var(--white-color) !important;
}

.zigzag__btn svg path {
  fill: var(--secondary-color) !important;
}

.zigzag__btn:hover svg path {
  fill: var(--secondary-100) !important;
}

.zigzag__btn.style2 .zigzag__btn--text {
  color: var(--white-color) !important;
}

.zigzag__btn.style2 svg path {
  fill: var(--secondary-color) !important;
}

/* ========================================
   FEATURE SECTION BACKGROUND
   ======================================== */

/* Replace feature section background image with dark brown gradient */
.feature-content.tm-bg {
  background-image: none !important;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d1f1a 50%, #1a1a1a 100%) !important;
  position: relative !important;
}

.feature-content.tm-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(116, 46, 22, 0.1) 0%, rgba(116, 46, 22, 0.05) 50%, rgba(116, 46, 22, 0.1) 100%) !important;
  pointer-events: none;
}

/* ========================================
   CONTACT BAR BACKGROUND
   ======================================== */

/* Replace contact bar background image with much lighter gradient in the middle */
.cc_contact--bar {
  background-image: none !important;
  background: linear-gradient(90deg, #2a2a2a 0%, #3d2f2a 15%, #6a5a4a 30%, #9a8a7a 50%, #6a5a4a 70%, #3d2f2a 85%, #2a2a2a 100%) !important;
  position: relative !important;
}

.cc_contact--bar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(116, 46, 22, 0.05) 0%, rgba(116, 46, 22, 0.08) 15%, rgba(116, 46, 22, 0.12) 30%, rgba(116, 46, 22, 0.15) 50%, rgba(116, 46, 22, 0.12) 70%, rgba(116, 46, 22, 0.08) 85%, rgba(116, 46, 22, 0.05) 100%) !important;
  pointer-events: none;
}

/* Fix purple borders in contact bar - change to dark brown */
.cc_contact--bar .left-border,
.cc_contact--bar .right-border {
  border-color: var(--secondary-color) !important;
  opacity: 0.3 !important;
}

/* Ensure text is readable on the lighter middle section */
.cc_contact--bar > *:nth-child(2) {
  color: var(--black-color) !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) !important;
}

.cc_contact--bar > *:nth-child(2) * {
  color: var(--black-color) !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) !important;
}

/* Ensure text in side sections is light for contrast */
.cc_contact--bar > *:nth-child(1),
.cc_contact--bar > *:nth-child(3) {
  color: var(--white-color) !important;
}

.cc_contact--bar > *:nth-child(1) *,
.cc_contact--bar > *:nth-child(3) * {
  color: var(--white-color) !important;
}

/* ========================================
   FOOTER BACKGROUND
   ======================================== */

/* Replace footer background image with dark gradient */
.footer {
  background-image: none !important;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d1f1a 50%, #1a1a1a 100%) !important;
  position: relative !important;
}

.footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(116, 46, 22, 0.05) 0%, rgba(116, 46, 22, 0.08) 50%, rgba(116, 46, 22, 0.05) 100%) !important;
  pointer-events: none;
  z-index: -1;
}

/* Ensure footer content stays above the gradient */
.footer__main,
.footer__copyright {
  position: relative;
  z-index: 1;
}

/* Fix purple borders in footer - change to dark brown */
.footer__copyright {
  border-bottom-color: var(--secondary-color) !important;
  border-top-color: var(--secondary-color) !important;
  opacity: 0.3 !important;
}

/* ========================================
   BUTOANE PRINCIPALE - PRIMARY BUTTONS
   ======================================== */

/* Butoanele principale din header și throughout site */
.primary__btn {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
}

.primary__btn:hover {
  background-color: var(--secondary-100) !important;
  border-color: var(--secondary-100) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(116, 46, 22, 0.3);
}

.primary__btn.style2 {
  background-color: var(--white-color) !important;
  color: var(--secondary-color) !important;
  border: 1px solid var(--secondary-color) !important;
}

.primary__btn.style2:hover {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
  border-color: var(--secondary-color) !important;
}

.primary__btn.style3 {
  border-color: var(--secondary-color) !important;
  color: var(--secondary-color) !important;
}

.primary__btn.style3:hover {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}

/* ========================================
   NAVIGAȚIE - NAVIGATION
   ======================================== */

/* Link-uri de navigație */
.tm-nav .tm-nav_list > li > a {
  color: var(--black-color) !important;
  transition: color 0.3s ease !important;
}

.tm-nav .tm-nav_list > li > a:hover {
  color: var(--secondary-color) !important;
}

/* Submeniuri */
.tm-nav .tm-nav_list ul a {
  color: var(--black-color) !important;
  transition: color 0.3s ease !important;
}

.tm-nav .tm-nav_list ul a:hover {
  color: var(--secondary-color) !important;
  background-color: rgba(116, 46, 22, 0.05) !important;
}

/* Sticky header navigation */
.tm-sticky_header.style-2 .tm-nav > .tm-nav_list li a {
  color: var(--black-color) !important;
}

.tm-sticky_header.style-2 .tm-nav > .tm-nav_list li a:hover {
  color: var(--secondary-color) !important;
}

/* ========================================
   CONTROLLERE SLIDER
   ======================================== */

/* Stiluri pentru controllerele slider cu culoarea secundară - cu prioritate înaltă */
.creative-conference .cc__slider--controller .cc__slider__next--btn .dotshape,
.creative-conference .cc__slider--controller .cc__slider__prve--btn .dotshape {
  background-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
}

.creative-conference .cc__slider--controller .cc__slider__next--btn .text,
.creative-conference .cc__slider--controller .cc__slider__prve--btn .text {
  color: var(--secondary-color) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  font-weight: 600 !important;
}

.educational-conference .ec__slider--controller .ec__slider__next--btn .dotshape,
.educational-conference .ec__slider--controller .ec__slider__prve--btn .dotshape {
  background-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
}

.educational-conference .ec__slider--controller .ec__slider__next--btn .text,
.educational-conference .ec__slider--controller .ec__slider__prve--btn .text {
  color: var(--secondary-color) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  font-weight: 600 !important;
}

/* Hover effects pentru componentele cu culoarea secundară */
.creative-conference .cc__slider--controller .cc__slider__next--btn:hover .text,
.creative-conference .cc__slider--controller .cc__slider__prve--btn:hover .text {
  color: var(--secondary-100) !important;
  transition: color 0.3s ease;
}

.educational-conference .ec__slider--controller .ec__slider__next--btn:hover .text,
.educational-conference .ec__slider--controller .ec__slider__prve--btn:hover .text {
  color: var(--secondary-100) !important;
  transition: color 0.3s ease;
}

/* ========================================
   FEATURE CONTENT BUTTONS
   ======================================== */

.feature-content__button {
  border-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
  transition: all 0.3s ease !important;
}

.feature-content__button:hover {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}

.feature-content__button.button-active {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}

/* ========================================
   CIRCLE BUTTONS (NAVIGATION)
   ======================================== */

.circle__btn-next,
.circle__btn-perv {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
}

.circle__btn-next:hover,
.circle__btn-perv:hover {
  background-color: var(--secondary-100) !important;
  border-color: var(--secondary-100) !important;
  transform: scale(1.1);
}

.circle__btn-next i,
.circle__btn-perv i {
  color: var(--white-color) !important;
}

/* ========================================
   VIEW BUTTONS
   ======================================== */

.view__btn {
  color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
}

.view__btn:hover {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}

/* ========================================
   MOVING TEXT HIGHLIGHTS
   ======================================== */

/* Stiluri pentru highlight-uri în moving text */
.moving-section .highlight-text {
  position: relative;
  color: var(--secondary-color);
  font-weight: 700;
}

.moving-section .highlight-text::after {
  display: none !important;
}

/* Stiluri pentru cercurile decorative din moving text */
.moving-section-in.style2 .moving-section .highlight-text-style2::before,
.moving-section-in.style2 .moving-section .highlight-text-style2::after {
  background-color: var(--secondary-color) !important;
  box-shadow: 0 2px 8px rgba(116, 46, 22, 0.4);
  transition: all 0.3s ease;
}

.moving-section-in.style2 .moving-section:hover .highlight-text-style2::before,
.moving-section-in.style2 .moving-section:hover .highlight-text-style2::after {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(116, 46, 22, 0.6);
}

/* ========================================
   PRICING CARDS
   ======================================== */

/* Stiluri pentru card-urile de pricing cu culoarea secundară */
.package-content .package-one.style2,
.package-content .package-two.style2,
.package-content .package-three.style2 {
  background-color: var(--secondary-color) !important;
  transition: all 0.3s ease;
  color: var(--white-color);
}

.package-content .package-one.style2:hover,
.package-content .package-two.style2:hover,
.package-content .package-three.style2:hover {
  background-color: var(--secondary-100) !important;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(116, 46, 22, 0.3);
}

.package-content .package-one.style2.active,
.package-content .package-two.style2.active,
.package-content .package-three.style2.active {
  background-color: var(--secondary-200) !important;
  cursor: pointer;
  color: var(--white-color);
}

.package-content .package-one.style2.active .primary__btn.type-2,
.package-content .package-two.style2.active .primary__btn.type-2,
.package-content .package-three.style2.active .primary__btn.type-2 {
  background-color: var(--white-color) !important;
  color: var(--secondary-color) !important;
}

/* Stiluri pentru butoanele din card-urile de pricing */
.package-content .package-one.style2 .primary__btn.type-2,
.package-content .package-two.style2 .primary__btn.type-2,
.package-content .package-three.style2 .primary__btn.type-2 {
  background-color: var(--white-color) !important;
  color: var(--secondary-color) !important;
  border: 1px solid var(--white-color) !important;
  transition: all 0.3s ease;
}

.package-content .package-one.style2 .primary__btn.type-2:hover,
.package-content .package-two.style2 .primary__btn.type-2:hover,
.package-content .package-three.style2 .primary__btn.type-2:hover {
  background-color: var(--secondary-100) !important;
  color: var(--white-color) !important;
  border-color: var(--secondary-100) !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(116, 46, 22, 0.3);
}

/* ========================================
   SUBSCRIBE BUTTONS - FOOTER & OFFCANVAS
   ======================================== */

/* Footer subscribe button */
.footer__input__btn {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
}

.footer__input__btn:hover {
  background-color: var(--secondary-100) !important;
  border-color: var(--secondary-100) !important;
  transform: translateY(-2px);
  color: var(--white-color) !important;
}

/* Offcanvas subscribe button */
.offcanvas-body__input__btn {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
}

.offcanvas-body__input__btn:hover {
  background-color: var(--secondary-100) !important;
  border-color: var(--secondary-100) !important;
  transform: translateY(-2px);
  color: var(--white-color) !important;
}

/* ========================================
   OFFCANVAS CLOSE BUTTON
   ======================================== */

/* Change the X close button color to brown */
.btn-close {
  filter: brightness(0) saturate(100%) invert(15%) sepia(60%) saturate(3000%) hue-rotate(340deg) brightness(80%) contrast(120%) !important;
  opacity: 0.8 !important;
  transition: all 0.3s ease !important;
}

.btn-close:hover {
  opacity: 1 !important;
  transform: scale(1.1) !important;
}

.btn-close:focus {
  filter: brightness(0) saturate(100%) invert(15%) sepia(60%) saturate(3000%) hue-rotate(340deg) brightness(80%) contrast(120%) !important;
  box-shadow: 0 0 0 0.25rem rgba(116, 46, 22, 0.25) !important;
}

/* ========================================
   FORM BUTTONS
   ======================================== */

/* Butoane din formulare */
.offcanvas-body__input__btn,
.footer__input__btn {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
}

.offcanvas-body__input__btn:hover,
.footer__input__btn:hover {
  background-color: var(--secondary-100) !important;
  border-color: var(--secondary-100) !important;
  transform: translateY(-2px);
}

/* ========================================
   SPEAKER BUTTONS
   ======================================== */

/* Butoanele pentru speakeri */
.speakers-main__button-content .icon.trigger {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
}

.speakers-main__button-content .icon.trigger:hover {
  background-color: var(--secondary-100) !important;
  border-color: var(--secondary-100) !important;
  transform: scale(1.1);
}

.speakers-main__button-content .icon.trigger i {
  color: var(--white-color) !important;
}

/* ========================================
   VIDEO PLAYER BUTTON
   ======================================== */

.video-player-btn {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
}

.video-player-btn:hover {
  background-color: var(--secondary-100) !important;
  border-color: var(--secondary-100) !important;
  transform: scale(1.1);
}

/* ========================================
   ACCORDION & TABS
   ======================================== */

/* Accordion buttons */
.accordion-button:not(.collapsed) {
  background-color: rgba(116, 46, 22, 0.1) !important;
  color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
}

.accordion-button:focus {
  border-color: var(--secondary-color) !important;
  box-shadow: 0 0 0 0.25rem rgba(116, 46, 22, 0.25) !important;
}

/* ========================================
   SOCIAL ICONS
   ======================================== */

/* Social media icons */
.social__icon-btn {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  transition: all 0.3s ease !important;
}

.social__icon-btn i {
  color: var(--white-color) !important;
}

.social__icon-btn:hover {
  background-color: var(--secondary-100) !important;
  border-color: var(--secondary-100) !important;
  transform: translateY(-2px);
}

.social__icon-btn:hover i {
  color: var(--white-color) !important;
}

/* ========================================
   UTILITY CLASSES
   ======================================== */

/* Stiluri pentru butoane cu culoarea secundară */
.btn-secondary {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: white;
  transition: all 0.3s ease;
}

.btn-secondary:hover {
  background-color: var(--secondary-100);
  border-color: var(--secondary-100);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(116, 46, 22, 0.3);
}

.btn-secondary-outline {
  background-color: transparent;
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
  transition: all 0.3s ease;
}

.btn-secondary-outline:hover {
  background-color: var(--secondary-color);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(116, 46, 22, 0.3);
}

/* Stiluri pentru link-uri cu culoarea secundară */
.link-secondary {
  color: var(--secondary-color);
  text-decoration: none;
  transition: all 0.3s ease;
}

.link-secondary:hover {
  color: var(--secondary-100);
  text-decoration: underline;
}

/* Stiluri pentru borduri și separatori */
.border-secondary {
  border-color: var(--secondary-color) !important;
}

.border-secondary-light {
  border-color: var(--secondary-300) !important;
}

/* Stiluri pentru background-uri cu gradient */
.bg-gradient-secondary {
  background: linear-gradient(135deg, var(--secondary-color), var(--secondary-200));
}

.bg-gradient-secondary-light {
  background: linear-gradient(135deg, var(--secondary-300), var(--secondary-400));
}

/* Stiluri pentru text cu highlight */
.text-highlight-secondary {
  color: var(--secondary-color);
  font-weight: 600;
}

/* Stiluri pentru iconițe cu culoarea secundară */
.icon-secondary {
  color: var(--secondary-color);
  transition: all 0.3s ease;
}

.icon-secondary:hover {
  color: var(--secondary-100);
  transform: scale(1.1);
}

/* Stiluri pentru card-uri cu accent secundar */
.card-secondary-accent {
  border-left: 4px solid var(--secondary-color);
  transition: all 0.3s ease;
}

.card-secondary-accent:hover {
  border-left-color: var(--secondary-100);
  box-shadow: 0 4px 12px rgba(116, 46, 22, 0.1);
}

/* Stiluri pentru progress bars cu culoarea secundară */
.progress-secondary .progress-bar {
  background-color: var(--secondary-color);
}

/* Stiluri pentru badges cu culoarea secundară */
.badge-secondary {
  background-color: var(--secondary-color);
  color: white;
}

.badge-secondary-outline {
  background-color: transparent;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}

/* Stiluri pentru form elements cu culoarea secundară */
.form-control-secondary:focus {
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 0.2rem rgba(116, 46, 22, 0.25);
}

/* Stiluri pentru pagination cu culoarea secundară */
.pagination-secondary .page-item.active .page-link {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.pagination-secondary .page-link {
  color: var(--secondary-color);
}

.pagination-secondary .page-link:hover {
  color: var(--secondary-100);
}

/* Stiluri pentru tooltips cu culoarea secundară */
.tooltip-secondary .tooltip-inner {
  background-color: var(--secondary-color);
}

.tooltip-secondary .arrow::before {
  border-top-color: var(--secondary-color);
}

/* Stiluri pentru alerts cu culoarea secundară */
.alert-secondary {
  background-color: rgba(116, 46, 22, 0.1);
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}

/* Stiluri pentru list group cu culoarea secundară */
.list-group-item-secondary {
  background-color: rgba(116, 46, 22, 0.05);
  border-left: 3px solid var(--secondary-color);
}

.list-group-item-secondary:hover {
  background-color: rgba(116, 46, 22, 0.1);
}

/* Stiluri pentru modal cu culoarea secundară */
.modal-secondary .modal-header {
  border-bottom-color: var(--secondary-color);
}

.modal-secondary .modal-footer {
  border-top-color: var(--secondary-color);
}

/* Stiluri pentru tabs cu culoarea secundară */
.nav-tabs-secondary .nav-link.active {
  color: var(--secondary-color);
  border-bottom-color: var(--secondary-color);
}

.nav-tabs-secondary .nav-link:hover {
  color: var(--secondary-100);
  border-bottom-color: var(--secondary-100);
}

/* Stiluri pentru breadcrumb cu culoarea secundară */
.breadcrumb-secondary .breadcrumb-item.active {
  color: var(--secondary-color);
}

.breadcrumb-secondary .breadcrumb-item a {
  color: var(--secondary-300);
}

.breadcrumb-secondary .breadcrumb-item a:hover {
  color: var(--secondary-color);
}

/* Stiluri pentru dropdown cu culoarea secundară */
.dropdown-item-secondary:hover {
  background-color: rgba(116, 46, 22, 0.1);
  color: var(--secondary-color);
}

/* Stiluri pentru spinner cu culoarea secundară */
.spinner-secondary {
  color: var(--secondary-color);
}

/* Stiluri pentru selection cu culoarea secundară */
::selection {
  background-color: var(--secondary-color);
  color: white;
}

/* Stiluri pentru scrollbar cu culoarea secundară */
::-webkit-scrollbar-thumb {
  background-color: var(--secondary-color);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondary-100);
}

/* Stiluri pentru focus outline cu culoarea secundară */
*:focus {
  outline-color: var(--secondary-color);
}

/* Stiluri pentru loading states cu culoarea secundară */
.loading-secondary {
  border-color: var(--secondary-300);
  border-top-color: var(--secondary-color);
}

/* Stiluri pentru success states cu culoarea secundară */
.success-secondary {
  color: var(--secondary-color);
  background-color: rgba(116, 46, 22, 0.1);
  border-color: var(--secondary-color);
}

/* Stiluri pentru error states cu culoarea secundară */
.error-secondary {
  color: var(--secondary-color);
  background-color: rgba(116, 46, 22, 0.1);
  border-color: var(--secondary-color);
}

/* Stiluri pentru warning states cu culoarea secundară */
.warning-secondary {
  color: var(--secondary-color);
  background-color: rgba(116, 46, 22, 0.1);
  border-color: var(--secondary-color);
}

/* Stiluri pentru info states cu culoarea secundară */
.info-secondary {
  color: var(--secondary-color);
  background-color: rgba(116, 46, 22, 0.1);
  border-color: var(--secondary-color);
}

/* Stiluri pentru navigația cu fundal dark */
.tm-site_header.tm-style1.style-2 .tm-nav .tm-nav_list a {
  color: var(--white-color) !important;
}

.tm-site_header.tm-style1.style-2 .tm-nav .tm-nav_list a:hover {
  color: var(--secondary-color) !important;
}

.tm-sticky_header.style-2 .tm-nav .tm-nav_list a {
  color: var(--white-color) !important;
}

.tm-sticky_header.style-2 .tm-nav .tm-nav_list a:hover {
  color: var(--secondary-color) !important;
}

/* Override mobile navigation to keep desktop navigation on all screen sizes */
@media screen and (max-width: 1199px) {
  /* Hide mobile hamburger menu */
  .tm-munu_toggle {
    display: none !important;
  }
  
  /* Show desktop navigation elements on mobile */
  .tm-main-header-right {
    display: flex !important;
  }
  
  /* Ensure proper spacing and alignment on mobile */
  .tm-site_header.tm-style1 .tm-main_header_in {
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  /* Adjust logo positioning */
  .tm-site_header.tm-style1 .tm-main_header_center .tm-site_branding {
    position: static !important;
    transform: none !important;
  }
  
  /* Ensure CTA button is visible and properly sized */
  .tm-main-header-right .primary__btn {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }
  
  /* Adjust spacing for mobile */
  .tm-main-header-right .d-flex {
    gap: 15px !important;
  }
  
  /* Override the rule that hides tm-main-header-right */
  .tm-site_header.tm-style1 .tm-main-header-right {
    display: flex !important;
  }
}

@media screen and (max-width: 991px) {
  /* Continue showing desktop navigation */
  .tm-main-header-right {
    display: flex !important;
  }
  
  /* Adjust button size for smaller screens */
  .tm-main-header-right .primary__btn span {
    font-size: 14px !important;
  }
  
  /* Ensure proper container spacing */
  .tm-site_header .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  /* Keep navigation elements visible on very small screens */
  .tm-main-header-right {
    display: flex !important;
  }
  
  /* Adjust button text for very small screens */
  .tm-main-header-right .primary__btn span {
    font-size: 12px !important;
  }
  
  /* Reduce gap between elements */
  .tm-main-header-right .d-flex {
    gap: 10px !important;
  }
  
  /* Ensure logo doesn't get too small */
  .tm-site_branding img {
    max-height: 50px !important;
  }
}

@media screen and (max-width: 575px) {
  /* Final adjustments for very small screens */
  .tm-main-header-right .primary__btn {
    padding: 8px 12px !important;
  }
  
  .tm-main-header-right .primary__btn span {
    font-size: 11px !important;
    display: inline !important; /* Override any display: none rules */
  }
  
  /* Ensure offcanvas button remains visible */
  .offcanvaopen-btn {
    display: inline-block !important;
  }
  
  /* Override any rules that might hide the button text */
  .tm-site_header.tm-style1 .tm-btn span {
    display: inline !important;
  }
}