/* ==========================================================================
   Hadi Sende — "Odensa" temalı tanıtım sayfaları teması
   Kullanıcının paylaştığı Odensa (bir hediye/kupon platformu) tasarımının
   görsel dilini (Outfit yazı tipi, çok yuvarlak köşeler, yumuşak gölgeler,
   pill-şekilli butonlar, renkli ikon daireleri) yalnızca 4 herkese açık
   sayfaya (index, hakkımızda, blog, kvkk) uygulayan, TAMAMEN İZOLE bir
   stil dosyası.

   NEDEN AYRI DOSYA / AYRI SINIF ÖNEKİ ("odensa-theme")?
   Sitenin geri kalanı (dashboard'lar, formlar, /ilan/ ve /firma/ SEO
   sayfaları dahil), kullanıcının önceki bir turda BİLİNÇLİ olarak seçtiği
   "keskin köşe, gölgesiz" tasarım dilini (main.css'teki --radius-sm:3px,
   --shadow-sm:none vb.) kullanıyor. Bu dosyadaki HİÇBİR kural, ana
   `:root` değişkenlerini DEĞİŞTİRMEZ; bunun yerine yalnızca
   `.odensa-theme` sınıfını taşıyan üst kapsayıcının (yalnızca bu 4 sayfanın
   <div class="landing odensa-theme">'i) İÇİNDEKİ elemanları hedefler. Bu
   sayede:
     - main.css'in paylaşılan `.btn`, `.card`, `.landing-nav` vb. kuralları
       hiçbir şekilde değişmez (diğer TÜM sayfalar birebir eskisi gibi kalır).
     - Sağ üstteki profil/bildirim menüsü gibi document.body'ye DOĞRUDAN
       eklenen (bkz. index.js/landing-map.js: overlay.appendChild(document.body))
       modallar `.odensa-theme` kapsayıcısının DIŞINDA kaldığından, bu yeni
       tema onları da hiç etkilemez - giriş/iletişim/harita popup'ları
       eskisi gibi çalışmaya devam eder.
   ========================================================================== */

.odensa-theme {
  --od-font: 'Outfit', var(--font-display);
  --od-radius-xl: 28px;
  --od-radius-lg: 22px;
  --od-radius-md: 16px;
  --od-radius-btn: 100px;
  --od-border: #E2E8F0;
  --od-surface: #FFFFFF;
  --od-surface-alt: #F1F5F9;
  --od-ink-900: #0F172A;
  --od-ink-500: #64748B;
  /* Birincil vurgu: Odensa'nın kendi mavisi (#0EA5E9) sitenin ana rengiyle
     zaten birebir aynı - bu yüzden markanın var olan --copper-* merdiveni
     doğrudan yeniden kullanılıyor, ayrı bir renk icat edilmedi. */
  --od-primary: var(--copper-500);
  --od-primary-hover: var(--copper-600);
  --od-primary-soft: rgba(14, 165, 233, .10);
  --od-primary-soft-border: rgba(14, 165, 233, .18);
  --od-success: #10B981;
  --od-success-soft: rgba(16, 185, 129, .10);
  --od-warning: #F59E0B;
  --od-warning-soft: rgba(245, 158, 11, .10);
  --od-purple: #A855F7;
  --od-purple-soft: rgba(168, 85, 247, .10);
  --od-shadow-soft: 0 4px 18px rgba(15, 23, 42, .06);
  --od-shadow-hover: 0 14px 32px -10px rgba(14, 165, 233, .28);
  --od-shadow-lift: 0 10px 26px -8px rgba(15, 23, 42, .14);
  --od-ease: cubic-bezier(.4, 0, .2, 1);
  --od-ease-spring: cubic-bezier(.34, 1.4, .64, 1);

  font-family: var(--od-font);
}
.odensa-theme h1, .odensa-theme h2, .odensa-theme h3, .odensa-theme h4,
.odensa-theme .btn, .odensa-theme button {
  font-family: var(--od-font);
}

/* ---------------------------------------------------------------------- */
/* Üst menü bar - Odensa'daki gibi ferah, yuvarlak ve yüzen bir his        */
/* ---------------------------------------------------------------------- */
.odensa-theme .landing-nav {
  background: rgba(255, 255, 255, .86);
  border-bottom: none;
  /* KULLANICI İSTEĞİ (bu tur): üst bar ile sayfanın geri kalanını ayıran
     ince gri çizgi (önceden bu box-shadow ile çiziliyordu) tamamen
     kaldırıldı - üst bar artık yalnızca yarı saydam/bulanık zeminiyle
     ayrışıyor, herhangi bir çizgi/gölge sınırı yok. */
  box-shadow: none;
}
.odensa-theme .landing-nav .topbar__logo {
  font-family: var(--od-font); font-weight: 800; font-size: 21px; letter-spacing: -.4px;
}
.odensa-theme .landing-nav .topbar__logo .dot { color: var(--od-primary); }
/* Odensa'nın sağ üstteki dairesel ikon butonları (yardım/uygulama indir) ile
   aynı dil: metinli "İletişim" rozeti yerine yuvarlak, beyaz zeminli, ince
   çerçeveli bir ikon düğmesi. Buton hâlâ #navContactBtn - index.js'teki
   tıklama davranışı (openContactSheet) hiç değişmedi, yalnızca görünümü. */
.odensa-theme .landing-nav__contact-badge {
  background: var(--od-surface); color: var(--od-ink-900);
  width: 46px; height: 46px; padding: 0; border-radius: 50%;
  border: 1.5px solid var(--od-border); box-shadow: var(--od-shadow-soft);
  justify-content: center;
}
.odensa-theme .landing-nav__contact-badge:hover { border-color: var(--od-primary); background: var(--od-primary-soft); transform: translateY(-1px); }
.odensa-theme .landing-nav__contact-icon { font-size: 19px; }
.odensa-theme .landing-nav__contact-text { display: none; }
.odensa-theme .landing-nav .btn-ghost.btn-sm {
  border-radius: var(--od-radius-btn); font-weight: 700; padding: 10px 18px;
}

/* ---------------------------------------------------------------------- */
/* Hero - Odensa'nın tek büyük vurgulu başlık + pill CTA düzeni.           */
/* KULLANICI İSTEĞİ (bu tur): hero alanı hem masaüstünde hem mobilde       */
/* sayfaya ORTALANMIŞ - önceki turdaki sola-yaslı (yalnızca <640px'te      */
/* ortalanan) düzen tüm genişliklerde ortalamaya çevrildi. Fonksiyonel     */
/* düğmeler (#viewMapBtn / #heroLoginBtn) AYNI ID'lerle korunuyor -        */
/* yalnızca görünüm ve hizalama değişti.                                  */
/* ---------------------------------------------------------------------- */
.odensa-theme .landing-hero {
  align-items: center; text-align: center;
  padding: 44px 0 8px;
  gap: 18px;
}
.odensa-theme .landing-hero__badge {
  background: var(--od-primary-soft); color: var(--copper-700);
  border: 1px solid var(--od-primary-soft-border);
  border-radius: var(--od-radius-btn); font-weight: 700;
}
.odensa-theme .landing-hero h1 {
  font-family: var(--od-font); font-weight: 800; letter-spacing: -1.4px;
  max-width: 560px; margin-left: auto; margin-right: auto;
}
.odensa-theme .landing-hero h1 span { color: var(--od-primary); }
.odensa-theme .landing-hero p.lead {
  max-width: 480px; font-size: 17px; margin-left: auto; margin-right: auto;
}
.odensa-theme .landing-hero-actions {
  margin: 8px auto 0; max-width: 460px; justify-content: center;
}
.odensa-theme .landing-hero-actions .btn {
  border-radius: var(--od-radius-btn); font-weight: 700; padding: 15px 22px;
  transition: transform .2s var(--od-ease-spring), box-shadow .2s var(--od-ease), background .2s var(--od-ease);
}
.odensa-theme .landing-hero-actions .btn-primary {
  background: var(--od-primary); box-shadow: var(--od-shadow-hover);
}
.odensa-theme .landing-hero-actions .btn-primary:hover { background: var(--od-primary-hover); transform: translateY(-2px); }
.odensa-theme .landing-hero-actions .btn-outline {
  background: var(--od-surface); border: 1.5px solid var(--od-border); color: var(--od-ink-900);
  box-shadow: var(--od-shadow-soft);
}
.odensa-theme .landing-hero-actions .btn-outline:hover { border-color: var(--od-primary); background: var(--od-primary-soft); }

/* NOT: "Türkiye'de şu an neler oluyor?" önizleme kartı (.landing-map-preview)
   kullanıcı isteğiyle index.html'den tamamen kaldırıldığından, bu karta özel
   stiller de (kart zemini/köşe/gölge) kaldırıldı - yalnızca tam ekran
   durumundaki #landingMapFrame kalıyor, o da main.css'teki paylaşılan
   .is-fullscreen kuralıyla (position:fixed) zaten kendi başına çalışıyor. */

/* ---------------------------------------------------------------------- */
/* İşletme / ilan kartları (hcards) - yuvarlak, gölgeli, kenarlıksız kart  */
/* ---------------------------------------------------------------------- */
.odensa-theme .hcards-section__title { font-family: var(--od-font); font-weight: 800; }
/* KULLANICI İSTEĞİ (bu tur): işletme/ilan kartlarının çerçevesi ve
   üzerine gelme/tıklama tepkisi "Neden Hadi Sende?" özellik kartlarıyla
   (.od-adv-card) BİREBİR AYNI olacak şekilde güncellendi - aynı ince
   çerçeve rengi, aynı yumuşak gölge, aynı hover kaldırma (translateY(-4px))
   ve aynı yumuşak yaylı geçiş eğrisi. Önceki "Netflix" hover-scale efekti
   (main.css'teki base .hcard-company:hover kuralı) bu sayfada daha yüksek
   özgüllükle (specificity) geçersiz kılınıyor. */
.odensa-theme .hcard-company, .odensa-theme .hcard-job {
  border: 1px solid var(--od-border); border-radius: var(--od-radius-lg); box-shadow: var(--od-shadow-soft);
  transition: transform .22s var(--od-ease-spring), box-shadow .22s var(--od-ease), border-color .22s var(--od-ease);
}
.odensa-theme .hcard-company::before, .odensa-theme .hcard-job::before { display: none; }
.odensa-theme .hcard-company:hover, .odensa-theme .hcard-job:hover {
  border-color: var(--od-primary); transform: translateY(-4px); box-shadow: var(--od-shadow-hover);
}
/* Tıklama anı (basılı tutulduğunda) için kısa bir "bastırma" tepkisi -
   .od-adv-card'da olmayan ama kartların gerçek <a> bağlantı olduğu bu
   bölümde dokunmatik/tıklama geri bildirimini güçlendiren ek bir dokunuş. */
.odensa-theme .hcard-company:active, .odensa-theme .hcard-job:active {
  transform: translateY(-1px) scale(0.98); box-shadow: var(--od-shadow-soft);
}
.odensa-theme .hcards-section .btn-outline.btn-sm {
  border-radius: var(--od-radius-btn); border-color: var(--od-border);
}

/* ---------------------------------------------------------------------- */
/* YENİ: "Nasıl Çalışıyoruz" bölümü - Odensa'nın asimetrik metin+ızgara     */
/* düzeni (sol: açıklama listesi, sağ: 3 kart - biri tam genişlik satır).  */
/* ---------------------------------------------------------------------- */
.od-features { margin-top: 64px; }
.od-features__head { display: flex; flex-direction: column; gap: 28px; align-items: stretch; }
@media (min-width: 900px) { .od-features__head { flex-direction: row; gap: 40px; } }
.od-features__text { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.od-features__text h2 {
  font-family: var(--od-font); font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 800;
  letter-spacing: -1px; line-height: 1.2; color: var(--od-ink-900); margin-bottom: 22px;
}
.od-features__list { list-style: none; margin-bottom: 24px; padding: 0; }
.od-features__list li {
  position: relative; padding-left: 26px; color: var(--od-ink-500); font-size: 15px;
  margin-bottom: 14px; line-height: 1.5; font-weight: 500;
}
.od-features__list li::before {
  content: '›'; position: absolute; left: 2px; top: -3px; color: var(--od-primary);
  font-size: 20px; font-weight: 700;
}
.od-features__list li strong { color: var(--od-ink-900); }
.od-features__note {
  font-weight: 600; font-size: 15px; color: var(--copper-700); background: var(--od-primary-soft);
  padding: 16px 20px; border-radius: var(--od-radius-md); display: inline-block;
  border: 1px solid var(--od-primary-soft-border);
}
.od-features__grid { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.od-f-card {
  padding: 24px; border-radius: var(--od-radius-lg); display: flex; flex-direction: column;
  background: var(--od-surface); border: 1px solid var(--od-border);
  box-shadow: var(--od-shadow-soft); transition: transform .22s var(--od-ease-spring), box-shadow .22s var(--od-ease), border-color .22s var(--od-ease);
}
.od-f-card:hover { border-color: var(--od-primary); transform: translateY(-4px); box-shadow: var(--od-shadow-hover); }
.od-f-card__icon { font-size: 30px; margin-bottom: 14px; display: block; }
.od-f-card h3 { font-size: 16.5px; font-weight: 700; margin-bottom: 6px; color: var(--od-ink-900); }
.od-f-card p { font-size: 13.5px; line-height: 1.5; margin: 0; color: var(--od-ink-500); }
.od-f-card--brand { grid-column: 1 / 2; }
.od-f-card--light { grid-column: 2 / 3; }
.od-f-card--wide {
  grid-column: 1 / 3; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 20px;
}
.od-f-card--wide .od-f-card__content { flex: 1; }
.od-f-card--wide .od-f-card__icon {
  font-size: 34px; background: var(--od-success-soft); padding: 16px; border-radius: var(--od-radius-md);
  margin-bottom: 0; flex-shrink: 0;
}
@media (max-width: 640px) {
  .od-f-card--wide { flex-direction: column !important; align-items: flex-start !important; }
  .od-f-card--wide .od-f-card__icon { margin-bottom: 12px !important; }
}

/* ---------------------------------------------------------------------- */
/* YENİ: "Neden Hadi Sende?" - 4'lü avantaj ızgarası                       */
/* ---------------------------------------------------------------------- */
.od-section-title {
  font-family: var(--od-font); font-size: 23px; font-weight: 800; color: var(--od-ink-900);
  letter-spacing: -.4px; margin: 64px 0 22px;
}
.od-advantages-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.od-adv-card {
  background: var(--od-surface); border-radius: var(--od-radius-lg); padding: 22px;
  border: 1px solid var(--od-border); display: flex; flex-direction: column;
  box-shadow: var(--od-shadow-soft); transition: transform .22s var(--od-ease-spring), box-shadow .22s var(--od-ease), border-color .22s var(--od-ease);
}
.od-adv-card:hover { border-color: var(--od-primary); transform: translateY(-4px); box-shadow: var(--od-shadow-hover); }
.od-icon-box {
  width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 21px; margin-bottom: 14px;
}
.od-ic-orange { background: var(--od-warning-soft); }
.od-ic-green { background: var(--od-success-soft); }
.od-ic-purple { background: var(--od-purple-soft); }
.od-ic-brand { background: var(--od-primary-soft); }
.od-adv-card h3 { font-size: 15px; font-weight: 700; margin-bottom: 6px; color: var(--od-ink-900); }
.od-adv-card p { font-size: 13px; color: var(--od-ink-500); line-height: 1.5; margin: 0; }

/* ---------------------------------------------------------------------- */
/* YENİ: "İşletmeler İçin" şeffaflık/kontrol bölümü                        */
/* ---------------------------------------------------------------------- */
.od-transparency {
  text-align: center; margin: 64px 0 24px; padding: 40px 24px;
  border-radius: var(--od-radius-xl);
}
.od-transparency__eyebrow {
  color: var(--od-primary); font-weight: 700; font-size: 12px; letter-spacing: 1px;
  text-transform: uppercase; margin-bottom: 10px; display: block;
}
.od-transparency h2 {
  font-family: var(--od-font); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800;
  color: var(--od-ink-900); letter-spacing: -.5px; margin-bottom: 10px;
}
.od-transparency__desc { color: var(--od-ink-500); margin-bottom: 30px; font-size: 15px; }
.od-not-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 30px; }
.od-not-card {
  background: var(--od-surface); border-radius: var(--od-radius-lg); padding: 20px; text-align: left;
  border: 1px solid var(--od-border); display: flex; flex-direction: column;
  box-shadow: var(--od-shadow-soft); transition: transform .22s var(--od-ease-spring), box-shadow .22s var(--od-ease), border-color .22s var(--od-ease);
}
.od-not-card:hover { border-color: var(--od-primary); transform: translateY(-4px); box-shadow: var(--od-shadow-hover); }
.od-not-card .od-icon-box { background: var(--od-primary-soft); }
.od-not-card h4 { font-size: 15px; font-weight: 700; color: var(--od-ink-900); margin-bottom: 4px; }
.od-not-card p { font-size: 13px; color: var(--od-ink-500); line-height: 1.5; margin: 0; }
.od-control-box-wrap { display: flex; justify-content: center; }
.od-control-box {
  display: inline-flex; align-items: center; gap: 10px; background: var(--od-surface);
  padding: 12px 22px; border-radius: var(--od-radius-btn); border: 1px solid var(--od-border);
  color: var(--od-ink-900); font-size: 13.5px; font-weight: 500; box-shadow: var(--od-shadow-soft);
}
.od-control-box .od-control-box__icon { color: var(--od-success); font-size: 17px; }

@media (max-width: 899px) {
  .od-features__grid, .od-advantages-grid, .od-not-cards { grid-template-columns: 1fr 1fr; }
  .od-f-card--wide { grid-column: 1 / 3; }
}
@media (max-width: 560px) {
  .od-advantages-grid, .od-not-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
  .od-adv-card, .od-not-card { padding: 16px; }
  .od-section-title { margin: 48px 0 18px; }
  .od-transparency { padding: 28px 18px; margin: 48px 0 20px; }
}

/* ---------------------------------------------------------------------- */
/* İçerik sayfaları (hakkımızda/blog/kvkk) - başlık/rozet/paragraf         */
/* ---------------------------------------------------------------------- */
.odensa-theme .content-page__meta {
  background: var(--od-primary-soft); color: var(--copper-700); border-radius: var(--od-radius-btn);
  border: 1px solid var(--od-primary-soft-border);
}
.odensa-theme .content-page h1 { font-family: var(--od-font); font-weight: 800; letter-spacing: -1.2px; }
.odensa-theme .content-page h2 {
  font-family: var(--od-font); font-weight: 700;
}
.odensa-theme .content-page h2::before { background: var(--od-primary); }
.odensa-theme .stat-chip {
  border-radius: var(--od-radius-btn); border: 1px solid var(--od-border); box-shadow: var(--od-shadow-soft);
}

/* "Değerlerimiz" (hakkımızda) - avantaj kartlarıyla aynı ikon-daire dili */
.odensa-theme .feature-grid { grid-template-columns: repeat(3, 1fr); }
.odensa-theme .feature-card {
  border: 1px solid var(--od-border); border-radius: var(--od-radius-lg); box-shadow: var(--od-shadow-soft);
  text-align: left; padding: 24px;
}
.odensa-theme .feature-card::before { display: none; }
.odensa-theme .feature-card:hover { border-color: var(--od-primary); box-shadow: var(--od-shadow-hover); }
.odensa-theme .feature-card__icon {
  width: 46px; height: 46px; margin: 0 0 14px; border-radius: 50%; background: var(--od-primary-soft);
  font-size: 21px;
}
.odensa-theme .feature-card h3 { font-family: var(--od-font); font-weight: 700; }
@media (max-width: 720px) { .odensa-theme .feature-grid { grid-template-columns: 1fr; } }

/* Blog kartları */
.odensa-theme .blog-card {
  border: 1px solid var(--od-border); border-radius: var(--od-radius-lg); box-shadow: var(--od-shadow-soft);
  padding: 24px 26px;
}
.odensa-theme .blog-card::before { display: none; }
.odensa-theme .blog-card:hover { border-color: var(--od-primary); box-shadow: var(--od-shadow-hover); }
.odensa-theme .blog-card__cat {
  background: var(--od-primary-soft); color: var(--copper-700); border-radius: var(--od-radius-btn);
}
.odensa-theme .blog-card h3 { font-family: var(--od-font); font-weight: 700; }

/* ---------------------------------------------------------------------- */
/* YENİ (bu tur): /ilan/:jobNo ve /firma/:businessNo SSR sayfaları         */
/* (routes/pages.js) artık aynı odensa-theme katmanını yükleyip           */
/* .odensa-theme sınıfını taşıyor - bu bölüm, index.html'de zaten var olan */
/* bileşenlerin (.hcard-company/.hcard-job vb.) DIŞINDA yalnızca bu iki    */
/* sayfaya özel kullanılan bileşenleri (kart, ilan-işletme satırı, detay   */
/* ızgarası, bölüm başlığı, boş durum) aynı yumuşak/yuvarlak/gölgeli       */
/* görsel dile kavuşturur. Bu sınıflar (.card, .job-card, .detail-item     */
/* vb.) sitenin panel/dashboard sayfalarında da kullanıldığından, HER      */
/* kural burada da yalnızca `.odensa-theme` kapsayıcısı İÇİNDE etkili -    */
/* panel sayfaları bu dosyayı hiç yüklemediğinden zaten etkilenmiyor.      */
/* ---------------------------------------------------------------------- */
.odensa-theme .card {
  border: 1px solid var(--od-border); border-radius: var(--od-radius-lg); box-shadow: var(--od-shadow-soft);
}
.odensa-theme .urgent-badge-corner { border-radius: var(--od-radius-btn); }
.odensa-theme .section-title {
  font-family: var(--od-font); font-weight: 700; text-transform: none; letter-spacing: -.2px;
  font-size: 13.5px; border-left-color: var(--od-primary);
}
.odensa-theme .empty-state { color: var(--od-ink-500); }

/* İlan detayındaki "işletmeye git" satırı - kart-benzeri, hover'da        */
/* Neden Hadi Sende kartlarıyla tutarlı kaldırma efekti.                  */
.odensa-theme .job-employer-row {
  border: 1px solid var(--od-border); border-radius: var(--od-radius-lg); box-shadow: var(--od-shadow-soft);
  transition: transform .22s var(--od-ease-spring), box-shadow .22s var(--od-ease), border-color .22s var(--od-ease);
}
.odensa-theme .job-employer-row:hover { border-color: var(--od-primary); box-shadow: var(--od-shadow-hover); transform: translateY(-2px); }
.odensa-theme .job-employer-row:active { transform: translateY(0) scale(0.99); }
.odensa-theme .job-employer-row__name { font-family: var(--od-font); }

/* İşletme profilindeki ilan satırları (/firma/:businessNo) - aynı        */
/* çerçeve/hover dili, .card ile birlikte kullanıldığında da tutarlı.      */
.odensa-theme .job-card {
  border: 1px solid var(--od-border); border-radius: var(--od-radius-lg); box-shadow: var(--od-shadow-soft);
  padding: 16px 18px;
  transition: transform .22s var(--od-ease-spring), box-shadow .22s var(--od-ease), border-color .22s var(--od-ease);
}
.odensa-theme .job-card:hover { border-color: var(--od-primary); box-shadow: var(--od-shadow-hover); transform: translateY(-3px); }
.odensa-theme .job-card:active { transform: translateY(0) scale(0.98); }

.odensa-theme .detail-item {
  border-radius: var(--od-radius-md); border: 1px solid var(--od-border);
  background: var(--od-surface); box-shadow: var(--od-shadow-soft);
}
.odensa-theme .employer-head-card__name { font-family: var(--od-font); font-weight: 800; }

/* ---------------------------------------------------------------------- */
/* Footer - aynı zengin ızgara, yalnızca daha yumuşak/yuvarlak çerçeve     */
/* ---------------------------------------------------------------------- */
.odensa-theme .landing-footer {
  border-top: none; margin-top: 40px; padding: 32px 28px 8px;
  background: var(--od-surface-alt); border-radius: var(--od-radius-xl) var(--od-radius-xl) 0 0;
}
.odensa-theme .landing-footer__bottom { border-top: 1px solid var(--od-border); }
.odensa-theme .landing-footer__social a { border-radius: 50%; box-shadow: var(--od-shadow-soft); }
.odensa-theme .landing-footer__brand .topbar__logo { font-family: var(--od-font); font-weight: 800; }