/*
Theme Name: Beyond The Markets
Theme URI: https://beyondthemarketstrading.com
Author: Beyond The Markets
Description: Black and gold theme for the Beyond The Markets trading community: landing page, members' charts, join and support pages.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beyond-the-markets
*/

/* ---------- header ---------- */
.btm-header { position: sticky; top: 0; z-index: 100; background: rgba(11, 11, 12, 0.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(212, 175, 55, 0.18); }
.admin-bar .btm-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .btm-header { top: 46px; } }
.btm-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.btm-brand img { display: block; height: auto; }
.btm-brand .btm-mark { width: 38px; }
.btm-brand .btm-word { width: 168px; }
@media (max-width: 600px) { .btm-brand .btm-word { width: 128px; } .btm-brand .btm-mark { width: 30px; } }
.btm-header .wp-block-navigation a { color: var(--wp--preset--color--contrast); }
.btm-header .wp-block-navigation a:hover, .btm-header .wp-block-navigation .current-menu-item > a { color: var(--wp--preset--color--gold-light); }
.btm-header .wp-block-navigation__responsive-container.is-menu-open { background: #0b0b0c !important; }
.btm-account-btn { display: inline-flex; align-items: center; gap: 6px; padding: 0.55rem 1.1rem; border: 1px solid var(--wp--preset--color--gold); border-radius: 6px; color: var(--wp--preset--color--gold-light) !important; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.btm-account-btn:hover { background: var(--wp--preset--color--gold); color: #0b0b0c !important; }
.btm-account-btn.is-join { background: var(--wp--preset--color--gold); color: #0b0b0c !important; }
.btm-account-btn.is-join:hover { background: var(--wp--preset--color--gold-light); }
.btm-header-actions { display: flex; align-items: center; gap: 10px; }
@media (max-width: 600px) { .btm-header-actions .btm-hide-sm { display: none; } }

/* ---------- shared pieces ---------- */
.btm-gold-text { background: linear-gradient(135deg, #f7e08a 0%, #d4af37 45%, #b8891f 100%); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.btm-eyebrow { color: var(--wp--preset--color--gold) !important; font-size: 0.8rem !important; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; }
.btm-rule { width: 72px; height: 2px; margin: 0.25rem auto 0; border: 0; background: linear-gradient(90deg, transparent, #d4af37, transparent); }
.btm-card { height: 100%; padding: 1.75rem 1.5rem; background: linear-gradient(180deg, #17171a 0%, #111113 100%); border: 1px solid #26262b; border-radius: 12px; transition: border-color 0.2s, transform 0.2s; }
.btm-card:hover { border-color: rgba(212, 175, 55, 0.55); transform: translateY(-2px); }
.btm-card h3 { margin-top: 0.75rem; font-size: 1.1rem !important; }
.btm-card p { color: var(--wp--preset--color--muted); font-size: 0.95rem; margin-bottom: 0; }
.btm-icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1.5px solid #d4af37; border-radius: 50%; color: #d4af37; }
.btm-icon svg { width: 26px; height: 26px; }
.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; border: 1.5px solid var(--wp--preset--color--gold); color: var(--wp--preset--color--gold-light); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgba(212, 175, 55, 0.12); }
.btm-shot img { border: 1px solid #2a2a2f; border-radius: 10px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.08); }
.btm-shot figcaption { color: var(--wp--preset--color--muted); font-size: 0.9rem; text-align: center; }
.btm-step-num { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, #f7e08a, #d4af37 50%, #9c7417); color: #0b0b0c; font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 1.15rem; }
.btm-banner img { width: 100%; height: auto; display: block; border-radius: 0; }
.btm-hero { background: var(--wp--preset--gradient--night); }
.btm-note { color: var(--wp--preset--color--muted); font-size: 0.85rem; }
.btm-faq details { padding: 1rem 1.25rem; margin-bottom: 0.75rem; background: #141416; border: 1px solid #26262b; border-radius: 10px; }
.btm-faq summary { cursor: pointer; font-weight: 600; color: var(--wp--preset--color--contrast); }
.btm-faq details[open] summary { color: var(--wp--preset--color--gold-light); }
.btm-faq details p { margin: 0.75rem 0 0; color: var(--wp--preset--color--muted); }

/* ---------- footer ---------- */
.btm-footer { border-top: 1px solid rgba(212, 175, 55, 0.18); background: #08080a; }
.btm-footer a { color: var(--wp--preset--color--muted); text-decoration: none; }
.btm-footer a:hover { color: var(--wp--preset--color--gold-light); }
.btm-footer .btm-risk { color: #85858c; font-size: 0.78rem; line-height: 1.6; }
.btm-footer-links { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; font-size: 0.85rem; }

/* ---------- full-screen chart page ---------- */
.btm-chart-page main { padding: 0 !important; }
.btm-chart-page .cc-chart-app.cc-fill { height: calc(100vh - var(--btm-header-h, 72px)) !important; min-height: 520px; border-radius: 0; border-left: 0; border-right: 0; }
.admin-bar.btm-chart-page .cc-chart-app.cc-fill { height: calc(100vh - var(--btm-header-h, 72px) - 32px) !important; }

/* ---------- forms (join / account) ---------- */
.btm-form { max-width: 560px; margin: 0 auto; padding: 2rem; background: #141416; border: 1px solid #26262b; border-radius: 12px; }
.btm-form h3 { margin-top: 0; }
.btm-form label { display: block; margin: 1rem 0 0.35rem; font-weight: 600; font-size: 0.9rem; }
.btm-form input[type="text"], .btm-form input[type="email"], .btm-form input[type="password"], .btm-form select,
.login-form input[type="text"], .login-form input[type="password"], #loginform input[type="text"], #loginform input[type="password"] {
	width: 100%; padding: 0.75rem 0.9rem; color: #f4f4f5; background: #0b0b0c; border: 1px solid #2f2f35; border-radius: 6px; font: inherit; box-sizing: border-box;
}
.btm-form input:focus, .btm-form select:focus, #loginform input:focus { outline: none; border-color: #d4af37; box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18); }
.btm-form .btm-help { margin: 0.35rem 0 0; color: var(--wp--preset--color--muted); font-size: 0.82rem; }
.btm-form .btm-check { display: flex; gap: 0.6rem; align-items: flex-start; margin-top: 1.25rem; font-weight: 400; font-size: 0.88rem; color: var(--wp--preset--color--muted); }
.btm-form .btm-check input { margin-top: 0.25rem; accent-color: #d4af37; }
.btm-form button, #loginform .button-primary, .btm-btn {
	display: inline-block; margin-top: 1.5rem; padding: 0.85rem 1.6rem; color: #0b0b0c; background: #d4af37; border: 0; border-radius: 6px; cursor: pointer;
	font: 700 0.95rem/1.2 var(--wp--preset--font-family--body); letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none;
}
.btm-form button:hover, #loginform .button-primary:hover, .btm-btn:hover { background: #f1d27a; color: #0b0b0c; }
.btm-btn.is-outline { background: transparent; color: #f1d27a; border: 1.5px solid #d4af37; }
.btm-btn.is-disabled { opacity: 0.55; pointer-events: none; }
.btm-msg { margin: 0 0 1.25rem; padding: 0.9rem 1.1rem; border-radius: 8px; border: 1px solid; font-size: 0.95rem; }
.btm-msg.is-error { color: #ffb4b4; background: rgba(239, 83, 80, 0.08); border-color: rgba(239, 83, 80, 0.4); }
.btm-msg.is-ok { color: #b8f0d8; background: rgba(38, 166, 154, 0.08); border-color: rgba(38, 166, 154, 0.4); }
.btm-msg.is-wait { color: #f1d27a; background: rgba(212, 175, 55, 0.07); border-color: rgba(212, 175, 55, 0.4); }
.btm-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
#loginform p { margin: 0 0 0.25rem; }
#loginform label { display: block; margin: 1rem 0 0.35rem; font-weight: 600; font-size: 0.9rem; }
#loginform .login-remember label { display: flex; gap: 0.5rem; align-items: center; font-weight: 400; color: var(--wp--preset--color--muted); }
.btm-status { display: inline-block; padding: 0.2rem 0.7rem; border-radius: 99px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.btm-status.is-pending { background: rgba(212, 175, 55, 0.15); color: #f1d27a; }
.btm-status.is-approved { background: rgba(38, 166, 154, 0.15); color: #7fe0c4; }
.btm-status.is-rejected { background: rgba(239, 83, 80, 0.15); color: #ff9a98; }
.btm-locked { max-width: 640px; margin: 4rem auto; padding: 2.5rem 2rem; text-align: center; background: #141416; border: 1px solid #26262b; border-radius: 12px; }
.btm-locked h2 { margin-top: 0; }