/*
Theme Name: The One General Trader
Theme URI: https://theonegt.com
Author: The One GT
Author URI: https://theonegt.com
Description: Custom theme for The One General Trader - Premium Vietnamese Agricultural Exports
Version: 1.0.0
License: Proprietary
Text Domain: the-one-gt
*/

/* ============================================================
   Article body (.prose) — the Tailwind typography plugin handles
   spacing/lists; these overrides recolor headings and accents to
   the brand navy/orange.
   ============================================================ */
.prose h2, .prose h3, .prose h4 { color: #102a61; font-weight: 600; }
.prose strong { color: #102a61; }
.prose a { color: #3B5BA9; }
.prose li::marker { color: #fe9824; }
/* Templates provide their own quotes and colored table headers
   (e.g. single-news.php price table on navy) — don't let the
   typography plugin recolor th or inject quotation marks. */
.prose thead th { color: inherit; }
.prose blockquote { quotes: none; }
.prose blockquote p:first-of-type::before,
.prose blockquote p:last-of-type::after { content: none; }

/* ============================================================
   Contact Form 7 — shared base styling
   The same "Inquiry Form" is styled for two contexts:
   .cf7-hero  = dark glass (front-page CTA, blue background)
   .cf7-light = light card (contact page)
   ============================================================ */
.wpcf7 .cf7-row { margin-bottom: 1rem; }
.wpcf7 label { display: block; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; margin-bottom: .5rem; }
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    border-radius: .5rem;
    padding: .75rem 1rem;
    font-size: .95rem;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
}
.wpcf7 textarea { min-height: 120px; resize: vertical; }
.wpcf7 select {
    -webkit-appearance: none; appearance: none;
    background-repeat: no-repeat; background-position: right 1rem center; background-size: 16px;
    padding-right: 2.5rem;
}
.wpcf7 .cf7-submit { margin-top: .25rem; }
.wpcf7 input[type=submit] {
    width: 100%;
    background: #F7931E; color: #fff; border: none; border-radius: .5rem;
    padding: 1rem; font-weight: 700; font-size: 1.05rem; cursor: pointer;
    box-shadow: 0 18px 30px -8px rgba(0,0,0,.25);
    transition: transform .2s ease, filter .2s ease;
}
.wpcf7 input[type=submit]:hover { transform: scale(1.02); filter: brightness(1.05); }
.wpcf7-spinner { margin: .5rem auto 0; display: block; }
.wpcf7 .wpcf7-not-valid-tip { font-size: .75rem; margin-top: .25rem; font-weight: 600; text-transform: none; letter-spacing: 0; }
.wpcf7-response-output { border-radius: .5rem; margin: 1rem 0 0 !important; padding: .75rem 1rem !important; font-size: .85rem; }

/* ---- Dark context: front-page CTA ---- */
.cf7-hero .wpcf7 label { color: rgba(255,255,255,.55); }
.cf7-hero .wpcf7 input[type=text],
.cf7-hero .wpcf7 input[type=email],
.cf7-hero .wpcf7 input[type=tel],
.cf7-hero .wpcf7 select,
.cf7-hero .wpcf7 textarea {
    background-color: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.15);
    color: #fff;
}
.cf7-hero .wpcf7 input::placeholder,
.cf7-hero .wpcf7 textarea::placeholder { color: rgba(255,255,255,.45); }
.cf7-hero .wpcf7 select option { background: #2A4179; color: #fff; }
.cf7-hero .wpcf7 select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 1.1rem auto; }
.cf7-hero .wpcf7 input:focus,
.cf7-hero .wpcf7 select:focus,
.cf7-hero .wpcf7 textarea:focus { box-shadow: 0 0 0 2px #F7931E; border-color: transparent; }

/* ---- Light context: contact page ---- */
.cf7-light .wpcf7 label { color: #6b7280; }
.cf7-light .wpcf7 input[type=text],
.cf7-light .wpcf7 input[type=email],
.cf7-light .wpcf7 input[type=tel],
.cf7-light .wpcf7 select,
.cf7-light .wpcf7 textarea {
    background-color: #fff;
    border: 1px solid #d1d5db;
    color: #1f2937;
}
.cf7-light .wpcf7 select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 1.1rem auto; }

/* ============================================================
   Front-page stats — 4-column block (page content)
   ============================================================ */
.front-stats .wp-block-columns { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: stretch; }
.front-stats .wp-block-column {
    flex: 1 1 200px;
    background: #fff;
    border: 1px solid #F5F7FA;
    border-radius: .75rem;
    box-shadow: 0 1px 3px rgba(31,41,55,.06);
    padding: 2rem;
}
.front-stats .wp-block-column > *:first-child { margin-top: 0; }
.front-stats h1, .front-stats h2, .front-stats h3, .front-stats h4 {
    color: #F7931E;
    font-family: "Manrope", sans-serif;
    font-size: 3rem;
    line-height: 1;
    font-weight: 800;
    margin: 0 0 .5rem;
}
.front-stats p { color: #4B5563; font-weight: 500; margin: 0; }
.cf7-light .wpcf7 input:focus,
.cf7-light .wpcf7 select:focus,
.cf7-light .wpcf7 textarea:focus { box-shadow: 0 0 0 2px #3B5BA9; border-color: #3B5BA9; }