/* ================================================================
   Contact Us — .ct-* namespace
   ================================================================ */

.ct-hero {
    position: relative; overflow: hidden;
    padding: 64px 24px 54px; text-align: center;
    background:
        radial-gradient(ellipse at 50% -20%, rgba(var(--theme-color),.22), transparent 60%),
        linear-gradient(180deg, #15151b 0%, #0e0e13 100%);
    border-bottom: 1px solid rgba(var(--theme-color),.25);
}
.ct-hero-inner { max-width: 640px; margin: 0 auto; }
.ct-hero .sub-title3 { margin-bottom: 8px; }
.ct-hero h1 { color:#fff; font-size:42px; font-weight:800; margin:0; letter-spacing:-.02em; }
.ct-hero h1 span { color: rgba(var(--theme-color),1); }
.ct-hero p { margin:14px auto 0; max-width:520px; font-size:15px; line-height:1.6; color:rgba(255,255,255,.55); }
@media (max-width:767px){ .ct-hero h1 { font-size:30px; } }

.ct-grid { display:grid; grid-template-columns: 1.7fr 1fr; gap:24px; align-items:start; }
@media (max-width:991px){ .ct-grid { grid-template-columns:1fr; } }

.ct-form-card, .ct-info-card {
    background: var(--bg-major-black, #0a0a0d);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px; padding: 24px;
}
.ct-card-h { font-size:16px; font-weight:700; color:#fff; margin:0 0 18px; display:flex; align-items:center; gap:10px; }
.ct-card-h i { color: rgba(var(--theme-color),1); }

.ct-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:560px){ .ct-row { grid-template-columns:1fr; } }
.ct-field { margin-bottom:16px; }
.ct-field label { display:block; font-size:13px; color:rgba(255,255,255,.6); margin-bottom:7px; font-weight:500; }
.ct-field label small { color:rgba(255,255,255,.35); font-weight:400; margin-left:4px; }
.ct-input {
    width:100%; box-sizing:border-box; padding:11px 14px;
    background:rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.08);
    border-radius:8px; color:#fff; font-size:14px;
}
.ct-input:focus { outline:none; border-color:rgba(var(--theme-color),.5); }
.ct-input[readonly] { opacity:.7; cursor:not-allowed; }

/* Drop zone */
.ct-drop {
    display:flex; flex-direction:column; align-items:center; gap:8px;
    padding:22px; border:2px dashed rgba(255,255,255,.12); border-radius:10px;
    background:rgba(0,0,0,.2); color:rgba(255,255,255,.5); font-size:13px; cursor:pointer;
    transition:border-color .15s, background .15s;
}
.ct-drop:hover, .ct-drop.drag { border-color:rgba(var(--theme-color),.5); background:rgba(var(--theme-color),.04); color:rgba(255,255,255,.75); }
.ct-drop i { font-size:24px; color:rgba(var(--theme-color),1); }
.ct-drop u { color:rgba(var(--theme-color),1); }
.ct-previews { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.ct-prv { position:relative; width:84px; height:84px; border-radius:8px; padding:4px; background:rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.08); }
.ct-prv.bad { border-color:rgba(231,76,60,.5); }
.ct-prv-th { width:100%; height:56px; border-radius:5px; background:rgba(0,0,0,.4) center/cover no-repeat; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.4); }
.ct-prv-nm { font-size:9px; color:rgba(255,255,255,.5); margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ct-prv-rm { position:absolute; top:-6px; right:-6px; width:20px; height:20px; border-radius:50%; background:#c0392b; color:#fff; border:1px solid #14171f; cursor:pointer; font-size:9px; display:flex; align-items:center; justify-content:center; }
.ct-prv-er { position:absolute; bottom:24px; left:4px; right:4px; font-size:8px; font-weight:700; color:#ff5b4f; background:rgba(0,0,0,.7); padding:1px 3px; border-radius:3px; text-align:center; }

.ct-alert { padding:11px 14px; border-radius:8px; font-size:13px; margin-bottom:14px; }
.ct-alert-err { background:rgba(231,76,60,.12); color:#ff7e6a; }
.ct-alert-ok  { background:rgba(46,204,113,.12); color:#2ecc71; }

.ct-btn {
    background:linear-gradient(135deg, rgba(var(--theme-color),1), rgba(var(--theme-color),.7));
    border:none; color:#fff; font-weight:700; font-family:inherit;
    padding:12px 24px; border-radius:8px; cursor:pointer; font-size:14px;
    display:inline-flex; align-items:center; gap:8px; transition:filter .15s, transform .15s;
}
.ct-btn:hover { filter:brightness(1.08); transform:translateY(-1px); }
.ct-btn:disabled { opacity:.6; cursor:not-allowed; }

/* Info card */
.ct-info-note { font-size:13px; color:rgba(255,255,255,.55); line-height:1.6; margin:0 0 16px; }
.ct-info-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.ct-info-list li { display:flex; gap:12px; }
.ct-info-ic {
    width:38px; height:38px; flex-shrink:0; border-radius:9px;
    background:rgba(var(--theme-color),.12); color:rgba(var(--theme-color),1);
    display:flex; align-items:center; justify-content:center; font-size:15px;
}
.ct-info-lbl { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.4px; color:rgba(255,255,255,.4); margin-bottom:2px; }
.ct-info-list a { color:#fff; text-decoration:none; font-size:14px; }
.ct-info-list a:hover { color:rgba(var(--theme-color),1); }
.ct-info-list > li > div { font-size:14px; color:rgba(255,255,255,.8); }

/* TinyMCE chrome to match theme */
#ct-message + .tox .tox-edit-area__iframe { background:#15151a !important; }

/* ================================================================
   TinyMCE — warm-neutral theme (no blue), mirrors /myaccount/reports
   ================================================================ */
.ct-form-card .tox.tox-tinymce,
.ct-form-card .tox.tox-tinymce *,
.ct-form-card .tox.tox-tinymce *::before,
.ct-form-card .tox.tox-tinymce *::after {
    outline-color: rgba(var(--theme-color), 0.55) !important;
}
.ct-form-card .tox.tox-tinymce {
    border: 1px solid #2a2a2f !important;
    border-radius: 6px;
    background: #15151a;
}
.ct-form-card .tox-editor-container,
.ct-form-card .tox-editor-header,
.ct-form-card .tox-sidebar-wrap,
.ct-form-card .tox-anchorbar { background: #15151a !important; }
.ct-form-card .tox-toolbar-overlord,
.ct-form-card .tox-toolbar__primary,
.ct-form-card .tox-toolbar,
.ct-form-card .tox-toolbar__group,
.ct-form-card .tox-edit-area,
.ct-form-card .tox-edit-area__iframe,
.ct-form-card .tox-statusbar,
.ct-form-card .tox-promotion {
    background-color: #1a1a1f !important;
    background-image: none !important;
    border-color: #2a2a2f !important;
}
.ct-form-card .tox-toolbar__group + .tox-toolbar__group::before,
.ct-form-card .tox-toolbar__group {
    box-shadow: none !important;
    border-color: #2a2a2f !important;
}
.ct-form-card .tox-edit-area__iframe { color-scheme: dark !important; }
.ct-form-card .tox-tbtn { color: #cfd2dc !important; }
.ct-form-card .tox-tbtn svg { fill: #cfd2dc !important; }
.ct-form-card .tox-tbtn:hover:not(:disabled),
.ct-form-card .tox-tbtn:focus:not(:disabled) {
    background: rgba(var(--theme-color), 0.12) !important;
    color: #fff !important;
}
.ct-form-card .tox-tbtn:hover svg,
.ct-form-card .tox-tbtn:focus svg { fill: rgba(var(--theme-color), 1) !important; }
.ct-form-card .tox-tbtn--enabled,
.ct-form-card .tox-tbtn--enabled:hover {
    background: rgba(var(--theme-color), 0.22) !important;
    color: #fff !important;
}
.ct-form-card .tox-tbtn--enabled svg { fill: rgba(var(--theme-color), 1) !important; }
.ct-form-card .tox-statusbar a { color: rgba(var(--theme-color), 1) !important; }
.ct-form-card .tox-statusbar__path-item,
.ct-form-card .tox-statusbar__wordcount { color: #7b8090 !important; }
.ct-form-card .tox-tbtn--bespoke .tox-tbtn__select-label { color: #cfd2dc !important; }
.ct-form-card .tox .tox-edit-area::before { border-color: rgba(var(--theme-color), 0.55) !important; }
.ct-form-card .tox-tbtn--select:focus,
.ct-form-card .tox-tbtn:focus {
    box-shadow: 0 0 0 1px rgba(var(--theme-color), 0.45) inset !important;
}
.ct-form-card .tox.tox-tinymce:focus-within {
    border-color: rgba(var(--theme-color), 0.6) !important;
    box-shadow: 0 0 0 1px rgba(var(--theme-color), 0.2);
}
.ct-form-card .tox-tbtn,
.ct-form-card .tox-tbtn--bespoke,
.ct-form-card .tox-mbtn {
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
}
.ct-form-card .tox-tbtn--bespoke { background: #1a1a1f !important; }
.ct-form-card .tox-split-button { background: transparent !important; }
.ct-form-card .tox-tbtn[aria-pressed=true] { background: rgba(var(--theme-color), 0.22) !important; }

/* Portalled UI (menus + dialogs live on <body>) — global .tox */
.tox .tox-menu,
.tox .tox-collection--list .tox-collection__group {
    background: #15151a !important; border-color: #2a2a2f !important;
}
.tox .tox-collection__item { color: #cfd2dc !important; background: transparent !important; }
.tox .tox-collection__item svg { fill: #cfd2dc !important; }
.tox .tox-collection__item--active,
.tox .tox-collection__item:hover {
    background: rgba(var(--theme-color), 0.18) !important; color: #fff !important;
}
.tox .tox-collection__item--active svg,
.tox .tox-collection__item:hover svg { fill: #fff !important; }
.tox .tox-collection__item--enabled { background: rgba(var(--theme-color), 0.10) !important; color: #fff !important; }
.tox .tox-dialog-wrap__backdrop { background: rgba(0, 0, 0, 0.75) !important; }
.tox .tox-dialog {
    background: #15151a !important; border: 1px solid #2a2a2f !important; border-radius: 8px !important;
    box-shadow: 0 24px 64px rgba(0,0,0,0.55), 0 0 0 1px rgba(var(--theme-color), 0.15) !important;
}
.tox .tox-dialog__header,
.tox .tox-dialog__body,
.tox .tox-dialog__footer { background: #15151a !important; border-color: #2a2a2f !important; }
.tox .tox-dialog__title { color: #fff !important; font-weight: 700; }
.tox .tox-dialog__body-content,
.tox .tox-dialog__body-nav-item,
.tox .tox-form__group label,
.tox .tox-label { color: #cfd2dc !important; }
.tox .tox-dialog__body-nav-item--active { color: #fff !important; border-color: rgba(var(--theme-color), 1) !important; }
.tox .tox-textfield,
.tox .tox-textarea,
.tox .tox-toolbar-textfield,
.tox .tox-listbox,
.tox .tox-listboxfield .tox-listbox--select,
.tox .tox-form__controls-h-stack > input {
    background: #0d0d11 !important; border: 1px solid #2a2a2f !important; color: #fff !important;
}
.tox .tox-textfield:focus,
.tox .tox-textarea:focus,
.tox .tox-listbox:focus,
.tox .tox-listbox--select:focus {
    border-color: rgba(var(--theme-color), 0.6) !important;
    box-shadow: 0 0 0 1px rgba(var(--theme-color), 0.25) !important; outline: none !important;
}
.tox .tox-button {
    background: rgba(255,255,255,0.06) !important; border: 1px solid #2a2a2f !important;
    color: #cfd2dc !important; border-radius: 5px !important;
}
.tox .tox-button:hover { background: rgba(255,255,255,0.10) !important; color: #fff !important; }
.tox .tox-button--naked { background: transparent !important; border-color: transparent !important; }
.tox .tox-button--icon,
.tox .tox-button--naked.tox-button--icon { color: #cfd2dc !important; }
.tox .tox-button--icon svg { fill: #cfd2dc !important; }
.tox .tox-button:not(.tox-button--secondary):not(.tox-button--naked):not(.tox-button--icon),
.tox .tox-button[type="submit"] {
    background: rgba(var(--theme-color), 1) !important; border-color: rgba(var(--theme-color), 1) !important; color: #fff !important;
}
.tox .tox-button:not(.tox-button--secondary):not(.tox-button--naked):not(.tox-button--icon):hover { filter: brightness(1.1); }
.tox .tox-button--secondary { background: rgba(255,255,255,0.05) !important; border-color: #2a2a2f !important; color: #cfd2dc !important; }
.tox .tox-notification--in,
.tox .tox-notification { background: #1a1a1f !important; border-color: #2a2a2f !important; color: #cfd2dc !important; }
.tox .tox-tab { color: #cfd2dc !important; }
.tox .tox-tab.tox-tab--active,
.tox .tox-tab:focus { color: #fff !important; border-bottom-color: rgba(var(--theme-color), 1) !important; }