.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;}
}
article {
    background-color: transparent !important;
}
/* HOME: remove boxing around the section-2 module position column */
.home-fullbleed {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* T4: section-2 is still wrapped in a fixed container; force full width */
.t4-section.section-2 > .container,
.t4-section.section-2 > .container-lg,
.t4-section.section-2 > .container-md,
.t4-section.section-2 > .container-sm,
.t4-section.section-2 > .container-xl,
.t4-section.section-2 > .container-xxl {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Make the overall page behind the homepage dark too (style-only) */
body { background: #0b0f14; }
/* =========================
   T4 FIX: unbox section-2
   (container + column padding)
========================= */

/* 1) Make sure the wrapper container inside section-2 is not limiting or padding */
.t4-section.section-2 .container,
.t4-section.section-2 .container-fluid,
.t4-section.section-2 .container-lg,
.t4-section.section-2 .container-md,
.t4-section.section-2 .container-sm,
.t4-section.section-2 .container-xl,
.t4-section.section-2 .container-xxl {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2) THIS is the big one: kill T4's 20px column padding inside section-2 */
.t4-section.section-2 .row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) If section-2 itself has any padding, kill it too */
.t4-section.section-2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 4) Optional: ensure the page background isn't showing through as white */
html, body, #t4-main-body, .t4-main-body {
  background: #0b0f14 !important;
}
/* =========================
   T4 FIX: remove gutter via variable
   Section-2 full bleed
========================= */

/* Kill T4 gutter variable ONLY for section-2 */
#t4-section-2,
#t4-section-2 .t4-section-inner,
#t4-section-2 .container-fluid {
  --t4-gutter-x: 0 !important;
}

/* Safety: ensure no padding sneaks back in */
#t4-section-2 .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* =========================================================
   Joomla core login page (com_users view-login) – T4
   Scoped so it only affects the login view
   ========================================================= */

body.com_users.view-login .t4-wrapper {
  color: #eaeaea;
}

/* Labels / helper text */
body.com_users.view-login .t4-wrapper label,
body.com_users.view-login .t4-wrapper .form-text,
body.com_users.view-login .t4-wrapper .control-label {
  color: #eaeaea !important;
}

/* Inputs */
body.com_users.view-login .t4-wrapper input[type="text"],
body.com_users.view-login .t4-wrapper input[type="password"],
body.com_users.view-login .t4-wrapper input[type="email"],
body.com_users.view-login .t4-wrapper .form-control {
  background: #0f1115 !important;
  color: #f2f2f2 !important;
  border: 1px solid #3a3f4a !important;
}

/* Placeholder text */
body.com_users.view-login .t4-wrapper input::placeholder {
  color: #a9b0bd !important;
}

/* Focus ring */
body.com_users.view-login .t4-wrapper input:focus,
body.com_users.view-login .t4-wrapper .form-control:focus {
  border-color: #4f7cff !important;
  box-shadow: 0 0 0 0.2rem rgba(79,124,255,.25) !important;
}

/* “Forgot password/username” links */
body.com_users.view-login .t4-wrapper a {
  color: #4f7cff !important;
  text-decoration: none;
}
body.com_users.view-login .t4-wrapper a:hover {
  text-decoration: underline;
}

/* Buttons */
body.com_users.view-login .t4-wrapper .btn {
  border-radius: 10px !important;
}

/* Primary login button */
body.com_users.view-login .t4-wrapper .btn-primary {
  background: #2f6bff !important;
  border-color: #2f6bff !important;
  color: #fff !important;
}

/* Passkey button (yours is gray right now) */
body.com_users.view-login .t4-wrapper .btn-secondary,
body.com_users.view-login .t4-wrapper .btn-outline-secondary {
  background: #2a2f38 !important;
  border-color: #3a3f4a !important;
  color: #f2f2f2 !important;
}

/* Alerts (“Please fill in this field” / system messages) */
body.com_users.view-login .t4-wrapper .alert,
body.com_users.view-login .t4-wrapper .alert-message {
  background: #2a1212 !important;
  border-color: #6b2a2a !important;
  color: #ffe6e6 !important;
}

/* =========================================================
   Membership Pro (OSMembership) – Profile / Account pages
   Scoped to com_osmembership + T4
   ========================================================= */

/* Page text */
body.com_osmembership .t4-wrapper {
  color: #e6e6e6;
}

/* Section headings */
body.com_osmembership .t4-wrapper h1,
body.com_osmembership .t4-wrapper h2,
body.com_osmembership .t4-wrapper h3 {
  color: #ffffff;
}

/* Labels */
body.com_osmembership .t4-wrapper label {
  color: #e6e6e6 !important;
  font-weight: 600;
}

/* Inputs (text, email, password, select) */
body.com_osmembership .t4-wrapper input:not([type="checkbox"]):not([type="radio"]),
body.com_osmembership .t4-wrapper select,
body.com_osmembership .t4-wrapper textarea {
  background: #0f1115 !important;
  color: #f2f2f2 !important;
  border: 1px solid #3a3f4a !important;
  border-radius: 6px;
}

/* Placeholder text */
body.com_osmembership .t4-wrapper input::placeholder,
body.com_osmembership .t4-wrapper textarea::placeholder {
  color: #9aa3b2 !important;
}

/* Focus state */
body.com_osmembership .t4-wrapper input:focus,
body.com_osmembership .t4-wrapper select:focus,
body.com_osmembership .t4-wrapper textarea:focus {
  border-color: #4f7cff !important;
  box-shadow: 0 0 0 0.2rem rgba(79,124,255,.25) !important;
}

/* Read-only fields (email / membership id) */
body.com_osmembership .t4-wrapper input[readonly] {
  background: #151821 !important;
  color: #cfd6e0 !important;
}

/* Buttons – normalize look */
body.com_osmembership .t4-wrapper .btn {
  border-radius: 10px;
  font-weight: 600;
}

/* Primary buttons (Update / Process Renew) */
body.com_osmembership .t4-wrapper .btn-primary {
  background: #2f6bff !important;
  border-color: #2f6bff !important;
  color: #fff !important;
}

/* Secondary buttons (Logout, etc.) */
body.com_osmembership .t4-wrapper .btn-secondary,
body.com_osmembership .t4-wrapper .btn-outline-secondary {
  background: #2a2f38 !important;
  border-color: #3a3f4a !important;
  color: #f2f2f2 !important;
}

/* Tables / subscription history */
body.com_osmembership .t4-wrapper table {
  color: #e6e6e6;
}

body.com_osmembership .t4-wrapper table th {
  background: #1a1d26;
  color: #ffffff;
  border-color: #2a2f38;
}

body.com_osmembership .t4-wrapper table td {
  border-color: #2a2f38;
}

/* Alerts / messages */
body.com_osmembership .t4-wrapper .alert {
  background: #1e2430;
  border-color: #3a4a7a;
  color: #e6ecff;
}

/* IMPORTANT: do NOT style Stripe iframes */
body.com_osmembership iframe[src*="stripe"] {
  all: revert !important;
}

/* =========================================================
   Joomla core user profile page (com_users view-profile) – T4
   Fix low-contrast text on dark background
   ========================================================= */

body.com_users.view-profile .t4-wrapper,
body.com_users.view-profile .t4-wrapper .profile,
body.com_users.view-profile .t4-wrapper .profile * {
  color: #eaeaea !important;
}

/* Headings */
body.com_users.view-profile .t4-wrapper h1,
body.com_users.view-profile .t4-wrapper h2,
body.com_users.view-profile .t4-wrapper h3,
body.com_users.view-profile .t4-wrapper .page-header {
  color: #ffffff !important;
}

/* “Key / Value” rows in profile tables/lists */
body.com_users.view-profile .t4-wrapper dt {
  color: #ffffff !important;
  font-weight: 600;
}

body.com_users.view-profile .t4-wrapper dd {
  color: #d5d5d5 !important;
}

/* Dashed separators / lines (tone them down so they’re not harsh) */
body.com_users.view-profile .t4-wrapper hr,
body.com_users.view-profile .t4-wrapper .profile hr {
  border-color: rgba(255,255,255,.15) !important;
}

/* The “Edit Profile” button */
body.com_users.view-profile .t4-wrapper .btn,
body.com_users.view-profile .t4-wrapper button {
  border-radius: 10px;
  font-weight: 600;
}

body.com_users.view-profile .t4-wrapper .btn-primary,
body.com_users.view-profile .t4-wrapper .btn-secondary {
  background: #2a2f38 !important;
  border-color: #3a3f4a !important;
  color: #ffffff !important;
}