/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-y: scroll; }
body {
  font-family: var(--font-body);
  background: var(--cma-dark);
  color: var(--cma-text-light);
  line-height: 1.65;
  font-size: var(--text-base, 0.95rem);
  -webkit-font-smoothing: antialiased;
}

/* Tipografi — sabit scale */
h1,h2,h3,h4 { font-family: var(--font-heading); line-height: 1.15; color: var(--cma-white); }
h1 { font-size: clamp(2.4rem,5vw,3.6rem); font-weight: 400; }
h2 { font-size: clamp(1.7rem,3vw,2.4rem); font-weight: 400; }
h3 { font-size: clamp(1.1rem,2vw,1.4rem); font-weight: 400; }
h4 { font-size: 1rem; font-weight: 600; font-family: var(--font-body); }
p  { color: var(--cma-text-light); line-height: 1.65; font-size: 0.95rem; }
a  { color: var(--cma-green-light); text-decoration: none; transition: color var(--dur-fast) var(--ease-out); }
a:hover { color: var(--cma-gold); }

/* Container */
.cma-container { max-width: var(--container); margin: 0 auto; padding: 0 var(--space-lg); }
.cma-container--wide { max-width: var(--container-wide); }

/* Section */
.cma-section { padding: var(--space-3xl) 0; position: relative; }
.cma-section--dark   { background: var(--cma-dark); }
.cma-section--dark-2 { background: var(--cma-dark-2); }
.cma-section--light  { background: var(--cma-surface); }

/* Eyebrow */
.cma-eyebrow {
  display: inline-flex; align-items: center; gap: var(--space-sm);
  font-family: var(--font-body); font-size: 0.68rem; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--cma-gold); margin-bottom: var(--space-md);
}
.cma-eyebrow::before {
  content: ''; display: block; width: 20px; height: 1.5px;
  background: var(--grad-gold); border-radius: 2px;
}

/* Butonlar */
.cma-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 28px; border-radius: var(--radius-full);
  font-family: var(--font-body); font-size: 0.87rem; font-weight: 600;
  letter-spacing: 0.02em; cursor: pointer; border: none;
  transition: all var(--dur-mid) var(--ease-out); text-decoration: none;
}
.cma-btn--primary { background: var(--grad-gold); color: #0d1f17; }
.cma-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(200,150,12,0.35); color: #0d1f17; }
.cma-btn--outline {
  background: transparent; color: var(--cma-white);
  border: 1.5px solid rgba(255,255,255,0.22);
  backdrop-filter: var(--glass-blur);
}
.cma-btn--outline:hover { border-color: var(--cma-green-light); color: var(--cma-green-light); transform: translateY(-2px); }
.cma-btn--ghost {
  background: var(--glass-bg); color: var(--cma-text-light);
  border: 1px solid var(--glass-border); backdrop-filter: var(--glass-blur);
}
.cma-btn--ghost:hover { background: var(--glass-bg-hover); color: var(--cma-white); }

/* Badge */
.cma-badge {
  display: inline-flex; align-items: center; padding: 3px 10px;
  border-radius: var(--radius-full); font-size: 0.65rem; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
}
.cma-badge--gold  { background: rgba(200,150,12,0.12); color: var(--cma-gold-light); border: 1px solid rgba(200,150,12,0.28); }
.cma-badge--green { background: rgba(64,145,108,0.12); color: var(--cma-green-light); border: 1px solid rgba(64,145,108,0.28); }
.cma-badge--new   { background: rgba(64,145,108,0.18); color: #6ee7b7; border: 1px solid rgba(110,231,183,0.35); }

/* Divider */
.cma-divider { height: 1px; background: linear-gradient(90deg,transparent,var(--glass-border),transparent); margin: var(--space-2xl) 0; }

/* Utility */
.text-gold   { color: var(--cma-gold); }
.text-green  { color: var(--cma-green-light); }
.text-muted  { color: var(--cma-text-muted); }
.text-center { text-align: center; }
.font-mono   { font-family: var(--font-mono); }

/* Responsive */
@media (max-width: 768px) {
  .cma-section { padding: var(--space-2xl) 0; }
  .cma-container { padding: 0 var(--space-md); }
  h1 { font-size: clamp(1.9rem,6vw,2.6rem); }
  h2 { font-size: clamp(1.5rem,4.5vw,2rem); }
}

/* Blocksy override */
body.custom-background { background-color: var(--cma-dark) !important; }
.site, .hfg-header, #header, .site-header, [data-id="header"], .header-wrapper { display: none !important; }
.entry-content, .wp-block-group, .is-root-container { max-width: none; padding: 0; margin: 0; }
h1,h2,h3 { color: var(--cma-white); }
.cma-hero__title { color: var(--cma-white) !important; opacity: 1 !important; }

/* Typography global override */
body h1, body h2, body h3, .cma-hero h1, .cma-hero__title {
  color: #ffffff !important; opacity: 1 !important; -webkit-text-fill-color: #ffffff !important;
}
.cma-hero__title em {
  color: transparent !important; -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg,#c8960c,#e8b020,#c8960c) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
}

/* Animal + drug card icons */
.cma-animal-card__icon svg { stroke: #40916c !important; filter: drop-shadow(0 0 5px rgba(64,145,108,0.35)); }
.cma-animal-card:hover .cma-animal-card__icon svg { stroke: #c8960c !important; filter: drop-shadow(0 0 7px rgba(200,150,12,0.45)); }
