/*
Theme Name: Janko Portfolio
Theme URI: https://jankoglavonjic.com
Author: Janko Glavonjic
Author URI: https://jankoglavonjic.com
Description: Child theme for Twenty Twenty-Five focused on a conversion-first portfolio with SEO/LLM enhancements.
Version: 1.0.0
Template: twentytwentyfive
Text Domain: janko-portfolio
*/

/* Quick utility styles */
:root {
  --janko-ink: #0b0b0b;
  --janko-muted: #3f3f46; /* zinc-700 */
  --janko-bg: #ffffff;
  --janko-soft: #f4f4f5;  /* zinc-100 */
}

.is-style-janko-kpi {
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 14px 16px;
}
/* --- Janko landing page polish --- */
.j-kpi{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 16px;
  backdrop-filter: blur(4px);
}
.j-card{
  background:#fff;
  border:1px solid #e9e9ec;
  border-radius:18px;
  box-shadow: 0 8px 24px rgba(15,15,20,.06);
}
.j-quote{
  background: radial-gradient(1200px 400px at 20% 0%, #f4f4f5 0%, #ffffff 60%);
  border-left: 0;
  padding: 32px 28px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(15,15,20,.06);
}
.j-btn .wp-block-button__link{
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 600;
}
.j-btn--ghost .wp-block-button__link{
  background: transparent !important;
  border:1px solid rgba(255,255,255,.3);
}/* --- Janko landing page polish --- */
.j-kpi{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 16px;
  backdrop-filter: blur(4px);
}
.j-card{
  background:#fff;
  border:1px solid #e9e9ec;
  border-radius:18px;
  box-shadow: 0 8px 24px rgba(15,15,20,.06);
}
.j-quote{
  background: radial-gradient(1200px 400px at 20% 0%, #f4f4f5 0%, #ffffff 60%);
  border-left: 0;
  padding: 32px 28px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(15,15,20,.06);
}
.j-btn .wp-block-button__link{
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 600;
}
.j-btn--ghost .wp-block-button__link{
  background: transparent !important;
  border:1px solid rgba(255,255,255,.3);
}
/* Palette */
:root{
  --ink:#0b0b0b; --zinc:#52525b; --soft:#F4F4F5; --sand:#F8F8F8;
  --sky:#1FA8FF; --mint:#22C4A7; --lilac:#8B5CF6; --card:#ffffff;
  --radius:18px; --shadow:0 8px 24px rgba(15,15,20,.06);
}
body{ color:var(--zinc); }

/* Buttons */
.j-btn .wp-block-button__link{ border-radius:14px; padding:12px 18px; font-weight:600; }
.j-btn--ghost .wp-block-button__link{ border:1px solid #E3E3EA; background:#fff; }

/* KPI cards */
.j-kpi{ background:#fff; border:1px solid #E9E9EC; border-radius:16px; padding:14px 16px; box-shadow:var(--shadow); }
.j-kpi-k{ font:700 22px/1 var(--font,inherit); color:var(--ink); margin:0; }
.j-kpi-l{ font-size:12px; color:#6B7280; margin:4px 0 0; }

/* Generic cards */
.j-card{ background:var(--card); border:1px solid #E9E9EC; border-radius:var(--radius); box-shadow:var(--shadow); padding:18px; }
.j-link{ color:var(--ink); text-decoration:underline; }

/* Bullets */
.j-bullet{ background:#FAFAFC; border:1px solid #ECECF2; border-radius:12px; padding:10px 12px; }

/* Decorative dots in hero */
.j-deco-dots{ position:absolute; inset:auto 0 0 auto; width:220px; height:140px; opacity:.25; background-image:
 radial-gradient(#22C4A7 1.5px, transparent 1.5px),
 radial-gradient(#1FA8FF 1.5px, transparent 1.5px);
 background-size:18px 18px, 18px 18px;
 background-position:0 0, 9px 9px;
 transform: translate(-20px,-20px);
}

/* Abstract SVG container */
.j-abstract{ aspect-ratio:1/1; max-width:440px; margin:auto; filter: drop-shadow(0 12px 30px rgba(0,0,0,.12)); }

/* Waves */
.j-wave svg{ display:block; width:100%; height:auto; }
.j-wave--down{ margin-top:-1px; } .j-wave--up{ margin-bottom:-1px; }

/* Tame default gaps */
.wp-block-columns{ gap:24px; }