/*
Theme Name: Carbon Exchanger
Theme URI: https://carbonexchanger.com
Description: Carbon Exchanger — a dynamic, fully editable carbon-credit projects website. Projects are a custom post type, each with its own inner page, and all homepage content is editable in Appearance → Customize. Contact handled by Contact Form 7. No marketplace / checkout.
Version: 1.0.1
Author: Carbon Exchanger
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: carbon-exchanger
*/

/* The visual design is delivered with precompiled Tailwind (assets/css/tailwind.css)
   plus the tokens below. This style.css exists so WordPress recognises the theme. */

:root{
  --cx-green:#16A34A; --cx-green-dk:#15803D; --cx-green-deep:#04311E;
  --cx-leaf:#22C55E; --cx-mint:#ECFDF5; --cx-ink:#0B1F16;
}
/* System-font fallback renders text instantly; the webfont swaps in (less layout shift). */
body{ font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; background:#ffffff; color:#1f2937; }
h1,h2,h3,h4{ font-family:'Plus Jakarta Sans','Inter',sans-serif; }

/* Dynamic logo (Appearance → Customize → Site Identity → Logo) */
.cx-custom-logo img{ height:40px; width:auto; max-width:190px; display:block; }
.cx-custom-logo a{ display:inline-flex; align-items:center; }

/* Scrollbars */
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-track{ background:#F0FDF4; }
::-webkit-scrollbar-thumb{ background:#86EFAC; border-radius:5px; }
::-webkit-scrollbar-thumb:hover{ background:#16A34A; }
.no-scrollbar::-webkit-scrollbar{ display:none; }
.no-scrollbar{ -ms-overflow-style:none; scrollbar-width:none; }

/* Hero overlay so text stays legible over any background photo */
.cx-hero-overlay{ background:linear-gradient(100deg, rgba(4,49,30,.86) 0%, rgba(4,49,30,.66) 45%, rgba(4,49,30,.28) 100%); }

/* Contact Form 7 — make it match the theme without the user touching CF7 markup */
.cx-cf7 .wpcf7-form input[type=text],
.cx-cf7 .wpcf7-form input[type=email],
.cx-cf7 .wpcf7-form input[type=tel],
.cx-cf7 .wpcf7-form input[type=url],
.cx-cf7 .wpcf7-form input[type=number],
.cx-cf7 .wpcf7-form select,
.cx-cf7 .wpcf7-form textarea{
  width:100%; background:#fff; border:1px solid #D1FAE5; border-radius:.75rem;
  padding:.75rem .9rem; font-size:.9rem; color:#111827; margin-top:.25rem;
}
.cx-cf7 .wpcf7-form input:focus,
.cx-cf7 .wpcf7-form select:focus,
.cx-cf7 .wpcf7-form textarea:focus{ outline:none; border-color:#16A34A; box-shadow:0 0 0 3px rgba(22,163,74,.15); }
.cx-cf7 .wpcf7-form label{ display:block; font-size:.8rem; font-weight:600; color:#374151; margin-bottom:.1rem; }
.cx-cf7 .wpcf7-form .wpcf7-submit{
  background:#16A34A; color:#fff; border:none; border-radius:.75rem; padding:.8rem 1.6rem;
  font-weight:700; font-size:.85rem; cursor:pointer; transition:background .2s; width:auto;
}
.cx-cf7 .wpcf7-form .wpcf7-submit:hover{ background:#15803D; }
.cx-cf7 .wpcf7-form p{ margin:0 0 1rem; }

/* Post / project body content (the editor output) */
.cx-content{ font-size:.95rem; line-height:1.75; }
.cx-content > *{ margin:0 0 1.1rem; }
.cx-content h2{ font-size:1.5rem; font-weight:700; color:#0B1F16; margin:1.8rem 0 .8rem; }
.cx-content h3{ font-size:1.2rem; font-weight:700; color:#0B1F16; margin:1.5rem 0 .6rem; }
.cx-content a{ color:#16A34A; text-decoration:underline; }
.cx-content ul, .cx-content ol{ padding-left:1.3rem; }
.cx-content ul{ list-style:disc; }
.cx-content ol{ list-style:decimal; }
.cx-content li{ margin:.35rem 0; }
.cx-content img{ border-radius:.9rem; max-width:100%; height:auto; }
.cx-content blockquote{ border-left:4px solid #16A34A; background:#ECFDF5; padding:.8rem 1.1rem; border-radius:.5rem; color:#374151; }
.cx-content strong{ color:#0B1F16; }

/* Pagination */
.cx-pagination .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 .5rem; border-radius:.75rem; border:1px solid #D1FAE5; color:#374151; font-weight:600; font-size:.9rem; text-decoration:none; transition:all .2s; }
.cx-pagination .page-numbers:hover{ border-color:#16A34A; color:#16A34A; }
.cx-pagination .page-numbers.current{ background:#16A34A; border-color:#16A34A; color:#fff; }