/* =====================================================================
HibeRota — Stitch Tasarım Sistemi (Corporate Modern / 1.1)
---------------------------------------------------------------------
Bootstrap 5 üzerine kurulu özel tema + bileşen katmanı.
Mevcut Django şablonlarınızdaki sınıf adlarına (page-intro, call-grid,
call-card, filter-sidebar, call-detail-layout, survey-layout, ...)
birebir oturacak şekilde yazılmıştır.
KULLANIM
1) base.html içinde Bootstrap 5 CSS'ten SONRA, kendi
'lerinizden önce bu dosyayı yükleyin:
2) Fontlar base.html içinde preconnect ve stylesheet ile yüklenir.
3) Logo: assets/logo.png -> static/img/logo.png olarak kopyalayın.
Renk paleti tek yerden (:root değişkenleri) yönetilir; markayı
değiştirmek için yalnızca --hr-* değişkenlerini güncellemeniz yeterli.
===================================================================== */
/* ----------------------------- TOKENLAR ----------------------------- */
:root{
/* Stitch marka ve semantik renkleri */
--hr-green: #004AC6;
--hr-green-hover: #003EA8;
--hr-green-dark: #071426;
--hr-mint-bg: #F1F4F9;
--hr-mint-100: #E3F4EA;
--hr-mint-200: #B4C5FF;
--hr-mint-50: #F1F4F9;
--hr-mint-border: #C3C6D7;
--hr-primary: #004AC6;
--hr-primary-bright:#2563EB;
--hr-cyan: #22D3EE;
--hr-violet: #A855F7;
--hr-success: #15875C;
--hr-navy: #071426;
/* Nötr / metin */
--hr-page-bg: #F7F9FE;
--hr-surface: #ffffff;
--hr-ink: #181C20;
--hr-text: #2D3135;
--hr-muted: #535F74;
--hr-muted-2: #737686;
--hr-border: #E0E2E7;
--hr-border-2: #C3C6D7;
--hr-outline: #737686;
--hr-outline-variant: #C3C6D7;
--hr-container-max: 1280px;
--hr-gutter: 24px;
/* Durum renkleri */
--hr-amber-bg: #FFF1E0; --hr-amber: #B45309; /* kapanmak üzere / gün-kalan */
--hr-red-bg: #FDECEC; --hr-red: #C0392B; /* acil son tarih */
--hr-slate-bg: #EEF2F6; --hr-slate: #475569; /* yakında */
/* Yarıçap */
--hr-r-sm: 8px;
--hr-r: 8px;
--hr-r-lg: 16px;
--hr-r-xl: 16px;
--hr-r-2xl: 24px;
--hr-pill: 999px;
/* Gölge */
--hr-shadow-sm: 0 6px 20px rgba(0,62,168,.06);
--hr-shadow: 0 10px 30px rgba(0,62,168,.08);
--hr-shadow-lg: 0 20px 48px rgba(0,62,168,.15);
/* Hareket */
--hr-ease: cubic-bezier(.2,.7,.3,1);
/* ---- Bootstrap tema geçişleri (yeşile çevirir) ---- */
--bs-primary: var(--hr-green);
--bs-primary-rgb: 0,74,198;
--bs-link-color: var(--hr-green);
--bs-link-color-rgb: 21,135,92;
--bs-link-hover-color: var(--hr-green-hover);
--bs-border-radius: var(--hr-r);
--bs-body-color: var(--hr-text);
--bs-body-bg: var(--hr-page-bg);
--bs-secondary-color: var(--hr-muted);
}
/* Mavi-mor marka katmanı: tüm yüzeyler tokenlardan türetilir. */
:root{
--hr-blue:#4b74f5;
--hr-blue-hover:#3a5bd0;
--hr-cyan:#22b4ee;
--hr-purple:#a855f7;
--hr-grad:linear-gradient(135deg,#22b4ee 0%,#4b74f5 48%,#a855f7 100%);
--hr-ink-dark:#12203a;
--hr-tint-bg:#eef3ff;
--hr-tint-100:#e7f1ff;
--hr-tint-50:#f6f8fd;
--hr-tint-border:#dfe6f4;
--hr-page-bg:#f5f8fd;
--hr-surface:#fff;
--hr-ink:#12203a;
--hr-text:#51607a;
--hr-muted:#5c6b86;
--hr-muted-2:#8a97ad;
--hr-border:#e7ecf4;
--hr-border-2:#e2e8f5;
--hr-open-bg:#e4f6ef;
--hr-open:#0b7d5a;
--hr-urgent-bg:#fdeaf0;
--hr-urgent:#d6265a;
--hr-closed-bg:#eef1f6;
--hr-closed:#64748b;
--hr-primary:var(--hr-blue);
--hr-primary-bright:var(--hr-blue);
--hr-green:var(--hr-blue);
--hr-green-hover:var(--hr-blue-hover);
--hr-green-dark:var(--hr-ink-dark);
--hr-mint-bg:var(--hr-tint-bg);
--hr-mint-100:var(--hr-tint-100);
--hr-mint-50:var(--hr-tint-50);
--hr-mint-border:var(--hr-tint-border);
--hr-success:var(--hr-open);
--hr-navy:var(--hr-ink-dark);
--hr-container-max:1200px;
--hr-r:12px;
--hr-r-lg:16px;
--hr-r-xl:22px;
--hr-shadow-sm:0 6px 18px rgba(46,72,150,.05);
--hr-shadow:0 8px 24px rgba(46,72,150,.06);
--hr-shadow-lg:0 22px 48px rgba(46,72,150,.16);
--bs-primary:var(--hr-blue);
--bs-primary-rgb:75,116,245;
--bs-link-color:var(--hr-blue);
--bs-link-hover-color:var(--hr-purple);
}
body{ font-family:"Plus Jakarta Sans",system-ui,sans-serif; }
h1,h2,h3,h4,h5,h6{ font-family:"Plus Jakarta Sans",system-ui,sans-serif; letter-spacing:0; }
a:hover{ color:var(--hr-purple); }
.btn-primary{
--bs-btn-bg:var(--hr-blue);
--bs-btn-border-color:var(--hr-blue);
--bs-btn-hover-bg:var(--hr-blue-hover);
--bs-btn-hover-border-color:var(--hr-blue-hover);
--bs-btn-active-bg:var(--hr-blue-hover);
--bs-btn-active-border-color:var(--hr-blue-hover);
background:var(--hr-grad);
border-color:transparent;
}
.btn-primary:hover{ background:var(--hr-grad); box-shadow:0 14px 30px rgba(96,72,246,.34); transform:translateY(-2px); }
.btn-outline-primary{ --bs-btn-color:var(--hr-blue); --bs-btn-border-color:var(--hr-blue); }
.site-header{ background:rgba(255,255,255,.86); border-color:var(--hr-border); }
.site-header .navbar{ min-height:72px; }
.site-header .nav-link:hover,.site-header .nav-link.active{ color:var(--hr-purple); }
.site-header .nav-link::after{ background:var(--hr-grad); }
.header-icon-button{ border-color:var(--hr-border-2); border-radius:10px; }
.header-icon-button--favorite{ width:auto; min-width:42px; padding-inline:.65rem; background:var(--hr-grad); color:#fff; }
.header-icon-button--favorite:hover{ border-color:transparent; background:var(--hr-grad); color:#fff; filter:brightness(1.04); }
.language-switcher__item--active{ background:var(--hr-blue); }
.call-card{ border-radius:18px; overflow:hidden; box-shadow:var(--hr-shadow); }
.call-card::before{ height:4px; background:var(--hr-grad); }
.call-card--closed::before{ background:var(--hr-closed); }
.call-card--closed{ opacity:.72; }
.call-card:hover{ border-color:#d6def2; box-shadow:var(--hr-shadow-lg); transform:translateY(-5px); }
.deadline-status-badge--open{ background:var(--hr-open-bg); color:var(--hr-open); }
.deadline-status-badge--urgent{ background:var(--hr-urgent-bg); color:var(--hr-urgent); }
.deadline-status-badge--closed{ background:var(--hr-closed-bg); color:var(--hr-closed); }
.quality-badge--source,.quality-badge--verified{ background:var(--hr-tint-100); color:var(--hr-blue); }
.call-card__identity{ display:flex; align-items:center; gap:.65rem; margin:0 0 .8rem; }
.call-card__monogram{ display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border-radius:10px; background:linear-gradient(135deg,#2b3350,#12203a); color:#fff; font-size:.78rem; font-weight:800; }
.call-card__identity-name,.call-card__identity-country{ margin:0; }
.call-card__identity-name{ color:var(--hr-ink-dark); font-size:.8125rem; font-weight:700; }
.call-card__identity-country{ color:var(--hr-muted-2); font-size:.75rem; font-weight:600; }
.call-card__inst{ display:none; }
.call-card h3{ font-size:1rem; font-weight:700; line-height:1.35; }
.call-card__facts{ display:grid; grid-template-columns:1fr 1fr; gap:.55rem; margin-top:auto; }
.call-card__fact{ min-width:0; padding:.6rem .7rem; border:1px solid #eef2fa; border-radius:11px; background:var(--hr-tint-50); }
.call-card__fact span,.call-card__fact strong{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.call-card__fact span{ color:var(--hr-muted-2); font-size:.625rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.call-card__fact strong{ margin-top:.18rem; color:var(--hr-ink-dark); font-size:.75rem; font-weight:800; }
.call-card__fact--status{ background:var(--hr-open-bg); border-color:#ccebdd; }
.call-card__fact--status strong{ color:var(--hr-open); }
.call-card__verify{ margin-top:.85rem; padding-top:.8rem; border-top:1px solid var(--hr-border); color:var(--hr-muted-2); font-size:.75rem; }
.institution-card{ border-radius:16px; box-shadow:var(--hr-shadow-sm); }
.institution-card__logo{ background:var(--hr-grad); }
.institution-card__logo--image{ background:#fff; border:1px solid var(--hr-border); }
.site-footer{ border-top:0; background:linear-gradient(135deg,#12203a 0%,#232b57 55%,#3a2a6b 100%); }
.site-footer__newsletter--gradient{ background:transparent; }
.site-footer__newsletter .btn{ background:var(--hr-grad); border:0; }
.site-footer nav h2,.site-footer__veor{ color:#93dfff; }
@media (max-width:575.98px){
.call-card__facts{ grid-template-columns:1fr; }
.header-icon-button--favorite{ padding-inline:.45rem; }
.header-icon-button--favorite .badge{ display:none; }
}
/* ----------------------------- TEMEL ----------------------------- */
body{
font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
color:var(--hr-text);
background:var(--hr-page-bg);
}
h1,h2,h3,h4,h5,h6{ color:var(--hr-ink); font-family:'Hanken Grotesk',system-ui,sans-serif; letter-spacing:-.01em; }
.text-secondary{ color:var(--hr-muted) !important; }
a{ color:var(--hr-green); }
a:hover{ color:var(--hr-green-hover); }
.lead{ font-size:1.125rem; line-height:1.55; }
/* ----------------------------- BUTONLAR ----------------------------- */
.btn{
border-radius:var(--hr-r);
font-weight:600;
padding:.62rem 1.1rem;
transition:transform .18s var(--hr-ease), box-shadow .22s ease,
background-color .18s ease, color .18s ease,
border-color .18s ease, filter .18s ease;
}
.btn-primary{
--bs-btn-bg:var(--hr-green); --bs-btn-border-color:var(--hr-green);
--bs-btn-hover-bg:var(--hr-green-hover); --bs-btn-hover-border-color:var(--hr-green-hover);
--bs-btn-active-bg:var(--hr-green-hover); --bs-btn-active-border-color:var(--hr-green-hover);
--bs-btn-disabled-bg:var(--hr-green); --bs-btn-disabled-border-color:var(--hr-green);
color:#fff;
}
.btn-outline-primary{
--bs-btn-color:var(--hr-green); --bs-btn-border-color:var(--hr-green);
--bs-btn-hover-bg:var(--hr-green); --bs-btn-hover-border-color:var(--hr-green);
--bs-btn-active-bg:var(--hr-green-hover);
}
.btn-outline-secondary{
--bs-btn-color:var(--hr-ink); --bs-btn-border-color:var(--hr-border-2);
--bs-btn-hover-bg:var(--hr-mint-50); --bs-btn-hover-color:var(--hr-green);
--bs-btn-hover-border-color:var(--hr-green);
background:#fff;
}
/* ----------------------------- SAYFA BAŞLIĞI ----------------------------- */
.page-intro{
background:var(--hr-mint-bg);
border-bottom:1px solid var(--hr-border);
}
.page-intro h1{ font-weight:800; letter-spacing:-.02em; }
.result-count{ font-size:.9rem; font-weight:600; color:var(--hr-muted); }
.breadcrumb-nav{
display:flex; align-items:center; gap:.5rem;
font-size:.82rem; color:var(--hr-muted); margin-bottom:1rem;
}
.breadcrumb-nav a{ color:var(--hr-green); text-decoration:none; }
.breadcrumb-nav a:hover{ text-decoration:underline; }
/* Ana sayfa hero */
.home-hero{
background:var(--hr-mint-bg);
border-bottom:1px solid var(--hr-outline-variant);
padding:4.5rem max(1rem,calc((100% - var(--hr-container-max)) / 2));
}
.home-hero__grid{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);
gap:clamp(2rem,5vw,5rem);
align-items:center;
max-width:var(--hr-container-max);
margin:0 auto;
}
.home-hero__content{ min-width:0; }
.home-hero__content--center{
display:flex;
flex-direction:column;
align-items:center;
max-width:48rem;
margin:0 auto;
text-align:center;
}
.home-hero__eyebrow{
display:inline-flex;
align-items:center;
gap:.5rem;
margin-bottom:1.5rem;
padding:.45rem .8rem;
border:1px solid var(--hr-outline-variant);
border-radius:var(--hr-pill);
background:var(--hr-surface);
color:var(--hr-green);
font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
font-size:.75rem;
font-weight:600;
letter-spacing:.05em;
line-height:1.25;
}
.home-hero h1{
max-width:42rem;
margin:0;
font-size:clamp(2rem,4vw,3rem);
font-weight:700;
letter-spacing:0;
line-height:1.12;
}
.home-hero__lead{
max-width:39rem;
margin:1rem 0 1.75rem;
color:var(--hr-muted);
font-size:1.125rem;
line-height:1.55;
}
.home-cta-row{ display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom:1.5rem; }
.home-cta-row .btn{ min-height:2.9rem; padding-inline:1.5rem; }
.home-search{ display:flex; gap:.5rem; max-width:48rem; }
.home-search--discovery{ width:min(100%,42rem); padding:.35rem; border:1px solid var(--hr-outline-variant); border-radius:var(--hr-r-xl); background:var(--hr-surface); box-shadow:var(--hr-shadow); }
.home-search__field{
display:flex;
flex:1;
align-items:center;
gap:.75rem;
padding:0 1rem;
border:0;
border-radius:var(--hr-r);
background:transparent;
box-shadow:none;
color:var(--hr-outline);
}
.home-search .form-control{
border:0;
padding:.9rem 0;
background:transparent;
box-shadow:none;
color:var(--hr-ink);
}
.home-search .form-control:focus{ box-shadow:none; }
.home-search .btn{ border-radius:var(--hr-r-lg); padding-inline:1.75rem; }
.home-search--discovery .btn{ min-width:6.25rem; border-radius:var(--hr-r-lg); }
.home-hero__metrics{
display:flex;
flex-wrap:wrap;
gap:1.5rem;
justify-content:center;
margin-top:1.25rem;
color:var(--hr-muted);
font-size:.875rem;
}
.home-hero__updated{ margin:1rem 0 0; color:var(--hr-muted-2); font-size:.75rem; }
.home-active-calls{
max-width:var(--hr-container-max);
margin:0 auto;
padding:3.5rem max(1rem,var(--hr-gutter)) 1rem;
}
.home-active-calls__heading{
display:flex;
align-items:end;
justify-content:space-between;
gap:1rem;
margin-bottom:1.5rem;
}
.home-active-calls__heading h2{ margin:0 0 .25rem; font-size:1.5rem; font-weight:600; letter-spacing:0; }
.home-active-calls__heading p{ margin:0; color:var(--hr-muted); font-size:.8125rem; }
.home-active-calls__heading a{ display:inline-flex; align-items:center; gap:.35rem; color:var(--hr-green); font-size:.875rem; font-weight:600; text-decoration:none; white-space:nowrap; }
.home-active-calls__grid{ display:grid; grid-template-columns:minmax(0,1fr); max-width:24rem; }
.home-active-calls__empty{ max-width:38rem; padding:1.5rem; border:1px solid var(--hr-outline-variant); border-radius:var(--hr-r-lg); background:var(--hr-surface); }
.home-active-calls__empty h3{ margin:0 0 .5rem; font-size:1rem; font-weight:600; }
.home-active-calls__empty p{ margin:0; color:var(--hr-muted); font-size:.875rem; }
.home-hero__metrics strong{
color:var(--hr-ink);
font-family:'Hanken Grotesk',system-ui,sans-serif;
font-size:1.125rem;
}
.home-hero__call{
padding:1.5rem;
border:1px solid var(--hr-outline-variant);
border-radius:var(--hr-r-xl);
background:var(--hr-surface);
box-shadow:0 16px 32px -8px rgba(14,61,43,.08);
}
.home-hero__call-top{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.9rem; }
.home-hero__status,
.home-hero__verified{ display:inline-flex; align-items:center; gap:.4rem; font-size:.75rem; font-weight:700; }
.home-hero__status{ padding:.3rem .7rem; border-radius:var(--hr-pill); background:var(--hr-mint-100); color:var(--hr-green); }
.home-hero__status--neutral{ background:var(--hr-mint-50); color:var(--hr-muted); }
.home-hero__status-dot{ width:.375rem; height:.375rem; border-radius:50%; background:currentColor; }
.home-hero__verified{ color:var(--hr-green); }
.home-hero__call-title{ margin:0 0 .3rem; color:var(--hr-ink); font-size:1.0625rem; font-weight:700; line-height:1.3; }
.home-hero__call-institution,
.home-hero__call-country{ margin:0 0 1rem; color:var(--hr-muted); font-size:.84375rem; }
.home-hero__call-country,
.home-hero__call-updated{ margin-top:-.5rem; font-size:.78125rem; font-weight:600; }
.home-hero__call-updated{ margin-bottom:1rem; color:var(--hr-muted-2); }
.home-hero__deadline{ display:flex; align-items:center; gap:.5rem; padding-bottom:.875rem; border-bottom:1px dashed var(--hr-border-2); color:var(--hr-text); font-size:.84375rem; }
.home-hero__detail-link{ display:flex; align-items:center; justify-content:center; gap:.45rem; margin-top:.875rem; padding:.75rem; border-radius:var(--hr-r); background:var(--hr-green); color:var(--hr-surface); font-size:.875rem; font-weight:600; text-decoration:none; }
.home-hero__detail-link:hover{ background:var(--hr-green-hover); color:var(--hr-surface); }
@media (max-width:991.98px){
.home-hero{ padding:4rem 1.5rem; }
.home-hero__grid{ grid-template-columns:1fr; gap:2rem; }
}
@media (max-width:575.98px){
.home-hero{ padding:3.25rem 1rem; }
.home-hero h1{ font-size:2rem; }
.home-hero__lead{ font-size:1rem; }
.home-search{ flex-direction:column; }
.home-search--discovery{ border-radius:var(--hr-r-lg); }
.home-active-calls{ padding:2.5rem 1rem .5rem; }
.home-active-calls__heading{ align-items:start; flex-direction:column; }
.home-active-calls__grid{ max-width:none; }
.home-search .btn{ width:100%; }
.home-hero__metrics{ gap:1rem; }
}
/* ===================================================================
STITCH CORPORATE MODERN THEME - 2026-07
Merkezi tokenların Django/Bootstrap bileşenlerine uygulama katmanı.
=================================================================== */
html{ overflow-x:hidden; scroll-behavior:smooth; }
body{ min-width:320px; overflow-x:hidden; }
body, .form-control, .form-select, .btn{ letter-spacing:0; }
:focus-visible{
outline:3px solid rgba(0,74,198,.28);
outline-offset:3px;
}
.container,
.home-metrics,
.site-footer__newsletter,
.site-footer__grid,
.site-footer__bottom{
width:min(100% - 2rem,var(--hr-container-max));
margin-inline:auto;
}
.site-header{
position:sticky;
top:0;
z-index:1030;
border-bottom:1px solid var(--hr-border);
background:rgba(255,255,255,.94);
box-shadow:0 1px 0 rgba(24,28,32,.02);
backdrop-filter:blur(16px);
}
.site-header .navbar{ min-height:80px; padding-block:.75rem; }
.site-header .navbar-brand img{ display:block; width:auto; height:34px; }
.site-header .navbar-nav{ gap:.55rem; }
.site-header .nav-link{
position:relative;
padding:.65rem .7rem !important;
color:var(--hr-muted);
font-size:.875rem;
font-weight:600;
}
.site-header .nav-link::after{
position:absolute;
right:.7rem;
bottom:.25rem;
left:.7rem;
height:2px;
border-radius:999px;
background:var(--hr-primary-bright);
content:"";
opacity:0;
transform:scaleX(.5);
transition:opacity .18s ease,transform .18s ease;
}
.site-header .nav-link:hover,
.site-header .nav-link.active{ color:var(--hr-primary); }
.site-header .nav-link.active::after{ opacity:1; transform:scaleX(1); }
.header-icon-button{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:1px solid transparent;
border-radius:var(--hr-r);
color:var(--hr-navy);
text-decoration:none;
transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.header-icon-button:hover{ border-color:var(--hr-border); background:var(--hr-mint-50); color:var(--hr-primary); }
.header-icon-button .badge{ position:absolute; top:1px; right:0; font-size:.6rem; }
.language-switcher{ border-color:var(--hr-border); background:var(--hr-mint-50); }
.language-switcher__item--active{ background:var(--hr-primary); color:#fff; }
.navbar-toggler{ width:42px; height:42px; border-color:var(--hr-border); border-radius:var(--hr-r); }
.site-header .offcanvas{ z-index:1045; background:var(--hr-surface); }
.site-header .offcanvas-body{ overflow-y:auto; }
.site-header .offcanvas .navbar-nav{ display:flex; flex-direction:column; gap:.25rem; }
.site-header .offcanvas .nav-link{ display:flex; min-height:48px; align-items:center; padding:.75rem .5rem !important; border-bottom:1px solid var(--hr-mint-50); }
.btn-primary{
border-color:transparent;
background:linear-gradient(105deg,var(--hr-primary-bright),var(--hr-violet));
box-shadow:0 8px 18px rgba(0,74,198,.16);
}
.btn-primary:hover{
border-color:transparent;
background:linear-gradient(105deg,var(--hr-primary),#9146df);
box-shadow:0 12px 26px rgba(0,74,198,.22);
}
.btn-outline-primary{ --bs-btn-color:var(--hr-primary); --bs-btn-border-color:var(--hr-primary); }
.home-hero{
position:relative;
padding:4.75rem 1.5rem 4rem;
border-bottom:0;
background:var(--hr-page-bg);
}
.home-hero__grid{
grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
gap:clamp(2rem,5vw,5.5rem);
}
.home-hero__content{ align-self:center; }
.home-hero__eyebrow{
margin-bottom:1.25rem;
border-color:rgba(0,74,198,.18);
background:rgba(219,225,255,.45);
color:var(--hr-primary);
letter-spacing:0;
}
.home-hero h1{
max-width:43rem;
font-size:clamp(2.5rem,5vw,4rem);
line-height:1.05;
}
.home-hero h1 span{ color:var(--hr-primary); }
.home-hero h1 .home-hero__handwritten{
display:inline-block;
color:var(--hr-primary);
font-family:"Caveat","Segoe Print",cursive;
font-size:1.16em;
font-weight:600;
letter-spacing:0;
line-height:.86;
padding-inline:.08em;
transform:rotate(-3deg);
}
.home-hero__lead{ max-width:39rem; margin:1.25rem 0 1.6rem; }
.home-search--discovery{
width:min(100%,42rem);
max-width:none;
padding:.45rem;
border-color:var(--hr-border);
border-radius:var(--hr-r);
box-shadow:0 12px 30px rgba(0,62,168,.09);
}
.home-search--discovery .btn{ display:inline-flex; align-items:center; gap:.45rem; min-height:48px; }
.home-popular-searches{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:.5rem;
margin-top:1rem;
color:var(--hr-muted-2);
font-size:.75rem;
}
.home-popular-searches a{
padding:.3rem .65rem;
border-radius:999px;
background:var(--hr-mint-50);
color:var(--hr-primary);
text-decoration:none;
}
.home-popular-searches a:hover{ background:#DBE1FF; }
.home-hero__call{
position:relative;
overflow:hidden;
padding:2rem;
border-color:var(--hr-border);
border-radius:var(--hr-r-xl);
box-shadow:0 22px 50px rgba(0,62,168,.13);
}
.home-hero__call::before{
position:absolute;
top:0;
right:0;
left:0;
height:4px;
background:linear-gradient(90deg,var(--hr-cyan),var(--hr-primary-bright),var(--hr-violet));
content:"";
}
.home-hero__featured-label{
padding:.35rem .7rem;
border-radius:999px;
background:rgba(168,85,247,.1);
color:var(--hr-violet);
font-size:.75rem;
font-weight:700;
}
.home-hero__call-program{ margin:0 0 .45rem; color:var(--hr-violet); font-size:.78rem; font-weight:700; }
.home-hero__call-title{ margin-bottom:.65rem; font-size:clamp(1.35rem,2vw,1.75rem); }
.home-hero__call-institution{ min-height:3rem; margin:0 0 1.25rem; line-height:1.5; }
.home-hero__call-meta{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:0; padding:1rem 0; border-block:1px solid var(--hr-border); }
.home-hero__call-meta dt{ color:var(--hr-muted-2); font-size:.7rem; font-weight:700; text-transform:uppercase; }
.home-hero__call-meta dd{ margin:0; color:var(--hr-ink); font-weight:700; }
.home-hero__detail-link{ margin-top:1.25rem; border-radius:var(--hr-r); background:linear-gradient(105deg,var(--hr-primary-bright),var(--hr-violet)); }
.home-hero__detail-link:hover{ background:linear-gradient(105deg,var(--hr-primary),#9146df); }
.home-hero__call--empty{ display:grid; min-height:320px; align-content:center; }
.home-metrics{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1rem;
padding-block:1.5rem;
}
.home-metrics > div{
display:grid;
grid-template-columns:auto 1fr;
align-items:center;
gap:.25rem .75rem;
min-height:86px;
padding:1.1rem 1.25rem;
border:1px solid var(--hr-border);
border-radius:var(--hr-r);
background:var(--hr-surface);
}
.home-metrics strong{ grid-row:1 / 3; color:var(--hr-primary); font-size:1.55rem; }
.home-metrics span{ color:var(--hr-muted); font-size:.8rem; }
.quick-start-grid{ grid-template-columns:repeat(5,1fr); }
.quick-start-card,
.institution-card,
.call-card,
.blog-card,
.match-card{
border:1px solid var(--hr-border);
box-shadow:none;
}
.quick-start-card{ min-height:190px; border-radius:var(--hr-r); }
.quick-start-card__icon{ background:#DBE1FF !important; color:var(--hr-primary) !important; }
.call-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.call-card{ border-color:var(--hr-border); border-radius:var(--hr-r); box-shadow:none; }
.call-card:hover{ border-color:rgba(0,74,198,.42); box-shadow:0 14px 30px rgba(0,62,168,.1); }
.call-card__link:focus-visible{ outline-color:var(--hr-primary); }
.quality-badge--source,
.quality-badge--verified{ background:#DBE1FF; color:var(--hr-primary); }
.deadline-status-badge--open{ background:var(--hr-mint-100); color:var(--hr-success); }
.call-card__tag{ background:var(--hr-mint-50); color:var(--hr-muted); }
.page-intro{ background:var(--hr-page-bg); border-color:var(--hr-border); }
.filter-sidebar{ border:1px solid var(--hr-border); border-radius:var(--hr-r); box-shadow:none; }
.active-filter-chip{ border:1px solid rgba(0,74,198,.18); background:#DBE1FF; color:var(--hr-primary); }
.empty-state{ border-color:var(--hr-border-2); background:var(--hr-surface); }
.call-detail-layout{ grid-template-columns:minmax(0,1fr) 320px; }
.call-info-card{ grid-column:2; grid-row:1; border:1px solid var(--hr-border); border-radius:var(--hr-r); box-shadow:none; }
.call-detail-content{ grid-column:1; grid-row:1; max-width:none; }
.call-detail-content > section,
.source-verification-box{
padding:1.5rem;
border:1px solid var(--hr-border);
border-radius:var(--hr-r);
background:var(--hr-surface);
}
.verify-banner::before{ width:10px; height:10px; border-radius:50%; background:var(--hr-success); content:""; }
.source-verification-box{ border-left:4px solid var(--hr-success); box-shadow:none; }
.source-meta--boxed{ background:var(--hr-mint-50); }
.site-footer{
margin-top:3.5rem;
border-top:4px solid var(--hr-violet);
background:var(--hr-navy);
color:rgba(255,255,255,.72);
}
.site-footer__newsletter{
display:flex;
align-items:center;
justify-content:space-between;
gap:1.5rem;
padding:1.5rem;
border-bottom:1px solid rgba(255,255,255,.12);
background:rgba(37,99,235,.12);
}
.site-footer__newsletter-copy{ display:flex; align-items:center; gap:1rem; }
.site-footer__newsletter-icon{ display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(34,211,238,.3); border-radius:50%; color:var(--hr-cyan); }
.site-footer__newsletter h2{ margin:0; color:#fff; font-size:1.25rem; }
.site-footer__newsletter p{ margin:.2rem 0 0; font-size:.85rem; }
.site-footer__grid{ display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:3rem; padding-block:3rem; }
.site-footer__brand img{ display:block; max-width:160px; width:auto; object-fit:contain; filter:brightness(0) invert(1); }
.site-footer__brand p{ max-width:19rem; margin:1rem 0 0; font-size:.875rem; line-height:1.65; }
.site-footer__veor{ display:inline-flex; margin-top:.85rem; color:var(--hr-cyan); font-size:.8rem; font-weight:700; text-decoration:none; }
.site-footer nav{ display:flex; flex-direction:column; gap:.6rem; }
.site-footer nav h2{ margin:0 0 .4rem; color:var(--hr-cyan); font-size:.8rem; font-weight:700; text-transform:uppercase; }
.site-footer nav a{ color:rgba(255,255,255,.72); font-size:.85rem; text-decoration:none; }
.site-footer nav a:hover{ color:#fff; }
.site-footer__bottom{ display:flex; justify-content:space-between; gap:1rem; padding-block:1.25rem; border-top:1px solid rgba(255,255,255,.12); font-size:.75rem; }
@media (max-width:991.98px){
.site-header .navbar{ min-height:68px; }
.home-hero{ padding-block:3.5rem; }
.home-hero__grid{ grid-template-columns:1fr; }
.home-hero__call{ max-width:38rem; }
.home-metrics{ grid-template-columns:repeat(2,1fr); }
.quick-start-grid{ grid-template-columns:repeat(3,1fr); }
.call-detail-layout{ grid-template-columns:1fr; }
.call-info-card,.call-detail-content{ grid-column:1; grid-row:auto; }
.call-info-card{ position:static; }
.site-footer__grid{ grid-template-columns:1.5fr repeat(2,1fr); }
}
@media (max-width:767.98px){
.home-hero{ padding:2.75rem 1rem; }
.home-hero h1{ font-size:2.5rem; }
.home-metrics{ width:min(100% - 2rem,var(--hr-container-max)); }
.quick-start-grid{ grid-template-columns:repeat(2,1fr); }
.site-footer__newsletter{ align-items:stretch; flex-direction:column; min-width:0; }
.site-footer__newsletter-copy{ align-items:flex-start; min-width:0; width:100%; }
.site-footer__newsletter-copy > div{ min-width:0; }
.site-footer__newsletter h2,.site-footer__newsletter p{ overflow-wrap:anywhere; }
.site-footer__newsletter .btn{ width:100%; }
.site-footer__grid{ grid-template-columns:1fr 1fr; gap:2rem; }
.site-footer__brand{ grid-column:1 / -1; }
.source-verification-box dl{ grid-template-columns:1fr; }
}
@media (max-width:575.98px){
.container,.home-metrics,.site-footer__newsletter,.site-footer__grid,.site-footer__bottom{ width:min(100% - 2rem,var(--hr-container-max)); }
.site-header .navbar-brand img{ height:30px; }
.language-switcher{ display:none; }
.home-hero h1{ font-size:2.15rem; }
.home-search--discovery{ flex-direction:column; padding:.5rem; }
.home-search__field{ min-height:50px; }
.home-popular-searches{ align-items:flex-start; }
.home-hero__call{ padding:1.4rem; }
.home-hero__call-meta{ grid-template-columns:1fr; }
.home-metrics{ grid-template-columns:1fr; }
.home-metrics > div{ min-height:72px; }
.quick-start-grid,.call-grid,.institution-grid,.blog-grid{ grid-template-columns:1fr; }
.quick-start-card{ min-height:0; }
.site-footer__grid{ grid-template-columns:1fr; }
.site-footer__brand{ grid-column:auto; }
.site-footer__bottom{ flex-direction:column; }
}
.section-heading{
display:flex; align-items:baseline; justify-content:space-between;
gap:1rem; margin-bottom:1.1rem;
}
.section-heading a{
font-size:.9rem; font-weight:600; color:var(--hr-green); text-decoration:none;
display:inline-flex; align-items:center; gap:.35rem;
}
.section-heading a::after{ content:"→"; transition:transform .2s ease; }
.section-heading a:hover::after{ transform:translateX(4px); }
/* ----------------------------- HIZLI BAŞLANGIÇ ----------------------------- */
.quick-start-grid{
display:grid; grid-template-columns:repeat(4,1fr); gap:1rem;
}
.quick-start-card{
display:flex; flex-direction:column; gap:.4rem;
background:var(--hr-surface); border-radius:var(--hr-r-lg);
padding:1.25rem; text-decoration:none; color:var(--hr-ink);
font-weight:700; box-shadow:var(--hr-shadow-sm);
transition:transform .18s var(--hr-ease), box-shadow .22s ease;
}
.quick-start-card__icon{
align-items:center; align-self:flex-start; display:inline-flex; justify-content:center;
width:42px; height:42px; border-radius:12px; flex:0 0 42px;
}
.home-section{ width:min(100% - 2rem,1200px); margin:0 auto; padding:2.5rem 0 .5rem; }
.section-kicker{ margin:0 0 1.15rem; color:var(--hr-muted-2); font-size:.78rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.quick-start-card > strong{ color:var(--hr-ink); font-size:.95rem; }
.quick-start-card__description{ color:var(--hr-muted); font-size:.8rem; font-weight:400; line-height:1.45; }
.home-hero__actions{ display:flex; flex-wrap:wrap; gap:.75rem; margin:1.4rem 0; }
.home-hero__actions .btn{ min-height:48px; }
.home-workflow{ display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:2rem; padding-top:3.5rem; }
.home-workflow__heading h2{ color:var(--hr-ink); font-size:clamp(1.8rem,3vw,2.5rem); line-height:1.14; }
.home-workflow__heading p:not(.section-kicker){ color:var(--hr-muted); line-height:1.6; }
.home-workflow__steps{ display:grid; gap:.75rem; list-style:none; margin:0; padding:0; }
.home-workflow__steps li{ display:flex; gap:.85rem; padding:1rem; border:1px solid var(--hr-border); border-radius:var(--hr-r); background:var(--hr-surface); }
.home-workflow__steps > li > span{ display:grid; flex:0 0 32px; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--hr-mint-100); color:var(--hr-primary); font-size:.82rem; font-weight:800; }
.home-workflow__steps h3{ margin:0; color:var(--hr-ink); font-size:.96rem; }
.home-workflow__steps p{ margin:.22rem 0 0; color:var(--hr-muted); font-size:.86rem; line-height:1.45; }
/* ----------------------------- ÇAĞRI KARTLARI ----------------------------- */
.call-grid{
display:grid; grid-template-columns:repeat(3,1fr); gap:1.15rem;
}
.call-card{
display:flex; flex-direction:column;
min-width:0;
background:var(--hr-surface); border:1px solid #D3D1C7; border-radius:12px;
padding:1rem 1.25rem; box-shadow:var(--hr-shadow);
cursor:pointer;
position:relative;
transition:transform .18s var(--hr-ease), box-shadow .22s ease;
}
.call-card__link{
border-radius:inherit;
inset:0;
position:absolute;
z-index:1;
}
.call-card__link:focus-visible{
outline:3px solid var(--hr-green);
outline-offset:4px;
}
.call-card--closed{ opacity:.7; }
.call-card h3, .call-card .h6{
font-size:15px; line-height:1.35; font-weight:500; color:var(--hr-ink);
margin:0 0 .35rem;
overflow-wrap:anywhere;
word-break:break-word;
}
.call-card__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.8rem; }
.call-quality-badges{
display:flex; flex-wrap:wrap; gap:.35rem; margin:0 0 .8rem;
}
.quality-badge{
border-radius:var(--hr-pill); font-size:11.5px; font-weight:700;
line-height:1.2; padding:3px 8px;
}
.quality-badge--source,
.quality-badge--verified{ background:var(--hr-mint-100); color:var(--hr-green); }
.quality-badge--new{ background:var(--hr-slate-bg); color:var(--hr-slate); }
.quality-badge--review{ background:var(--hr-amber-bg); color:var(--hr-amber); }
.call-card__inst{ font-size:13px; color:#5F5E5A; margin:0 0 .8rem; }
.call-card__summary{ margin:0 0 .85rem; color:var(--hr-muted); font-size:.83rem; line-height:1.5; }
.call-card__inst{ overflow-wrap:anywhere; word-break:break-word; }
.call-card__tags{ display:flex; flex-wrap:wrap; gap:.45rem; margin-bottom:.95rem; }
.call-card__tag{
background:#F1EFE8; color:#5F5E5A;
font-size:12px; padding:3px 10px; border-radius:20px;
}
.call-card__deadline{
display:flex; align-items:center; gap:.5rem;
font-size:13px; color:#5F5E5A; margin-bottom:.95rem;
}
.call-card__verify{
display:flex; align-items:center; gap:.45rem;
border-top:.5px solid #D3D1C7; margin-top:auto; padding-top:.8rem;
font-size:12px; color:#888780;
}
.call-card__verify svg{ flex:none; }
/* Durum rozeti */
.status-badge{
display:inline-flex; align-items:center; gap:.4rem;
font-size:.75rem; font-weight:700; padding:.3rem .68rem; border-radius:var(--hr-pill);
}
.status-badge::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.status-badge--open{ background:var(--hr-mint-100); color:var(--hr-green); }
.status-badge--closing{ background:var(--hr-amber-bg); color:var(--hr-amber); }
.status-badge--upcoming{ background:var(--hr-slate-bg); color:var(--hr-slate); }
.status-badge--closed{ background:var(--hr-mint-50); color:var(--hr-muted); }
/* Çağrı kartı son tarih/durum rozeti */
.deadline-status-badge{
display:inline-flex; align-items:center;
font-size:12px; font-weight:500; padding:3px 10px; border-radius:20px;
}
.deadline-status-badge--closed{ background:#F1EFE8; color:#5F5E5A; }
.deadline-status-badge--urgent{ background:#FCEBEB; color:#A32D2D; }
.deadline-status-badge--open{ background:#EAF3DE; color:#3B6D11; }
/* Gün-kalan rozeti */
.deadline-badge{
margin-left:auto; font-size:.75rem; font-weight:700;
padding:.18rem .56rem; border-radius:var(--hr-pill);
background:var(--hr-amber-bg); color:var(--hr-amber);
}
.deadline-badge--urgent{ background:var(--hr-red-bg); color:var(--hr-red); }
/* Favori (yer imi) ikonu */
.favorite-toggle{
align-items:center; background:none; border:0; color:#888780; cursor:pointer;
display:inline-flex; justify-content:center; line-height:0; min-height:32px;
min-width:32px; padding:0; position:relative; transition:transform .18s ease, color .18s ease;
z-index:2;
}
.favorite-toggle:hover{ color:#E24B4A; transform:scale(1.18); }
.favorite-toggle[aria-pressed="true"]{ color:#E24B4A; }
.favorite-toggle__icon--filled{ display:none; }
.favorite-toggle[aria-pressed="true"] .favorite-toggle__icon--outline{ display:none; }
.favorite-toggle[aria-pressed="true"] .favorite-toggle__icon--filled{ display:block; }
/* ----------------------------- KURUMLAR ----------------------------- */
.institution-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.15rem; }
.institution-card{
display:flex; align-items:center; gap:.95rem;
background:var(--hr-surface); border-radius:var(--hr-r-lg);
padding:1.35rem; box-shadow:var(--hr-shadow-sm);
transition:transform .18s var(--hr-ease), box-shadow .22s ease;
}
.institution-card a{ color:var(--hr-ink); text-decoration:none; }
.institution-card__logo{
flex:none; width:56px; height:56px; aspect-ratio:1; box-sizing:border-box; border-radius:13px;
background:var(--hr-green); color:#fff;
overflow:hidden;
display:grid; place-items:center; font-weight:800; font-size:1.05rem;
}
.institution-card__logo--image{
background:#fff;
border:1px solid var(--hr-border);
padding:.3rem;
}
.institution-card__logo img{
display:block;
aspect-ratio:1;
height:100%;
max-width:100%;
object-fit:contain;
object-position:center;
width:100%;
}
/* ----------------------------- E-BÜLTEN BANDI ----------------------------- */
.newsletter-band{
background:var(--hr-green-dark); color:#fff;
border-radius:var(--hr-r-2xl); padding:2.4rem;
}
.newsletter-band h2{ color:#fff; font-weight:800; }
.newsletter-band .text-secondary{ color:#A9CDBB !important; }
.newsletter-band .btn-outline-primary{
--bs-btn-color:#fff; --bs-btn-border-color:rgba(255,255,255,.5);
--bs-btn-hover-bg:#fff; --bs-btn-hover-color:var(--hr-green-dark);
--bs-btn-hover-border-color:#fff;
}
/* ----------------------------- ÇAĞRI LİSTESİ DÜZENİ ----------------------------- */
.call-list-layout{ display:grid; grid-template-columns:280px 1fr; gap:1.75rem; align-items:start; }
.filter-sidebar{
background:var(--hr-surface); border-radius:var(--hr-r-lg);
padding:1.4rem; box-shadow:var(--hr-shadow-sm);
position:sticky; top:1rem;
}
.filter-sidebar h3, .filter-group__title{
font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
color:var(--hr-muted-2); margin:1.1rem 0 .4rem;
}
.filter-sidebar .form-check-input{ --bs-form-check-bg:#fff; }
.filter-sidebar .form-check-input:checked{ background-color:var(--hr-green); border-color:var(--hr-green); }
.filter-help{ color:var(--hr-muted); font-size:.78rem; line-height:1.4; margin:0 0 .7rem; }
.call-keyword-group{ margin-top:.85rem; }
.call-keyword-group__title{
color:var(--hr-muted); font-size:.75rem; font-weight:700; margin-bottom:.45rem;
}
.call-keyword-grid{ display:flex; flex-wrap:wrap; gap:.45rem; }
.list-toolbar{
display:flex; align-items:center; justify-content:space-between;
gap:.75rem; margin-bottom:1rem;
}
.search-field{ flex:1; }
.list-toolbar .form-select{ width:auto; border-color:var(--hr-border-2); border-radius:var(--hr-r); }
.active-filter-list{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.1rem; }
.active-filter-chip{
display:inline-flex; align-items:center; gap:.45rem;
background:var(--hr-mint-100); color:var(--hr-green);
font-size:.78rem; font-weight:600; padding:.35rem .68rem;
border-radius:var(--hr-pill); text-decoration:none;
transition:filter .18s ease, transform .18s ease;
}
.active-filter-chip:hover{ filter:brightness(.95); }
.pagination-nav{
display:flex; align-items:center; justify-content:center; gap:1rem; margin-top:1.9rem; min-width:0; max-width:100%;
}
.pagination-nav > *{ min-width:0; }
.empty-state{
background:var(--hr-surface); border:1px dashed var(--hr-border-2);
border-radius:var(--hr-r-lg); padding:2.5rem; text-align:center;
}
/* ----------------------------- DETAY DÜZENİ ----------------------------- */
.call-detail-header{
display:flex; align-items:flex-start; justify-content:space-between;
gap:1.75rem; flex-wrap:wrap;
}
.call-detail-header h1{ font-weight:800; letter-spacing:-.02em; }
.call-detail-actions{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.call-detail-layout{ display:grid; grid-template-columns:320px 1fr; gap:2rem; align-items:start; }
.call-info-card{
background:var(--hr-surface); border-radius:var(--hr-r-lg);
padding:1.4rem; box-shadow:var(--hr-shadow-sm);
position:sticky; top:1rem;
}
.call-meta, .source-meta{ margin:0; }
.call-meta > div, .source-meta > div{
padding:.9rem 0; border-top:1px solid var(--hr-mint-50);
}
.call-meta > div:first-child, .source-meta > div:first-child{ border-top:0; padding-top:0; }
.call-meta dt, .source-meta dt{
font-size:.78rem; color:var(--hr-muted-2); margin-bottom:.15rem; font-weight:400;
}
.call-meta dd, .source-meta dd{
font-size:.88rem; color:var(--hr-ink); font-weight:500; margin:0;
}
.call-detail-content{ max-width:760px; }
.call-detail-content section{ margin-bottom:1.6rem; }
.call-detail-content h2{ font-size:1.2rem; font-weight:700; margin:0 0 .55rem; }
.call-detail-content p{ font-size:1rem; line-height:1.65; color:var(--hr-text); margin:0; }
.call-detail-content ul{ font-size:1rem; line-height:1.9; }
/* Doğrulama bandı (detayın üstüne yerleştirin) */
.verify-banner{
display:flex; align-items:center; gap:.55rem;
background:var(--hr-mint-100); border:1px solid var(--hr-mint-border);
border-radius:var(--hr-r); padding:.8rem 1rem; margin-bottom:1.6rem;
font-size:.88rem; color:var(--hr-ink);
}
.verify-banner::before{ content:"🛡"; } /* dilerseniz SVG ile değiştirin */
.verify-banner--warning{
background:var(--hr-amber-bg); border-color:#F5D6AA; color:var(--hr-amber);
}
.source-verification-box{
background:var(--hr-surface); border:1px solid var(--hr-mint-border);
border-radius:var(--hr-r-lg); box-shadow:var(--hr-shadow-sm);
margin-bottom:1.4rem; padding:1.15rem;
}
.source-verification-box h2{ font-size:1.05rem; margin:0 0 .35rem; }
.source-verification-box p{ color:var(--hr-muted); margin:0 0 1rem; }
.source-verification-box dl{
display:grid; gap:.75rem; grid-template-columns:repeat(3,1fr);
margin:0 0 1rem;
}
.source-verification-box dt{
color:var(--hr-muted-2); font-size:.76rem; font-weight:700;
letter-spacing:.03em; text-transform:uppercase;
}
.source-verification-box dd{ color:var(--hr-ink); font-weight:700; margin:0; }
/* Veri kaynağı kutusu */
.source-meta--boxed{
background:var(--hr-mint-50); border-radius:var(--hr-r-lg);
padding:1.4rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem;
}
.source-meta--boxed > div{ border:0; padding:0; }
.source-meta--boxed dd:last-child{ color:var(--hr-green); font-weight:700; }
/* ----------------------------- DAĞILIM ----------------------------- */
.distribution-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.15rem; }
.distribution-list{
list-style:none; margin:0; padding:0;
background:var(--hr-surface); border-radius:var(--hr-r-lg);
padding:1.4rem; box-shadow:var(--hr-shadow-sm);
}
.distribution-list li{
display:flex; align-items:center; justify-content:space-between;
font-size:.9rem; color:var(--hr-text); padding:.5rem 0;
}
.distribution-list li span{ font-weight:700; color:var(--hr-ink); }
/* ----------------------------- BLOG / REHBER ----------------------------- */
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
.guide-search{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:.75rem;
margin:0 0 1rem;
}
.guide-search input{
width:100%;
border:1px solid var(--hr-border);
border-radius:var(--hr-r-lg);
padding:.8rem 1rem;
color:var(--hr-ink);
background:var(--hr-surface);
}
.guide-featured{ margin:1.6rem 0 2rem; }
.guide-recent{ margin-top:1.4rem; }
.guide-all{ margin-top:2.5rem; }
.guide-all .section-kicker{ margin-bottom:1rem; }
.blog-card--featured{ min-height:100%; }
.blog-card__meta{
margin:0 0 .55rem;
font-size:.75rem;
color:var(--hr-green);
font-weight:700;
letter-spacing:.02em;
}
.blog-tag-list{ display:flex; flex-wrap:wrap; gap:.35rem; margin:0 0 .75rem; }
.blog-tag{
display:inline-flex;
align-items:center;
border-radius:999px;
background:var(--hr-soft);
color:var(--hr-muted);
font-size:.74rem;
font-weight:700;
line-height:1;
padding:.28rem .65rem;
}
.blog-card{
display:flex; flex-direction:column; overflow:hidden;
background:var(--hr-surface); border-radius:var(--hr-r-xl); box-shadow:var(--hr-shadow);
transition:transform .18s var(--hr-ease), box-shadow .22s ease;
}
.blog-card > :not(.blog-cover){ padding-inline:1.25rem; }
.blog-card h2, .blog-card .h5{ font-size:1.05rem; line-height:1.32; font-weight:700; margin:0 0 .5rem; }
.blog-card h2 a, .blog-card .h5 a{ color:var(--hr-ink); text-decoration:none; }
.blog-cover{ width:100%; height:150px; object-fit:cover; }
.blog-cover--fallback{ display:grid; place-items:center; background:var(--hr-navy); }
.blog-card__body{ display:flex; flex:1; flex-direction:column; padding:1.25rem; }
.blog-card__excerpt{ flex:1; margin:0 0 1rem; color:var(--hr-muted); font-size:.85rem; line-height:1.55; }
.blog-byline{
display:flex; justify-content:space-between;
font-size:.78rem; color:var(--hr-muted-2);
border-top:1px solid var(--hr-mint-50); padding:.8rem 1.25rem; margin-top:auto;
}
.blog-article .blog-content{ max-width:760px; margin:0 auto; }
.blog-detail-hero{
padding:2rem 0 3.25rem;
background:var(--hr-mint-50);
border-bottom:1px solid var(--hr-border);
}
.blog-detail-hero__content{ max-width:820px; margin:2rem auto 0; }
.breadcrumb{ display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; margin:0; color:var(--hr-muted); font-size:.84rem; }
.breadcrumb a{ color:var(--hr-green); text-decoration:none; font-weight:700; }
.breadcrumb a:hover{ text-decoration:underline; }
.breadcrumb span[aria-current="page"]{ overflow-wrap:anywhere; }
.blog-detail-hero h1{ margin:0 0 1rem; color:var(--hr-ink); font-size:clamp(2rem,4.2vw,3.7rem); line-height:1.08; letter-spacing:-.02em; }
.blog-detail-hero__excerpt{ max-width:700px; margin:0 0 1.4rem; color:var(--hr-muted); font-size:1.1rem; line-height:1.6; }
.blog-detail-byline{ display:flex; align-items:center; flex-wrap:wrap; gap:.55rem; color:var(--hr-muted); font-size:.86rem; }
.blog-detail-byline__avatar{ display:grid; place-items:center; width:2.2rem; height:2.2rem; border-radius:50%; background:var(--hr-green); color:#fff; font-weight:800; }
.blog-article{ padding:3rem 0 5rem; }
.blog-article__layout{ display:grid; grid-template-columns:minmax(190px,240px) minmax(0,760px); justify-content:center; gap:3rem; align-items:start; }
.blog-article__aside{ position:sticky; top:1.25rem; min-width:0; }
.blog-article__aside .guide-share{ border-top:0; margin-top:1rem; padding-top:0; display:grid; justify-items:start; }
.blog-article__main{ min-width:0; }
.blog-article__main .blog-content{ max-width:none; }
.blog-figure figcaption{ margin-top:.6rem; color:var(--hr-muted-2); font-size:.8rem; }
.related-calls{ margin-top:3rem; }
.blog-content{ font-size:1rem; line-height:1.75; color:var(--hr-text); }
.blog-content h2{ font-size:1.3rem; font-weight:700; margin:1.9rem 0 .75rem; }
.blog-content blockquote{
background:var(--hr-mint-50); border-left:3px solid var(--hr-green);
border-radius:0 var(--hr-r) var(--hr-r) 0; padding:1rem 1.25rem; margin:1rem 0;
}
.blog-figure{ margin:0 0 2rem; }
.blog-cover-detail{ width:100%; border-radius:var(--hr-r-xl); }
.guide-toc{
border:1px solid var(--hr-border);
border-radius:var(--hr-r-lg);
background:var(--hr-mint-50);
padding:1rem;
margin:0 0 1.6rem;
}
.guide-toc h2{
margin:0 0 .65rem;
font-size:.9rem;
color:var(--hr-ink);
}
.guide-toc__link{
display:block;
color:var(--hr-muted);
font-size:.9rem;
text-decoration:none;
padding:.22rem 0;
}
.guide-toc__link--h3{ padding-left:.8rem; }
.guide-toc__link:hover{ color:var(--hr-green); }
.guide-share{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:.6rem;
border-top:1px solid var(--hr-border);
margin-top:2rem;
padding-top:1rem;
font-size:.85rem;
color:var(--hr-muted);
}
.guide-share a{
border:1px solid var(--hr-border);
border-radius:999px;
padding:.35rem .75rem;
color:var(--hr-green);
text-decoration:none;
font-weight:700;
}
.related-guides{ margin-top:2.2rem; }
.related-guides h2{ font-size:1.15rem; margin:0 0 1rem; }
.hero-search--compact{
display:flex;
flex-wrap:wrap;
gap:.75rem;
margin-top:1.4rem;
}
.seo-landing-content{ padding:2rem 0 3.5rem; }
/* ----------------------------- ANKET ----------------------------- */
.survey-layout{ display:grid; grid-template-columns:380px 1fr; gap:2rem; align-items:start; }
.survey-form{
background:var(--hr-surface); border-radius:var(--hr-r-xl);
padding:1.5rem; box-shadow:var(--hr-shadow); position:sticky; top:1rem;
}
.survey-form > div{ margin-bottom:1.1rem; }
.survey-form .btn-primary{ width:100%; }
.survey-step{
border-bottom:1px solid var(--hr-border); padding-bottom:1.1rem;
}
.survey-step:last-of-type{ border-bottom:0; padding-bottom:0; }
.survey-step__eyebrow{
color:var(--hr-green); font-size:.78rem; font-weight:800;
letter-spacing:.03em; margin-bottom:.45rem;
}
.survey-fieldset-title{
color:var(--hr-ink); font-size:.98rem; font-weight:700; margin-bottom:.2rem;
}
.survey-help{ color:var(--hr-muted); font-size:.82rem; line-height:1.45; margin-bottom:.75rem; }
.survey-keyword-group{ margin-top:.9rem; }
.survey-keyword-group__title{
color:var(--hr-muted); font-size:.78rem; font-weight:700; margin-bottom:.45rem;
}
.survey-keyword-grid{ display:flex; flex-wrap:wrap; gap:.5rem; }
.survey-keyword-input{
position:absolute; inline-size:1px; block-size:1px; overflow:hidden;
clip:rect(0 0 0 0); white-space:nowrap; clip-path:inset(50%);
}
.survey-keyword-chip{
border:1px solid var(--hr-border-2); border-radius:var(--hr-pill);
color:var(--hr-ink); cursor:pointer; font-size:.8rem; font-weight:700;
padding:.38rem .75rem; transition:background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.survey-keyword-chip:hover{ transform:translateY(-1px); border-color:var(--hr-green); }
.survey-keyword-input:checked + .survey-keyword-chip{
background:var(--hr-mint-100); border-color:var(--hr-green); color:var(--hr-green);
}
.survey-keyword-input:focus-visible + .survey-keyword-chip{
outline:3px solid rgba(21,135,92,.22); outline-offset:2px;
}
.survey-field-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.85rem; }
.survey-advanced-filters{
border:1px solid var(--hr-border); border-radius:var(--hr-r-md); margin-bottom:1.1rem; padding:.85rem;
}
.survey-advanced-filters summary{ color:var(--hr-ink); cursor:pointer; font-size:.9rem; font-weight:700; }
.survey-advanced-filters[open] summary{ margin-bottom:.75rem; }
.match-card{
background:var(--hr-surface); border-radius:var(--hr-r-xl);
padding:1.4rem; box-shadow:var(--hr-shadow); margin-bottom:1rem;
}
.match-card__score{
flex:none; width:62px; height:62px; border-radius:14px;
background:var(--hr-mint-100); color:var(--hr-green);
display:grid; place-items:center; font-weight:800; font-size:1.25rem;
}
.match-card__reasons li{ display:flex; align-items:center; gap:.55rem; }
.match-card__reasons li::before{ content:"✓"; color:var(--hr-green); font-weight:800; }
.match-card__meta{ display:grid; gap:.75rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin:1rem 0 0; }
.match-card__meta div{ border-top:1px solid var(--hr-border); padding-top:.7rem; }
.match-card__meta dt{ color:var(--hr-muted); font-size:.75rem; font-weight:700; }
.match-card__meta dd{ color:var(--hr-ink); font-size:.9rem; font-weight:700; margin:.2rem 0 0; }
.match-card__reason-title{ color:var(--hr-ink); font-size:.86rem; font-weight:700; margin:1rem 0 -.55rem; }
.match-card__actions{ display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.1rem; }
/* ----------------------------- İLETİŞİM ----------------------------- */
.contact-hero{
background:var(--hr-green-dark);
color:var(--hr-surface);
padding:3rem 2rem 2.5rem;
}
.contact-hero__inner{
max-width:1200px;
margin:0 auto;
}
.contact-hero__eyebrow,
.contact-info-panel__eyebrow{
color:var(--hr-mint-200);
font-size:.78rem;
font-weight:800;
letter-spacing:.08em;
margin:0 0 .75rem;
text-transform:uppercase;
}
.contact-hero h1,
.contact-info-panel h2,
.contact-form__header h2{
font-weight:800;
letter-spacing:-.02em;
margin:0;
}
.contact-hero h1{
color:var(--hr-surface) !important;
font-size:clamp(2rem, 4vw, 3.5rem);
}
.contact-hero p:not(.contact-hero__eyebrow){
color:rgba(255,255,255,.78);
font-size:1.05rem;
line-height:1.65;
margin:.85rem 0 0;
max-width:680px;
}
.contact-section{
padding:2.5rem 2rem 4rem;
}
.contact-form{
background:var(--hr-surface);
border:1px solid var(--hr-border);
border-radius:var(--hr-r-xl);
box-shadow:var(--hr-shadow);
padding:1.8rem;
}
.contact-layout{
display:grid;
grid-template-columns:minmax(280px, .78fr) minmax(0, 1.22fr);
gap:2rem;
align-items:start;
max-width:1200px;
margin:0 auto;
}
.contact-info-panel{
background:var(--hr-green-dark);
border-radius:var(--hr-r-xl);
color:var(--hr-surface);
padding:1.8rem;
}
.contact-info-panel h2{ color:var(--hr-surface) !important; }
.contact-info-panel p,
.contact-info-list dd,
.contact-social-box p{
color:rgba(255,255,255,.72);
line-height:1.62;
}
.contact-info-list{
display:grid;
gap:1rem;
margin:1.5rem 0;
}
.contact-info-list div{
border-top:1px solid rgba(255,255,255,.12);
padding-top:1rem;
}
.contact-info-list dt,
.contact-social-box h3{
color:var(--hr-surface);
font-size:.9rem;
font-weight:800;
margin:0 0 .25rem;
}
.contact-info-list dd{
font-size:.9rem;
margin:0;
}
.contact-info-list a{
color:var(--hr-mint-200);
font-weight:700;
}
.contact-social-box{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:var(--hr-r);
padding:1rem;
}
.contact-social-links{
display:flex;
flex-wrap:wrap;
gap:.6rem;
}
.contact-social-links a{
align-items:center;
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
color:var(--hr-mint-200);
display:inline-flex;
font-size:.86rem;
gap:.42rem;
font-weight:800;
padding:.45rem .8rem;
text-decoration:none;
}
.contact-social-links svg{ flex:none; }
.contact-social-links a:hover{
background:rgba(255,255,255,.1);
color:var(--hr-surface);
}
.contact-form__header{
margin-bottom:1.25rem;
}
.contact-form__header .contact-info-panel__eyebrow{ color:var(--hr-green); }
.contact-form__grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:1rem;
}
.contact-form__full{ grid-column:1 / -1; }
.contact-consent{
display:flex;
align-items:flex-start;
gap:.65rem;
color:var(--hr-muted);
cursor:pointer;
font-size:.88rem;
}
.contact-success{
align-items:center;
background:var(--hr-mint-100);
border:1px solid var(--hr-border-2);
border-radius:var(--hr-r);
color:var(--hr-ink);
display:flex;
gap:.6rem;
margin-bottom:1.25rem;
padding:.85rem 1rem;
}
.contact-success svg{ color:var(--hr-green); flex:none; }
.contact-submit{ margin-top:1.2rem; }
.contact-form textarea.form-control{
min-height:150px;
resize:vertical;
}
.correction-report-layout{
display:grid;
grid-template-columns:minmax(280px, .78fr) minmax(0, 1.22fr);
gap:2rem;
max-width:1200px;
margin:0 auto;
}
.correction-report-hero__breadcrumb{ margin-bottom:1.25rem; }
.correction-report-hero__breadcrumb a{ color:var(--hr-mint-200); }
.correction-report-call{
align-self:start;
background:var(--hr-mint-100);
border:1px solid var(--hr-mint-border);
border-radius:var(--hr-r-xl);
padding:1.8rem;
}
.correction-report-call .contact-info-panel__eyebrow{ color:var(--hr-green); }
.correction-report-call dl{ display:grid; gap:1rem; margin:1.25rem 0; }
.correction-report-call dl div{ border-top:1px solid var(--hr-mint-border); padding-top:1rem; }
.correction-report-call dt{ color:var(--hr-muted); font-size:.82rem; font-weight:800; margin-bottom:.25rem; }
.correction-report-call dd{ color:var(--hr-ink); font-weight:700; margin:0; overflow-wrap:anywhere; }
@media (max-width:575.98px){
.contact-hero{ padding:2.25rem 1.25rem 2rem; }
.contact-hero h1{ font-size:2.25rem; }
.contact-section{ padding:1.5rem 1.25rem 2.5rem; }
.contact-layout{ gap:1.25rem; }
.correction-report-layout{ grid-template-columns:1fr; gap:1.25rem; }
.contact-info-panel, .contact-form{ border-radius:var(--hr-r-lg); padding:1.25rem; }
.correction-report-call{ border-radius:var(--hr-r-lg); padding:1.25rem; }
.contact-form__header h2{ font-size:1.75rem; }
}
/* ----------------------------- FORM ELEMANLARI ----------------------------- */
.form-control, .form-select{
border:1px solid var(--hr-border-2); border-radius:var(--hr-r);
padding:.7rem .8rem; color:var(--hr-ink);
}
.form-control:focus, .form-select:focus{
border-color:var(--hr-green);
box-shadow:0 0 0 3px rgba(21,135,92,.15);
}
.form-control::placeholder{ color:var(--hr-muted-2); }
.form-label{ font-size:.85rem; font-weight:600; color:var(--hr-ink); margin-bottom:.4rem; }
/* Rozet (Bootstrap badge yumuşatma) */
.badge.text-bg-light{ border-radius:var(--hr-pill); padding:.35rem .68rem; font-weight:500; }
/* Uyarı kutuları */
.alert-success{ background:var(--hr-mint-100); border-color:var(--hr-mint-border); color:var(--hr-ink); border-radius:var(--hr-r); }
/* ===================================================================
HOVER & MİKRO-ETKİLEŞİMLER
Kullanıcının imleç yaklaşımında belirginleşen / büyüyen ögeler.
=================================================================== */
/* Genel butonlar: belirginleşir, hafif yükselir */
.btn:hover{ transform:translateY(-1px); filter:brightness(1.04); }
.btn:active{ transform:translateY(0) scale(.98); }
/* Birincil yeşil CTA'lar ("Resmi başvuru", "Ara", "Eşleşmeleri göster"...) BÜYÜR */
.btn-primary:hover{ transform:scale(1.05); box-shadow:0 12px 26px rgba(16,61,43,.30); }
.btn-primary:active{ transform:scale(1.02); }
/* Kartlar yukarı kalkar, gölgesi derinleşir */
.call-card:hover, .institution-card:hover, .blog-card:hover, .quick-start-card:hover{
transform:translateY(-4px); box-shadow:var(--hr-shadow-lg);
}
/* Erişilebilirlik: hareketi azalt tercihi */
@media (prefers-reduced-motion:reduce){
*{ transition:none !important; }
.btn:hover, .btn-primary:hover,
.call-card:hover, .institution-card:hover, .blog-card:hover, .quick-start-card:hover{
transform:none !important;
}
}
/* ----------------------------- DUYARLI (RESPONSIVE) ----------------------------- */
@media (max-width:991.98px){
.call-list-layout, .call-detail-layout, .survey-layout, .contact-layout{ grid-template-columns:1fr; }
.filter-sidebar, .call-info-card, .survey-form{ position:static; }
.survey-field-grid{ grid-template-columns:1fr; }
.match-card__meta{ grid-template-columns:1fr; }
.quick-start-grid, .institution-grid, .blog-grid{ grid-template-columns:repeat(2,1fr); }
.call-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:575.98px){
.quick-start-grid, .institution-grid, .blog-grid, .call-grid{ grid-template-columns:1fr; }
.guide-search{ grid-template-columns:1fr; }
.contact-form__grid{ grid-template-columns:1fr; }
.contact-section, .contact-hero{ padding-left:1.25rem; padding-right:1.25rem; }
.source-verification-box dl,
.source-meta--boxed{ grid-template-columns:1fr; }
.distribution-grid{ grid-template-columns:1fr; }
}
/* ===================================================================
DÜZELTMELER (Temmuz 2026)
=================================================================== */
/* Bootstrap .container kullanan sayfaları (çağrı detayı, anket, bülten,
hata) diğer sayfalardaki 1200px tasarım ızgarasına hizalar. */
@media (min-width:1200px){
.container{ max-width:1224px; }
}
/* Kart başlıkları: bağlantı görünümü yerine tasarımdaki koyu başlık */
.call-card h3 a{ color:inherit; text-decoration:none; }
.call-card h3 a:hover{ color:var(--hr-green); }
/* Ana sayfa hero ızgarası: satır içi 2 sütun tanımını mobilde tek
sütuna indirir (inline stil ancak !important ile aşılabilir). */
@media (max-width:991.98px){
.home-hero-grid{ grid-template-columns:1fr !important; gap:30px !important; }
}
@media (max-width:575.98px){
.home-hero-grid h1{ font-size:32px !important; }
main > section,
article > .page-intro,
article > section,
.site-footer{
padding-left:20px !important;
padding-right:20px !important;
}
}
/* Son katman: eski bileşen kurallarının Stitch düzenini ezmesini engeller. */
.quick-start-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); }
.quick-start-card{ min-height:190px; border:1px solid var(--hr-border); border-radius:var(--hr-r); box-shadow:none; }
.call-card{ border-color:var(--hr-border); border-radius:var(--hr-r); box-shadow:none; }
.filter-sidebar,.call-info-card{ border:1px solid var(--hr-border); border-radius:var(--hr-r); box-shadow:none; }
.call-detail-layout{ grid-template-columns:minmax(0,1fr) 320px; }
.call-info-card{ grid-column:2; grid-row:1; }
.call-detail-content{ grid-column:1; grid-row:1; max-width:none; }
.call-detail-content > section{ padding:1.5rem; border:1px solid var(--hr-border); border-radius:var(--hr-r); background:var(--hr-surface); }
.verify-banner::before{ width:10px; height:10px; border-radius:50%; background:var(--hr-success); content:""; }
@media (max-width:991.98px){
.quick-start-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.call-detail-layout{ grid-template-columns:1fr; }
.call-info-card,.call-detail-content{ grid-column:1; grid-row:auto; }
}
@media (max-width:767.98px){
.quick-start-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575.98px){
.quick-start-grid{ grid-template-columns:1fr; }
.quick-start-card{ min-height:0; }
}
/* Çağrı keşif ekranı */
.call-list-hero{ padding:4rem 0 3rem; background:var(--hr-page-bg); }
.call-list-hero__eyebrow{ margin:0 0 .75rem; color:var(--hr-violet); font-size:.75rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.call-list-hero__row{ display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.call-list-hero h1{ margin:0; font-size:clamp(2.25rem,4vw,3.5rem); font-weight:700; line-height:1.08; }
.call-list-hero p:not(.call-list-hero__eyebrow){ margin:.9rem 0 0; color:var(--hr-muted); font-size:1.1rem; }
.call-list-hero__row > span{ flex:none; padding:.55rem .85rem; border:1px solid var(--hr-border); border-radius:999px; background:#fff; color:var(--hr-muted); font-size:.85rem; }
.call-list-hero__row > span strong{ color:var(--hr-primary); }
.call-list-section{ position:relative; padding:0 0 4rem; }
.call-list-section::before{ position:absolute; inset:1.75rem 0 auto; height:280px; background:#EEF1FF; content:""; z-index:-1; }
.call-list-layout{ grid-template-columns:280px minmax(0,1fr); gap:1.75rem; }
.filter-sidebar{ top:96px; padding:1.4rem; background:rgba(255,255,255,.95); }
.filter-sidebar__heading{ display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }
.filter-sidebar__heading h2{ margin:0; font-size:1.3rem; }
.filter-sidebar__heading span{ display:grid; place-items:center; min-width:1.6rem; height:1.6rem; border-radius:999px; background:#DBE1FF; color:var(--hr-primary); font-size:.75rem; font-weight:800; }
.call-filter-form{ display:grid; gap:1rem; }
.call-filter-form > div:first-child{ margin-bottom:.15rem; }
.filter-section{ border-top:1px solid var(--hr-border); padding-top:.85rem; }
.filter-section summary{ color:var(--hr-ink); cursor:pointer; font-size:.86rem; font-weight:700; }
.filter-section[open] summary{ margin-bottom:.8rem; color:var(--hr-primary); }
.filter-section > div,.filter-section > fieldset{ margin-top:.75rem; }
.filter-section .form-label{ font-size:.78rem; }
.quick-filter-row{ display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
.filter-actions{ display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
.list-toolbar{ min-height:76px; padding:1rem; border:1px solid var(--hr-border); border-radius:var(--hr-r); background:rgba(255,255,255,.94); }
.sort-form{ display:flex; align-items:center; gap:.65rem; margin-left:auto; }
.sort-form label{ color:var(--hr-muted); font-size:.8rem; white-space:nowrap; }
.sort-form .form-select{ min-width:220px; }
.call-grid--list{ grid-template-columns:1fr; }
.call-grid--list .call-card{ min-height:220px; padding:1.5rem 1.75rem; border-width:2px; border-color:rgba(0,74,198,.2); }
.call-grid--list .call-card:hover{ border-color:var(--hr-primary-bright); }
.call-grid--list .call-card h3{ max-width:75%; font-size:1.35rem; font-weight:650; }
.call-grid--list .call-card__inst{ color:var(--hr-violet); font-weight:700; }
.pagination-nav span{ color:var(--hr-muted); font-size:.85rem; }
.empty-state{ grid-column:1 / -1; padding:3rem; }
.empty-state h2{ font-size:1.35rem; }
@media (max-width:991.98px){
.call-list-layout{ grid-template-columns:1fr; }
.call-list-section::before{ top:0; }
}
@media (max-width:575.98px){
.call-list-hero{ padding:2.5rem 0 2rem; }
.call-list-hero__row{ align-items:flex-start; flex-direction:column; gap:1rem; }
.call-list-hero h1{ font-size:2.25rem; }
.list-toolbar{ align-items:stretch; flex-direction:column; }
.sort-form{ width:100%; margin-left:0; }
.sort-form .form-select{ min-width:0; width:100%; }
.call-grid--list .call-card{ min-height:0; padding:1.15rem; }
.call-grid--list .call-card h3{ max-width:none; font-size:1.1rem; }
.pagination-nav{ flex-wrap:wrap; gap:.55rem; }
.pagination-nav a{ flex:1 1 calc(50% - .55rem); min-width:0; min-height:44px; }
.pagination-nav span{ flex:0 0 100%; order:-1; text-align:center; }
.call-grid--list,.call-grid--list .call-card{ width:100%; min-width:0; }
.guide-category-nav{ position:relative; z-index:1; gap:.55rem; }
.guide-category-nav .active-filter-chip{ min-height:44px; justify-content:center; }
.blog-detail-hero{ padding:1.35rem 0 2.25rem; }
.blog-detail-hero__content{ margin-top:1.45rem; }
.blog-detail-hero h1{ font-size:2.15rem; }
.blog-detail-hero__excerpt{ font-size:1rem; }
.blog-article{ padding:1.75rem 0 3.5rem; }
.blog-article__layout{ display:flex; flex-direction:column; gap:1.5rem; }
.blog-article__aside{ position:static; width:100%; }
.blog-article__aside .guide-share{ display:flex; flex-wrap:wrap; }
.blog-content{ font-size:.98rem; }
.blog-content img,.blog-content table{ max-width:100%; height:auto; }
}
/* Çağrı detay ekranı */
.call-detail-hero{ padding:3rem 0 2rem; }
.call-detail-hero__card{ position:relative; padding:2rem; border:1px solid var(--hr-border); border-radius:var(--hr-r); background:#fff; overflow:hidden; }
.call-detail-hero__card::before{ position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,var(--hr-cyan),var(--hr-primary-bright),var(--hr-violet)); content:""; }
.call-detail-heading{ min-width:0; flex:1 1 560px; }
.call-detail-heading > .text-secondary{ color:var(--hr-primary) !important; font-weight:700; }
.call-detail-header h1{ max-width:820px; font-size:clamp(2rem,4vw,3rem); line-height:1.12; }
.call-detail-actions{ flex:0 1 360px; justify-content:flex-end; }
.call-detail-actions .btn-primary{ order:-1; }
.call-detail-section{ padding:2rem 0 4.5rem; }
.call-info-card{ top:104px; }
.call-info-card .filter-group__title{ color:var(--hr-primary); }
.call-meta > div{ border-color:var(--hr-border); }
.call-detail-content > section h2{ color:var(--hr-primary); }
.source-verification-box h2{ color:var(--hr-ink) !important; }
@media (max-width:767.98px){
.call-detail-hero{ padding:1.5rem 0; }
.call-detail-hero__card{ padding:1.25rem; }
.call-detail-actions{ justify-content:flex-start; }
.call-detail-actions .btn{ flex:1 1 auto; }
.call-detail-section{ padding:1rem 0 3rem; }
}
/* Ortak portal sayfaları, kurumlar ve kategori yüzeyleri */
.portal-page-intro{ padding:3.5rem 0 2.5rem; }
.portal-page-intro__row{ display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.portal-page-intro__eyebrow{ margin:0 0 .65rem !important; color:var(--hr-violet) !important; font-size:.75rem !important; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.portal-page-intro h1{ margin:0; font-size:clamp(2.25rem,4vw,3.25rem); }
.portal-page-intro p{ max-width:680px; margin:.75rem 0 0; color:var(--hr-muted); }
.portal-section{ padding:2rem 0 4rem; }
.institution-search-form{ display:flex; gap:.65rem; max-width:660px; margin-bottom:2rem; }
.portal-search-field{ display:flex; flex:1; align-items:center; gap:.75rem; min-height:50px; padding:0 1rem; border:1px solid var(--hr-border-2); border-radius:var(--hr-r); background:#fff; color:var(--hr-muted-2); }
.portal-search-field input{ width:100%; border:0; outline:0; background:transparent; color:var(--hr-ink); }
.portal-search-field:focus-within{ border-color:var(--hr-primary); box-shadow:0 0 0 3px rgba(0,74,198,.12); }
.institution-grid--directory{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.institution-card{ position:relative; min-width:0; border:1px solid var(--hr-border); border-radius:var(--hr-r); color:var(--hr-ink); text-decoration:none; box-shadow:none; }
.institution-card:hover{ border-color:rgba(0,74,198,.35); color:var(--hr-ink); box-shadow:0 14px 30px rgba(0,62,168,.08); }
.institution-card__logo{ background:linear-gradient(135deg,var(--hr-primary-bright),var(--hr-violet)); }
.institution-card__content{ display:flex; min-width:0; flex:1; flex-direction:column; gap:.22rem; }
.institution-card__content strong{ overflow-wrap:anywhere; font-size:.98rem; }
.institution-card__content > span{ color:var(--hr-muted); font-size:.78rem; }
.institution-card__content .institution-card__count{ color:var(--hr-primary); font-weight:700; }
.institution-card__arrow{ flex:none; color:var(--hr-muted-2); }
.institution-card:hover .institution-card__arrow{ color:var(--hr-primary); transform:translateX(2px); }
.institution-detail-hero{ padding:2rem 0 3.25rem; background:var(--hr-mint-50); border-bottom:1px solid var(--hr-border); }
.institution-detail-hero__content{ display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-top:2rem; }
.institution-detail-identity{ display:flex; align-items:flex-start; gap:1.25rem; min-width:0; }
.institution-detail-logo{ display:grid; place-items:center; flex:0 0 76px; width:76px; height:76px; border:1px solid var(--hr-mint-border); border-radius:var(--hr-r-lg); background:var(--hr-green); color:#fff; font-size:1.5rem; font-weight:800; overflow:hidden; }
.institution-detail-logo--image{ padding:.5rem; background:var(--hr-surface); }
.institution-detail-logo img{ display:block; width:100%; height:100%; object-fit:contain; }
.institution-detail-eyebrow{ margin:0 0 .45rem; color:var(--hr-muted); font-size:.9rem; font-weight:600; }
.institution-detail-hero h1{ margin:0; color:var(--hr-ink); font-size:clamp(2.1rem,4vw,3.5rem); line-height:1.08; letter-spacing:-.02em; overflow-wrap:anywhere; }
.institution-detail-description{ max-width:680px; margin:.8rem 0 0; color:var(--hr-muted); line-height:1.6; }
.institution-detail-website{ flex:0 0 auto; }
.institution-detail-section{ padding:3rem 0 5rem; }
.institution-detail-layout{ display:grid; grid-template-columns:270px minmax(0,1fr); gap:2rem; align-items:start; }
.institution-detail-sidebar{ position:sticky; top:1rem; padding:1.35rem; border:1px solid var(--hr-border); border-radius:var(--hr-r-lg); background:var(--hr-surface); box-shadow:var(--hr-shadow-sm); }
.institution-detail-sidebar__heading{ display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; margin-bottom:1rem; }
.institution-detail-verified{ color:var(--hr-green); font-size:.72rem; font-weight:800; white-space:nowrap; }
.institution-detail-meta{ margin:0; }
.institution-detail-meta > div{ padding:.9rem 0; border-top:1px solid var(--hr-mint-50); }
.institution-detail-meta > div:first-child{ padding-top:0; border-top:0; }
.institution-detail-meta dt{ color:var(--hr-muted-2); font-size:.75rem; }
.institution-detail-meta dd{ margin:.25rem 0 0; color:var(--hr-ink); font-size:.95rem; font-weight:650; }
.institution-detail-meta__highlight{ color:var(--hr-green) !important; font-size:1.25rem !important; }
.institution-detail-main{ display:grid; gap:1.5rem; min-width:0; }
.institution-detail-panel{ padding:1.5rem; border:1px solid var(--hr-border); border-radius:var(--hr-r-lg); background:var(--hr-surface); }
.institution-detail-section-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.institution-detail-section-heading h2{ margin:.3rem 0 0; color:var(--hr-ink); font-size:1.45rem; line-height:1.2; }
.text-link{ color:var(--hr-green); font-size:.85rem; font-weight:750; text-decoration:none; white-space:nowrap; }
.text-link:hover{ color:var(--hr-primary); text-decoration:underline; }
.institution-detail-panel .call-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.institution-detail-guides ul{ display:grid; gap:.65rem; margin:0; padding:0; list-style:none; }
.institution-detail-guides li{ border-top:1px solid var(--hr-mint-50); padding-top:.65rem; }
.institution-detail-guides li:first-child{ border-top:0; padding-top:0; }
.institution-detail-guides a{ color:var(--hr-ink); font-weight:650; text-decoration:none; }
.institution-detail-guides a:hover{ color:var(--hr-green); }
.distribution-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.distribution-card{ min-width:0; padding:1.1rem; border:1px solid var(--hr-border); border-radius:var(--hr-r); background:var(--hr-mint-50); }
.distribution-card h3{ margin:0 0 1rem; color:var(--hr-ink); font-size:.95rem; }
.distribution-list{ display:grid; gap:.8rem; }
.distribution-item > div:first-child{ display:flex; justify-content:space-between; gap:.75rem; color:var(--hr-muted); font-size:.8rem; }
.distribution-item strong{ color:var(--hr-ink); }
.distribution-bar{ height:7px; margin-top:.4rem; overflow:hidden; border-radius:var(--hr-pill); background:var(--hr-border); }
.distribution-bar span{ display:block; height:100%; border-radius:inherit; background:var(--hr-green); }
.distribution-empty{ margin:0; color:var(--hr-muted); font-size:.85rem; }
.survey-form,.newsletter-form,.match-card{ border:1px solid var(--hr-border); box-shadow:none; }
.survey-step__eyebrow{ color:var(--hr-primary); }
.survey-keyword-input:checked + .survey-keyword-chip{ border-color:var(--hr-primary); background:#DBE1FF; color:var(--hr-primary); }
.match-card__score{ background:#DBE1FF; color:var(--hr-primary); }
.match-card__reasons li::before{ color:var(--hr-success); }
@media (max-width:991.98px){
.institution-grid--directory{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.institution-detail-layout{ grid-template-columns:1fr; }
.institution-detail-sidebar{ position:static; }
.home-workflow{ grid-template-columns:1fr; gap:1.25rem; }
}
@media (max-width:575.98px){
.portal-page-intro{ padding:2.5rem 0 2rem; }
.home-hero__actions{ display:grid; grid-template-columns:1fr; }
.home-hero__actions .btn{ width:100%; }
.home-workflow{ padding-top:2.5rem; }
.portal-page-intro__row{ align-items:flex-start; flex-direction:column; gap:1rem; }
.institution-search-form{ flex-wrap:wrap; }
.portal-search-field{ flex-basis:100%; }
.institution-grid--directory{ grid-template-columns:1fr; }
.institution-detail-hero{ padding:1.35rem 0 2.25rem; }
.institution-detail-hero__content{ align-items:stretch; flex-direction:column; gap:1.25rem; margin-top:1.5rem; }
.institution-detail-identity{ gap:.85rem; }
.institution-detail-logo{ flex-basis:56px; width:56px; height:56px; border-radius:var(--hr-r); font-size:1.1rem; }
.institution-detail-eyebrow{ font-size:.78rem; }
.institution-detail-hero h1{ font-size:2rem; }
.institution-detail-description{ font-size:.92rem; }
.institution-detail-website{ width:100%; justify-content:center; }
.institution-detail-section{ padding:1.75rem 0 3.5rem; }
.institution-detail-panel{ padding:1rem; }
.institution-detail-section-heading{ align-items:flex-start; flex-direction:column; gap:.7rem; }
.institution-detail-panel .call-grid,.distribution-grid{ grid-template-columns:1fr; }
}
/* Mobil kullanım: container kullanan sayfalarda eski genel section padding'i
ikinci kez boşluk üretmemeli. Kontroller en az 44px dokunma alanı sunar. */
@media (max-width:575.98px){
.call-list-hero,
.call-list-section,
.call-detail-hero,
.call-detail-section,
.page-intro,
.portal-page-intro,
.portal-section,
.newsletter-page,
.survey-page-intro,
.survey-page-section{
padding-left:0 !important;
padding-right:0 !important;
}
article > .page-intro,
article > section{
padding-left:0 !important;
padding-right:0 !important;
}
.site-header .container{ width:calc(100% - 1.25rem); }
.site-header .offcanvas{ width:min(100%,22rem); height:100vh; max-height:100vh; }
.site-header .offcanvas-body{ min-height:0; padding:1rem 1.25rem 2rem; }
.site-header .navbar-brand img{ max-width:108px; height:auto; max-height:30px; }
.site-header .header-icon-button,
.site-header .favorite-shortcut,
.site-header .navbar-toggler{
width:44px;
min-width:44px;
height:44px;
min-height:44px;
}
.site-header .language-switcher{ min-height:40px; }
.site-header .language-switcher__item{ min-width:40px; min-height:40px; }
.list-toolbar{ width:100%; padding:.85rem; }
.list-toolbar > .btn{ width:100%; min-height:44px; }
.sort-form{ display:grid; grid-template-columns:1fr; gap:.4rem; }
.sort-form label{ width:100%; }
.sort-form .form-select{ min-height:48px; }
.btn{ min-height:44px; }
.form-control,
.form-select{ min-height:48px; font-size:1rem; }
textarea.form-control{ min-height:140px; }
.call-filter-form .form-check-label,
.newsletter-option,
.survey-keyword-chip{ padding-block:.55rem; }
.call-detail-header h1{ font-size:clamp(1.75rem,9vw,2.15rem); overflow-wrap:anywhere; }
.call-detail-actions{ width:100%; }
.call-detail-actions .btn{ flex:1 1 100%; width:100%; }
.call-detail-content > section{ padding:1.15rem; }
.verify-banner{ align-items:flex-start; }
.survey-layout{ gap:1.25rem; }
.survey-form,
.newsletter-form{ width:100%; padding:1.25rem; }
.survey-keyword-grid{ gap:.55rem; }
.pagination-nav .btn{ flex:1 1 auto; }
.empty-state{ padding:1.5rem; }
}
@media (max-width:359.98px){
.site-header .container{ width:calc(100% - .75rem); }
.site-header .navbar-brand img{ max-width:100px; }
.site-header .d-flex{ gap:.25rem !important; }
.site-header .language-switcher--header{ display:none; }
}
/* ===================================================================
REFERANS PAKETİ UYUM KATMANI
HibeRota UXUI Yeniden Tasarımı ekranlarından türetilen son, ortak
yüzey katmanı. Mevcut Django markup'ını ve veri akışını değiştirmez.
=================================================================== */
:root{
--hr-reference-page:#f5f8fd;
--hr-reference-tint:#eef3ff;
--hr-reference-tint-strong:#e7f1ff;
--hr-reference-ink:#12203a;
--hr-reference-copy:#51607a;
--hr-reference-subtle:#8a97ad;
--hr-reference-border:#e2e8f5;
--hr-reference-gradient:linear-gradient(135deg,#22b4ee 0%,#4b74f5 48%,#a855f7 100%);
--hr-reference-radius:18px;
--hr-reference-transition:180ms cubic-bezier(.2,.7,.3,1);
}
body{ background:var(--hr-reference-page); color:var(--hr-reference-copy); }
.container{ width:min(100% - 2rem,var(--hr-container-max)); }
.site-header{
position:sticky; top:0; z-index:1030;
border-bottom:1px solid rgba(226,232,245,.92);
background:rgba(255,255,255,.9); backdrop-filter:blur(14px);
}
.site-header .navbar{ min-height:72px; }
.site-header .nav-link{ color:var(--hr-reference-copy); font-weight:650; }
.site-header .nav-link:hover,.site-header .nav-link.active{ color:var(--hr-blue); }
.site-header .navbar-toggler:focus-visible,.header-icon-button:focus-visible,
.site-header a:focus-visible,.btn:focus-visible,.form-control:focus,.form-select:focus{
outline:0; box-shadow:0 0 0 3px rgba(75,116,245,.24) !important;
}
.header-icon-button--favorite{
gap:.45rem; min-height:40px; border:0; border-radius:10px;
background:var(--hr-reference-gradient); color:#fff;
}
.header-icon-button--favorite .badge{ background:rgba(255,255,255,.22) !important; color:#fff; }
.header-icon-button__label{ font-size:.82rem; font-weight:750; }
.page-intro,.portal-page-intro,.call-list-hero,.call-detail-hero{
background:linear-gradient(180deg,var(--hr-reference-tint) 0%,var(--hr-reference-page) 100%);
border-bottom:1px solid var(--hr-reference-border);
}
.portal-page-intro__eyebrow,.section-kicker,.call-list-hero__eyebrow{
color:var(--hr-blue) !important; letter-spacing:.075em;
}
.portal-page-intro h1,.call-list-hero h1,.call-detail-header h1,
.institution-detail-hero h1,.blog-detail-hero h1,.contact-hero h1{
color:var(--hr-reference-ink); letter-spacing:0;
}
.portal-page-intro p,.call-list-hero p,.institution-detail-description{ color:var(--hr-reference-copy); }
.home-hero{ background:linear-gradient(135deg,#eef3ff 0%,#f7faff 64%,#f7f4ff 100%); }
.home-hero__eyebrow{ border-color:#cbd8ff; background:rgba(255,255,255,.86); color:var(--hr-blue); }
.home-hero h1{ color:var(--hr-reference-ink); letter-spacing:0; }
.home-hero h1 .home-hero__handwritten{ color:var(--hr-blue); }
.home-hero__lead{ color:var(--hr-reference-copy); }
.home-hero__call,.call-detail-hero__card{
border-color:var(--hr-reference-border); border-radius:var(--hr-reference-radius);
box-shadow:0 18px 44px rgba(58,79,151,.10);
}
.home-hero__call::before,.call-detail-hero__card::before{ background:var(--hr-reference-gradient); }
.home-hero__call-program,.call-detail-heading > .text-secondary{ color:var(--hr-blue) !important; }
.home-hero__detail-link{ background:var(--hr-reference-gradient); }
.home-hero__detail-link:hover{ filter:brightness(1.04); }
.home-metrics > div,.home-hero__call-meta,.call-card__fact{ border-color:var(--hr-reference-border); }
.quick-start-card,.institution-card,.blog-card,.match-card,.survey-form,.newsletter-form,
.contact-form,.contact-info-card,.filter-sidebar,.call-info-card,.institution-detail-panel,
.institution-detail-sidebar,.distribution-card,.empty-state{
border-color:var(--hr-reference-border); border-radius:var(--hr-reference-radius);
box-shadow:0 8px 24px rgba(46,72,150,.055);
}
.quick-start-card,.institution-card,.blog-card,.call-card{
transition:transform var(--hr-reference-transition),box-shadow var(--hr-reference-transition),border-color var(--hr-reference-transition);
}
.quick-start-card:hover,.institution-card:hover,.blog-card:hover,.call-card:hover{
border-color:#cbd8ff; box-shadow:0 18px 36px rgba(46,72,150,.12); transform:translateY(-4px);
}
.quick-start-card__icon{ border-radius:12px; background:var(--hr-reference-tint-strong) !important; color:var(--hr-blue) !important; }
.quick-start-card > strong,.blog-card h2 a,.institution-card__content strong{ color:var(--hr-reference-ink); }
.quick-start-card__description,.blog-card__excerpt,.blog-byline,.institution-card__content > span{ color:var(--hr-reference-copy); }
.call-card{ border:1px solid var(--hr-reference-border); border-radius:var(--hr-reference-radius); background:#fff; }
.call-card::before{ background:var(--hr-reference-gradient); }
.call-card__monogram,.institution-card__logo{ background:var(--hr-reference-gradient); }
.call-card__verify{ border-top-color:var(--hr-reference-border); color:var(--hr-reference-subtle); }
.call-card__tag,.blog-tag{ border-color:#dce5fb; background:#f4f7ff; color:var(--hr-blue); }
.quality-badge--source,.quality-badge--verified{ background:#e7f1ff; color:var(--hr-blue); }
.call-grid--list .call-card{ border-width:1px; }
.filter-sidebar,.list-toolbar,.institution-detail-panel,.institution-detail-sidebar{ background:rgba(255,255,255,.96); }
.filter-sidebar__heading span,.result-count,.active-filter-chip{ border-color:#cfdbf6; background:#f4f7ff; color:var(--hr-blue); }
.guide-category-nav__item--active,.active-filter-chip:hover{ background:var(--hr-reference-gradient); border-color:transparent; color:#fff; }
.form-control,.form-select,.guide-search input,.portal-search-field{ border-color:var(--hr-reference-border); background:#fff; }
.form-control:focus,.form-select:focus,.guide-search input:focus,.portal-search-field:focus-within{ border-color:var(--hr-blue); }
.institution-detail-hero{ background:linear-gradient(135deg,var(--hr-reference-tint) 0%,#f8fbff 100%); border-bottom-color:var(--hr-reference-border); }
.institution-detail-logo{ border-color:#dce5fb; background:var(--hr-reference-gradient); }
.institution-detail-logo--image,.institution-card__logo--image{ background:#fff; }
.institution-detail-meta__highlight,.institution-card__content .institution-card__count{ color:var(--hr-blue) !important; }
.distribution-card{ background:#f8faff; }
.distribution-bar span{ background:var(--hr-reference-gradient); }
.blog-card__meta,.blog-detail-byline,.blog-byline{ color:var(--hr-blue); }
.blog-cover--fallback{ background:var(--hr-reference-gradient); }
.blog-article,.portal-section,.survey-page-section,.newsletter-page,.contact-section{ background:var(--hr-reference-page); }
.blog-content a,.guide-toc__link--h2{ color:var(--hr-blue); }
.survey-step,.newsletter-fieldset{ border-color:var(--hr-reference-border); }
.survey-step__eyebrow,.match-card__score{ color:var(--hr-blue); }
.survey-keyword-input:checked + .survey-keyword-chip{ border-color:var(--hr-blue); background:#e7f1ff; color:var(--hr-blue); }
.newsletter-option:has(input:checked){ border-color:var(--hr-blue); background:#f4f7ff; }
.contact-hero{ background:linear-gradient(135deg,#12203a 0%,#243b78 54%,#6d45c8 100%); }
.contact-hero h1,.contact-hero__eyebrow{ color:#fff !important; }
.contact-hero p:not(.contact-hero__eyebrow){ color:rgba(255,255,255,.78); }
.contact-info-card{ background:#12203a; border-color:#20355c; }
.contact-info-card h2,.contact-info-card h3{ color:#fff; }
.contact-info-card p,.contact-info-card a{ color:rgba(255,255,255,.74); }
.favorites-page-intro{ padding-block:3.5rem 2.5rem; }
.favorites-page-intro h1{ margin:0 0 .65rem; font-size:clamp(2.2rem,4vw,3.25rem); }
.favorites-page-intro p{ margin:0; max-width:42rem; }
.favorites-page-section{ min-height:22rem; }
.favorites-empty-note{ display:flex; align-items:center; gap:.65rem; max-width:36rem; margin-bottom:1.5rem; padding:.875rem 1rem; border:1px solid #cfdcf7; border-radius:12px; background:#f4f7ff; color:var(--hr-blue); font-size:.875rem; }
.site-footer{ background:#12203a; }
.site-footer__newsletter{ border:1px solid rgba(193,207,255,.32); background:var(--hr-reference-gradient); }
.site-footer__newsletter .btn{ border-color:#fff; background:#fff; color:var(--hr-blue); }
.site-footer__newsletter .btn:hover{ color:var(--hr-purple); transform:translateY(-1px); }
.site-footer nav h2,.site-footer__veor{ color:#9fd9ff; }
@media (max-width:767.98px){
.container{ width:min(100% - 1.5rem,var(--hr-container-max)); }
.site-header .navbar{ min-height:64px; }
.home-hero{ padding-block:2.5rem; }
.home-hero__call,.call-detail-hero__card{ border-radius:16px; }
.quick-start-card,.institution-card,.blog-card,.call-card,.survey-form,.newsletter-form,.contact-form{ border-radius:14px; }
.favorites-page-intro{ padding-block:2.25rem 1.75rem; }
}
/* Yeni mavi-mor kimlikte tüm ortak metin ve form yüzeyleri aynı font ölçeğini
kullanır; sayfalara özgü mevcut hiyerarşi korunur. */
body,
.btn,
.form-control,
.form-select,
.form-check-label{
font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
h1,h2,h3,h4,h5,h6,
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{
font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
/* Home reference layout: keep the existing data contracts, match the supplied UX package. */
.home-hero{ padding:5rem 1.5rem 4.25rem; }
.home-hero__grid{ width:min(100% - 3.5rem,var(--hr-container-max)); grid-template-columns:minmax(0,1.12fr) minmax(22rem,.88fr); gap:clamp(2.5rem,5vw,5rem); }
.home-hero h1{ max-width:46rem; margin-bottom:1.35rem; font-size:clamp(3rem,4.55vw,4.35rem); line-height:1.08; }
.home-hero h1 > span{ display:block; }
.home-hero h1 .home-hero__headline-gradient{ display:inline; background:var(--hr-reference-gradient); -webkit-background-clip:text; background-clip:text; color:transparent; }
.home-hero__lead{ max-width:43rem; margin:0 0 2rem; font-size:1.22rem; line-height:1.55; }
.home-search--discovery{ width:min(100%,47rem); margin-top:0; border-radius:14px; }
.home-search--discovery .btn{ min-width:9.5rem; border-radius:12px; }
.home-hero__stats{ display:flex; gap:0; margin:2.25rem 0 0; }
.home-hero__stats > div{ min-width:8.5rem; padding-right:2rem; border-right:1px solid var(--hr-reference-border); }
.home-hero__stats > div + div{ padding-left:2rem; }
.home-hero__stats > div:last-child{ border-right:0; }
.home-hero__stats dt{ color:var(--hr-reference-ink); font-size:2rem; font-weight:800; line-height:1; }
.home-hero__stats dd{ margin:.42rem 0 0; color:var(--hr-reference-subtle); font-size:.83rem; font-weight:700; }
.home-hero__call{ display:flex; min-height:0; flex-direction:column; padding:0 2.15rem 2rem; background:var(--hr-surface); }
.home-hero__call::before{ position:static; display:block; height:7rem; margin:0 -2.15rem 1.8rem; border-radius:18px 18px 0 0; background:var(--hr-reference-gradient); }
.home-hero__call-top{ position:absolute; top:2.05rem; right:2.15rem; left:2.15rem; display:flex; align-items:center; justify-content:space-between; }
.home-hero__call-status{ display:inline-flex; align-items:center; gap:.45rem; padding:.55rem .85rem; border-radius:999px; background:rgba(255,255,255,.2); color:#fff; font-size:.82rem; font-weight:800; }
.home-hero__call-status span{ width:.45rem; height:.45rem; border-radius:50%; background:#8bffcf; box-shadow:0 0 0 4px rgba(139,255,207,.24); }
.home-hero__verified{ color:#fff; font-size:.82rem; font-weight:800; }
.home-hero__call-identity{ display:flex; align-items:center; gap:.8rem; margin-bottom:1.25rem; }
.home-hero__call-monogram{ display:grid; width:3.1rem; height:3.1rem; flex:0 0 auto; place-items:center; border-radius:.8rem; background:var(--hr-reference-ink); color:#fff; font-size:.95rem; font-weight:800; }
.home-hero__call-identity p{ margin:0; color:var(--hr-reference-ink); font-size:.96rem; font-weight:800; }
.home-hero__call-identity span{ color:var(--hr-reference-subtle); font-size:.8rem; font-weight:600; }
.home-hero__call-heading{ display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.home-hero__call-heading > span{ color:var(--hr-blue); font-size:.82rem; font-weight:800; }
.home-hero__call-heading .favorite-toggle{ color:var(--hr-reference-subtle); }
.home-hero__call-title{ margin:.5rem 0 1.35rem; font-size:clamp(1.45rem,2vw,1.85rem); line-height:1.3; }
.home-hero__call-meta{ margin-top:auto; padding:1rem 0; }
.home-hero__call-meta > div{ min-width:0; padding:0; border:0; background:transparent; }
.home-hero__call-meta dd{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.95rem; }
.home-hero__detail-link{ display:flex; min-height:3.25rem; align-items:center; justify-content:center; margin-top:1.45rem; color:#fff; font-weight:800; text-decoration:none; }
.home-trust-bar{ display:flex; align-items:center; justify-content:center; gap:2.6rem; min-height:5.5rem; padding:1rem 1.5rem; border-block:1px solid var(--hr-reference-border); background:var(--hr-surface); color:var(--hr-reference-subtle); font-size:.88rem; font-weight:700; }
.home-trust-bar span::before{ display:inline-block; margin-right:.55rem; color:var(--hr-blue); content:"✓"; }
@media (max-width:991.98px){
.home-hero__grid{ grid-template-columns:1fr; }
.home-hero__call{ max-width:42rem; }
}
@media (max-width:767.98px){
.home-hero{ padding:2.5rem 0 2.75rem; }
.home-hero__grid{ width:min(100% - 2.5rem,var(--hr-container-max)); gap:2.5rem; }
.home-hero h1{ font-size:clamp(2.45rem,12vw,3.2rem); }
.home-hero__lead{ font-size:1rem; }
.home-search--discovery{ width:100%; }
.home-hero__stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; }
.home-hero__stats > div,.home-hero__stats > div + div{ min-width:0; padding:0; border:0; }
.home-hero__stats dt{ font-size:1.5rem; }
.home-hero__call{ padding-inline:1.35rem; }
.home-hero__call::before{ margin-inline:-1.35rem; }
.home-hero__call-top{ right:1.35rem; left:1.35rem; }
.home-trust-bar{ align-items:flex-start; justify-content:flex-start; gap:.75rem 1.25rem; flex-wrap:wrap; min-height:0; padding:1.15rem 1.25rem; font-size:.78rem; }
}