a.btn.btn-purple {
    border: none !important;
    background-color: #6f42c1 !important; /* purple tonu */
    color: #fff !important;
    margin-bottom: 0 !important;
    text-align: center !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
}
a.btn.btn-warning {
    border: none !important;
    background-color:#e9c636 !important;
    color: #fff !important;
    margin-bottom: 0 !important;
    text-align: center !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
}

.twm-table tbody tr td a{
    background: unset !important;
}
/* ====== Banner başlığı içindeki “Onaylı” rozeti ====== */
.twm-home-17-banner-section .twm-bnr-right-section
.twm-bnr-title-large .site-text-white{
  display:inline-block;
  background:#002060 !important;   /* lacivert zemin */
  color:#fff !important;
  padding:.12em .55em !important;
  border-radius:.6rem !important;
  box-shadow:none !important;
}
/* Kadın görseline animasyon ekle */
.bnr-media img {
    animation: float 4s ease-in-out infinite;
    display: inline-block;
    max-width: 100%;
}

/* Yukarı-aşağı dalgalanma efekti */
@keyframes float {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}
/* 1) Dönen parıltı – küçük bir dilim; gerçek "dönme" hissi verir */
.twm-bnr-left-content .bnr-bg-circle::after{
  content:"";
  position:absolute; inset:-16px;
  border-radius:50%;
  /* konik gradient; %10'luk parlak bir dilim, geri kalanı şeffaf */
  background: conic-gradient(
     from 0deg,
     rgba(0,166,178,.38) 0 10%,
     rgba(0,166,178,0) 10% 100%
  );
  mix-blend-mode: soft-light;          /* parıltıyı doğal gösterir */
  animation: wf-spin 22s linear infinite;
}

/* 2) Dışta dönen kesikli halka – hareketi daha da belirgin yapar */
.twm-bnr-left-content .bnr-bg-circle::before{
  content:"";
  position:absolute; inset:-6px;
  border-radius:50%;
  background: repeating-conic-gradient(
     from 0deg,
     rgba(0,166,178,.55) 0 8deg,       /* teal parça */
     rgba(0,166,178,0)   8deg 16deg    /* boşluk */
  );
  filter: drop-shadow(0 2px 6px rgba(0,166,178,.25));
  animation: wf-spin 12s linear infinite;
}
/* Ortak dönüş animasyonu */
@keyframes wf-spin{
  to { transform: rotate(360deg); }
}

 /* DÜNYA RESMİ KONTROLLERİ */
  .twm-media .earth-spin {
    --spin-duration: 18s;
    display: block;
    transform-origin: 50% 50%;
    animation: earth-rotate var(--spin-duration) linear infinite;
    will-change: transform;
  }
  @keyframes earth-rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }
	.twm-hpage-6-featured-bg-warp .twm-media { width: 720px; }   /* set the box size */
  .twm-hpage-6-featured-bg-warp .twm-media img {
    display:block;
    width:100%;   /* fill the box */
    height:auto;  /* keep proportions */
  }
	
	

	/* The section that has the large rounded bg + emojis */
.twm-hpage-6-featured-bg-warp {
  position: relative;      /* create a stacking context */
  z-index: 0;              /* base layer */
}

/* Any decorative pieces inside it — make them sit behind content */
.twm-hpage-6-featured-bg-warp .twm-media-bg-circle,
.twm-hpage-6-featured-bg-warp .twm-media-bg-circle2,
.twm-hpage-6-featured-bg-warp .twm-media-bg-circle3 {
  position: absolute;
  z-index: -1;             /* behind cards and below section */
  pointer-events: none;    /* (nice to have) */
}

/* Keep the cards on top of that background */
.hpage-6-featured-block,
.twm-hpage-6-featured-content-warp {
  position: relative;
  z-index: 1;
}
	
	/* Stop animations inside the button, but keep layout intact */
.twm-upload-file .site-button *,
.twm-upload-file .site-button *::before,
.twm-upload-file .site-button *::after{
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* Force real text color in case the theme used gradient text */
.twm-upload-file .site-button,
.twm-upload-file .site-button *{
  color: #ffffff !important;                     /* your label/icon color */
  -webkit-text-fill-color: #ffffff !important;   /* fixes gradient-text = transparent */
  background-image: none !important;             /* cancels text-gradient on spans */
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

/* Icon libraries (Feather/FA) */
.twm-upload-file .site-button svg,
.twm-upload-file .site-button i{
  animation: none !important;
  transition: none !important;
  transform: none !important;
  stroke: currentColor;                           /* Feather */
}

/* Ensure the button itself still has your colors */
.twm-upload-file .site-button{
  background: #002060;        /* base bg */
  color: #fff;                 /* label/icon */
  border-color: #0b2a66;
}
.twm-upload-file .site-button:hover{
  background: #14B8A6;        /* hover bg */
  color: #fff;
  border-color: #0a2458;
}
/* Kill text animations/transitions only */
.twm-upload-file .site-button .btn-label{
  animation: none !important;
  transition: none !important;
  text-shadow: none !important;         /* if theme adds it on hover */
  transform: none !important;           /* cancels slide/bounce effects */
  letter-spacing: normal !important;    /* cancels tracking animations */
  color: inherit;                        /* keep same color as button */
}

	/* TÜM SEKTÖRLER BUTON KONTROLLERİ */
.site-button--static{
  --btn-bg:#002060;         /* base */
  --btn-bg-hover:#14B8A6;   /* hover */
  --btn-fg:#fff;

  background:var(--btn-bg);
  border-color:var(--btn-bg);
  color:var(--btn-fg);
}
.site-button--static:hover,
.site-button--static:focus{
  background:var(--btn-bg-hover);
  border-color:var(--btn-bg-hover);
  color:var(--btn-fg);
}

/* Stop animations just inside this button */
.site-button--static,
.site-button--static *,.site-button--static *::before,.site-button--static *::after{
  animation:none!important;
  transition:none!important;
  transform:none!important;
  opacity:1!important; visibility:visible!important; filter:none!important;
  color:var(--btn-fg)!important;
  -webkit-text-fill-color:var(--btn-fg)!important;
  background-image:none!important;
  -webkit-background-clip:initial!important; background-clip:initial!important;
}

/* base (NOT hovered): hide the teal fill */
.site-header.header-style-3 .header-nav-btn-section .twm-nav-sign-up::before,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-sign-up::after,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-post-a-job::before,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-post-a-job::after{
  background: var(--wf-teal) !important; /* same teal */
  opacity: 0 !important;                 /* hidden by default */
  transition: opacity .25s ease, transform .25s ease; /* keep the animation */
}

/* show the teal only on hover/focus */
.site-header.header-style-3 .header-nav-btn-section .twm-nav-sign-up:hover::before,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-sign-up:hover::after,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-sign-up:focus::before,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-sign-up:focus::after,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-post-a-job:hover::before,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-post-a-job:hover::after,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-post-a-job:focus::before,
.site-header.header-style-3 .header-nav-btn-section .twm-nav-post-a-job:focus::after{
  opacity: 1 !important;                 /* visible only on hover/focus */
}


/* Colors (WF navy + teal) */
:root{
  --wf-navy:#002060;
  --wf-teal:#00A6B2;
}

:root{
  --wf-navy:#0b2f88;
  --wf-navy-2:#032a7a;
  --wf-teal:#00A6B2;
}

/* Centered, compact list */
.wf-breadcrumb{ margin:.25rem 0 1rem; }

/* Kill theme's auto dashes between items (use higher specificity) */
.wt-breadcrumb.breadcrumb-style-2 > li + li::before{
  content:none !important;
  color:transparent !important;
}

/* Our single slash separator */
.wf-sep{ display:inline-block; }
.wf-sep::before{
  content:"/";
  display:inline-block;
  font-weight:700;
  color:#c0c7d1;
  padding:0 .35rem;
  transform: translateY(-1px);
}

/* Pill buttons ("chips") */
.wf-chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.48rem .95rem;
  border-radius:999px;
  font-weight:600;
  font-size:.95rem;
  line-height:1;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 6px 16px rgba(3,42,122,.12);
  transform: translateY(0);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease, border-color .15s ease;
  background: linear-gradient(135deg, var(--wf-navy), var(--wf-navy-2));
  color:#fff; /* base white text for the blue chip */
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

/* Keep ONLY the blue chip white (avoid turning current chip white) */
.wf-chip:not(.current),
.wf-chip:not(.current):link,
.wf-chip:not(.current):visited,
.wf-chip:not(.current):active,
.wf-chip:not(.current):hover{
  color:#fff !important;
}
.wf-chip *{ color:inherit; } /* icons/text inherit */

/* Hover */
.wf-chip:hover{
  filter:brightness(1.06);
  transform: translateY(-1px);
  box-shadow:0 10px 22px rgba(3,42,122,.18);
  border-color: var(--wf-teal);
}

/* Current page (light chip) */
.wf-chip.current{
  background:#ffffff;
  border:1px solid rgba(0,0,0,.10);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  cursor:default;
}

/* Make sure current chip text stays dark even if theme/link styles try to override */
.wf-chip.current,
.wf-chip.current:link,
.wf-chip.current:visited,
.wf-chip.current:hover,
.wf-chip.current:active{
  color:#374151 !important;
  text-shadow:none;
}

/* Focus ring */
.wf-chip:focus-visible{
  outline:0;
  box-shadow:0 0 0 .22rem rgba(0,166,178,.35), 0 6px 16px rgba(3,42,122,.12);
}

/* Dark section safety */
.bg-dark .wf-chip.current{
  background:#23272f;
  color:#e5e7eb !important;
  border-color:#3a3f47;
}