.input-group-text {
	height: 52px;
}

a,
.how-to-steps-button {
	color: #0074e8;
	/* Schimbați culoarea după preferință */
	text-decoration: none;
	/* Opțional: pentru a elimina sublinierea */
}

.webposeidon-bg-secondary-opacity-9 {
	background-color: #0074e8;
}

.btn-warning,
.btn-red {
	background-color: #0074e8;
	color: white;
	border-color: #0074e8;
}

.btn-warning:hover,
.btn-red:hover {
	background-color: black;
	color: white;
	border-color: black;
}

.footer-black {
	background-color: #130f40;
	background-image: linear-gradient(315deg, #130f40 0%, #000000 74%);
}

.preloader {
	position: fixed;
	inset: 0;
	background: #fff;
	/* sau #000 */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.preloader-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

/* LOGO */
.preloader-logo {
	width: 90px;
	height: auto;
	animation: floatPulse 1.8s ease-in-out infinite;
}

/* TEXT */
.webposeidon-text-100 {
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.3;
	color: #1f2a44;
}

/* ANIMAȚIE FINĂ */
@keyframes floatPulse {
	0% {
		transform: translateY(0) scale(1);
		opacity: 0.7;
	}

	50% {
		transform: translateY(-6px) scale(1.05);
		opacity: 1;
	}

	100% {
		transform: translateY(0) scale(1);
		opacity: 0.7;
	}
}

/* ===== PREMIUM SUBTLE TAGS (WEB POSEIDON) ===== */
.popular-topics-box .service-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 10px 0 14px !important;
}

/* micro-label, nu badge gros */
.popular-topics-box .service-tag {
	display: inline-flex !important;
	align-items: center !important;
	font-size: 9px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	padding: 5px !important;
	border-radius: 999px !important;
	/* super subtil */
	background: rgba(2, 83, 255, 0.05) !important;
	color: rgba(2, 83, 255, 0.82) !important;
	border: 1px solid rgba(2, 83, 255, 0.10) !important;
	/* premium feel */
	letter-spacing: 0.1px !important;
	backdrop-filter: saturate(140%) blur(6px) !important;

  /* ===== Tech Stack FIX (works with your current HTML) ===== */
}
/* tot de mai sus lasam asa nu rescriem */
/* ===== Tech Stack: clean spacing + gray cards + blue icon only ===== */

/* 1) background section (very light) */
.mxd-section.padding-grid-pre-mtext{
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%) !important;
}

/* 2) kill overlaps from animations / grid items just for this block */
.mxd-tech-stack-cards .mxd-grid-item,
.mxd-tech-stack-cards .animate-card-3,
.mxd-tech-stack-cards .mxd-tech-stack-cards__item{
  transform: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

/* 3) add real spacing between cards (override row g-0) */
.mxd-tech-stack-cards .row.g-0{
  --bs-gutter-x: 22px !important;
  --bs-gutter-y: 22px !important;
}
.mxd-tech-stack-cards .row.g-0 > *{
  padding-left: calc(var(--bs-gutter-x) * .5) !important;
  padding-right: calc(var(--bs-gutter-x) * .5) !important;
  margin-top: var(--bs-gutter-y) !important;
}

/* 4) card style = subtle gray, premium, clean */
.mxd-tech-stack-cards__item .mxd-tech-stack-cards__inner{
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(17,24,39,0.06) !important;
  border-radius: 26px !important;
  padding: 22px 22px !important;
  min-height: 110px !important;

  display: flex !important;
  align-items: center !important;
  gap: 16px !important;

  box-shadow:
    0 18px 40px rgba(16,24,40,0.06) !important;
  backdrop-filter: blur(6px);
}

/* 5) icon badge = WEB POSEIDON blue */
.mxd-tech-stack-cards__item .mxd-tech-stack-cards__logo{
  width: 72px !important;
  height: 72px !important;
  border-radius: 20px !important;

  background: #0B63F6 !important; /* albastru clasic */
  display: grid !important;
  place-items: center !important;

  flex: 0 0 72px !important;
  overflow: hidden !important;

  box-shadow:
    0 14px 30px rgba(11,99,246,0.22),
    inset 0 0 0 1px rgba(255,255,255,0.18) !important;
}

/* 6) SVG size + white color (prevents giant svg rules) */
.mxd-tech-stack-cards__item .mxd-tech-stack-cards__logo svg{
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  display: block !important;
}
.mxd-tech-stack-cards__item .mxd-tech-stack-cards__logo svg *{
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* 7) title text */
.mxd-tech-stack-cards__item .mxd-tech-stack-cards__title p{
  margin: 0 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: -0.01em !important;
}

/* 8) hover subtle (no jumping, no overlap) */
.mxd-tech-stack-cards__item .mxd-tech-stack-cards__inner:hover{
  box-shadow: 0 22px 55px rgba(16,24,40,0.09) !important;
}

/* 9) responsive tuning */
@media (max-width: 575.98px){
  .mxd-tech-stack-cards .row.g-0{
    --bs-gutter-x: 16px !important;
    --bs-gutter-y: 16px !important;
  }
  .mxd-tech-stack-cards__item .mxd-tech-stack-cards__inner{
    border-radius: 22px !important;
    min-height: 100px !important;
    padding: 18px !important;
  }
  .mxd-tech-stack-cards__item .mxd-tech-stack-cards__logo{
    width: 64px !important;
    height: 64px !important;
    border-radius: 18px !important;
    flex-basis: 64px !important;
  }
}

/*portofoliu site-uri web*/
.wpd-browser-card{
  background:#fff;
  border-color: rgba(15,23,42,.08)!important;
  box-shadow: 0 8px 22px rgba(2,6,23,.05);
  transition: all .25s ease;
  display:flex;
  flex-direction:column;
  height:100%;
}

.wpd-browser-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(37,99,235,.12);
  border-color: rgba(37,99,235,.35)!important;
}

/* PREVIEW */
.wpd-browser-preview{
  background:#f8fafc;
}

.wpd-browser-bar{
  height:32px;
  background: rgba(255,255,255,.9);
  border-bottom: 1px solid rgba(15,23,42,.06);
  display:flex;
  align-items:center;
  padding:0 10px;
  gap:6px;
}

.wpd-browser-bar span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#cbd5f5;
}

.wpd-browser-bar small{
  margin-left:6px;
  font-size:11px;
  color:#64748b;
}

.wpd-browser-preview img{
  width:100%;
  height:150px;
  object-fit:cover;
  transition: transform .35s ease;
}

.wpd-browser-card:hover img{
  transform: scale(1.04);
}

/* BODY */
.wpd-browser-body{
  padding: 8px 12px 1px 12px;   /* mult mai compact */
  background:#fff;
}

.wpd-browser-body h6{
  font-size:13px;
  font-weight:600;
  margin:0;
  line-height:1.2;
}

.wpd-browser-body p{
  font-size:11px;
  margin:2px 0 0 0;
  color:#2563eb;
}

/* MOBILE OPTIMIZATION */
@media(max-width:768px){

  .wpd-browser-preview img{
    height:180px;
  }

  .wpd-browser-body{
    padding: 8px 10px 10px 10px;
    text-align:center;
  }

}
.wpd-industry-mini{
  background:#fff;
  border-color: rgba(15,23,42,.08)!important;
  box-shadow:0 8px 22px rgba(2,6,23,.05);
  transition: all .3s ease;
  text-decoration:none;
}

.wpd-industry-mini:hover{
  transform: translateY(-6px);
  box-shadow:0 18px 45px rgba(37,99,235,.18);
  border-color: rgba(37,99,235,.35)!important;
}

.wpd-industry-img{
  position:relative;
  height:180px;
  overflow:hidden;
}

.wpd-industry-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .6s ease;
}

.wpd-industry-mini:hover img{
  transform: scale(1.08);
}

.wpd-industry-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(
    180deg,
    rgba(37,99,235,.20),
    rgba(2,6,23,.55) 75%
  );
}

.wpd-industry-icon{
  position:absolute;
  top:10px;
  left:10px;
  width:30px;
  height:30px;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  color:#2563eb;
}

.wpd-industry-title{
  position:absolute;
  bottom:12px;
  left:12px;
  right:12px;
  color:#fff;
}

.wpd-industry-title h6{
  margin:0;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  color: black;
}

.wpd-industry-title span{
  font-size:10.5px;
  opacity:.9;
}

/* MOBILE */
@media(max-width:768px){
  .wpd-industry-img{
    height:160px;
  }
}