/* ScoopCore site theme layer v1.2.0 - brand skin over GeneratePress, namespaced + !important per house style */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Inter:wght@400;500;700&display=swap');

:root {
  --scc-ink: #101828;
  --scc-ink-deep: #0A101E;
  --scc-teal: #D4A017;
  --scc-teal-dark: #B8890F;
  --scc-gold-text: #2A2108;
  --scc-result: #16A34A;
  --scc-amber: #D4A017;
  --scc-bg: #FFFFFF;
  --scc-surface: #F5F4F0;
  --scc-border: #E5E2DA;
  --scc-muted: #64748B;
}

/* ---------- Global typography ---------- */
body {
  font-family: 'Inter', -apple-system, sans-serif !important;
  color: #1E293B !important;
  background: var(--scc-bg) !important;
}

h1, h2, h3, h4, .entry-title, .main-title {
  font-family: 'Poppins', 'Inter', sans-serif !important;
  color: var(--scc-ink) !important;
}

.entry-content a:not(.scc-tile):not(.scc-hero-btn) { color: var(--scc-teal-dark) !important; text-decoration-color: rgba(0,168,150,.4) !important; }
.entry-content a:not(.scc-tile):not(.scc-hero-btn):hover { color: var(--scc-teal) !important; }

/* ---------- Header ---------- */
.site-header, .inside-header {
  background: var(--scc-ink) !important;
}

.main-title a, .site-branding .main-title a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  font-size: 24px !important;
}

.main-title a::after {
  content: " UAE CALCULATORS";
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 1.2px !important;
  color: #E8C468 !important;
  display: inline-block !important;
  margin-left: 8px !important;
  transform: translateY(-2px);
}

.main-navigation, .main-navigation .main-nav ul {
  background: var(--scc-ink) !important;
}

.main-navigation .main-nav ul li a, .menu-toggle {
  color: #DCE7F0 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li[class*="current"] > a {
  color: #FFFFFF !important;
  background: rgba(212, 160, 23, 0.28) !important;
}

.main-navigation .main-nav ul ul {
  background: var(--scc-ink-deep) !important;
  border-radius: 0 0 8px 8px !important;
  overflow: hidden !important;
}

.main-navigation .main-nav ul ul li a { color: #DCE7F0 !important; }

/* ---------- Content layout: pages full width, no sidebar ---------- */
body.page #right-sidebar, body.page #left-sidebar { display: none !important; }
body.page #primary { width: 100% !important; }
body.page .site-content { display: block !important; }

/* Homepage: hero is the H1, hide the page title */
body.home .entry-header { display: none !important; }

/* ---------- Single post layout ---------- */
body.single #right-sidebar, body.single #left-sidebar { display: none !important; }
body.single #primary { width: 100% !important; }
body.single .comments-area, #comments, #respond, .comment-respond { display: none !important; }

body.single .inside-article {
  max-width: 820px !important;
  margin: 0 auto !important;
}

body.single .entry-title {
  font-size: clamp(26px, 5vw, 38px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

body.single .entry-meta {
  font-size: 13px !important;
  color: var(--scc-muted) !important;
}

body.single .post-image img, body.single .featured-image img, body.single .wp-post-image {
  border-radius: 12px !important;
}

body.single .entry-content p { line-height: 1.8 !important; font-size: 17px !important; }
body.single .entry-content h2 { margin-top: 2.2rem !important; font-size: clamp(20px, 4vw, 26px) !important; }

/* ---------- Recommended posts ---------- */
.scc-related {
  margin: 3rem 0 1rem !important;
  border-top: 1px solid var(--scc-border) !important;
  padding-top: 1.5rem !important;
}

.scc-related-h {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  color: var(--scc-ink) !important;
  margin-bottom: 1rem !important;
}

.scc-related-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 14px !important;
}

.scc-rel-card {
  display: block !important;
  background: var(--scc-bg) !important;
  border: 1px solid var(--scc-border) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  transition: border-color .15s ease, transform .15s ease !important;
}

.scc-rel-card:hover { border-color: var(--scc-teal) !important; transform: translateY(-2px) !important; }

.scc-rel-img {
  display: block !important;
  aspect-ratio: 16 / 9 !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: var(--scc-ink) !important;
}

.scc-rel-title {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: var(--scc-ink) !important;
  padding: 12px 14px 14px !important;
  line-height: 1.45 !important;
}

.entry-header { margin-bottom: 1rem !important; }
.page .entry-title { font-size: clamp(26px, 5vw, 36px) !important; font-weight: 600 !important; }

/* ---------- Footer ---------- */
.site-footer, .footer-widgets, .site-info {
  background: var(--scc-ink) !important;
  color: #9FB3C8 !important;
}

.site-info { padding: 20px !important; font-size: 13px !important; }
.site-info a { color: #E8C468 !important; }

/* ---------- Homepage components ---------- */
.scc-hero {
  background: var(--scc-ink) !important;
  border-radius: 16px !important;
  padding: clamp(28px, 6vw, 56px) !important;
  text-align: center !important;
  margin: 0 0 2rem !important;
}

.scc-hero h1 {
  color: #FFFFFF !important;
  font-size: clamp(28px, 6vw, 44px) !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
  line-height: 1.2 !important;
}

.scc-hero h1 .scc-accent { color: #4ADE80 !important; }

.scc-hero p {
  color: #98A2B3 !important;
  font-size: clamp(15px, 2.5vw, 17px) !important;
  max-width: 560px !important;
  margin: 0 auto 24px !important;
  line-height: 1.7 !important;
}

.scc-hero-btns { display: flex !important; gap: 12px !important; justify-content: center !important; flex-wrap: wrap !important; }

.scc-hero-btn {
  display: inline-block !important;
  background: var(--scc-teal) !important;
  color: var(--scc-gold-text) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  padding: 13px 24px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  min-height: 48px !important;
}

.scc-hero-btn:hover { background: #E8C468 !important; color: var(--scc-gold-text) !important; }

.scc-hero-btn.scc-ghost {
  background: transparent !important;
  border: 1px solid #475467 !important;
  color: #DCE7F0 !important;
}

.scc-hero-btn.scc-ghost:hover { border-color: var(--scc-teal) !important; color: #FFFFFF !important; }

.scc-home-h {
  font-size: clamp(20px, 4vw, 26px) !important;
  font-weight: 600 !important;
  margin: 2.5rem 0 1rem !important;
}

.scc-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 1rem !important;
}

.scc-tile {
  display: block !important;
  background: var(--scc-bg) !important;
  border: 1px solid var(--scc-border) !important;
  border-radius: 12px !important;
  padding: 18px !important;
  text-decoration: none !important;
  transition: border-color .15s ease, transform .15s ease !important;
}

.scc-tile:hover {
  border-color: var(--scc-teal) !important;
  transform: translateY(-2px) !important;
}

.scc-tile-tag {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #8A6A0C !important;
  background: rgba(212, 160, 23, 0.12) !important;
  border-radius: 999px !important;
  padding: 2px 10px !important;
  margin-bottom: 10px !important;
}

.scc-tile-title {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: var(--scc-ink) !important;
  margin-bottom: 6px !important;
}

.scc-tile-desc {
  display: block !important;
  font-size: 13px !important;
  color: var(--scc-muted) !important;
  line-height: 1.6 !important;
}

.scc-tile-arrow { color: var(--scc-teal) !important; font-weight: 700 !important; }

.scc-trust {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 14px !important;
  background: var(--scc-surface) !important;
  border-radius: 12px !important;
  padding: 22px !important;
  margin: 2.5rem 0 1.5rem !important;
}

.scc-trust-item strong {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  color: var(--scc-ink) !important;
  margin-bottom: 4px !important;
}

.scc-trust-item span { font-size: 13px !important; color: var(--scc-muted) !important; line-height: 1.6 !important; }

.scc-coming {
  border: 1px dashed var(--scc-border) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  font-size: 14px !important;
  color: var(--scc-muted) !important;
  margin: 0 0 2rem !important;
}