/* Kheladda 2026 theme: compatibility styles for pages that keep OpenCart's default (Bootstrap 3)
   templates: account, checkout, affiliate, blog and other add-on pages. Loaded only on those pages,
   after bootstrap.min.css and kh.css. */

.kh-legacy-main { padding-bottom: 24px; }
.kh-legacy-main > .container { padding-top: 4px; }
.kh-legacy-main p { margin: 0 0 10px; }
.kh-legacy-main h1, .kh-legacy-main h2, .kh-legacy-main h3, .kh-legacy-main h4 { margin: 12px 0 12px; font-weight: 800; color: var(--ink); }
.kh-legacy-main h1 { font-size: 26px; }
.kh-legacy-main h2 { font-size: 20px; }
.kh-legacy-main h3 { font-size: 17px; }
.kh-legacy-main img { display: inline-block; }
.kh-legacy-main #content ul:not([class]), .kh-legacy-main #content ol:not([class]) { list-style: revert; padding-left: 20px; margin-bottom: 10px; }
.kh-legacy-main a { color: #1f5fbf; }
.kh-legacy-main a.btn, .kh-legacy-main .list-group a { color: inherit; }
.kh-legacy-main #content { min-height: 40vh; }

/* Breadcrumb (Bootstrap adds a grey box) */
.kh-legacy-main .breadcrumb { background: none; border-radius: 0; padding: 14px 0; margin: 0; }
.kh-legacy-main .breadcrumb > li + li::before { content: "\203A"; padding: 0; color: #9aa4b2; margin-right: 6px; }
.kh-legacy-main .breadcrumb .fa-home::before { content: "Home"; font-family: var(--font); font-style: normal; }

/* Forms */
.kh-legacy-main .form-control { height: 44px; padding: 8px 12px; border: 1.5px solid var(--line); border-radius: var(--radius-sm); box-shadow: none; font-size: 15px; }
.kh-legacy-main textarea.form-control { height: auto; }
.kh-legacy-main .form-control:focus { border-color: var(--navy-3); box-shadow: 0 0 0 3px rgba(11, 87, 208, .15); }
.kh-legacy-main .control-label, .kh-legacy-main label { font-weight: 650; font-size: 14px; }
.kh-legacy-main .has-error .form-control { border-color: var(--red); }
.kh-legacy-main .text-danger { color: var(--red); font-size: 13px; }
.kh-legacy-main .input-group .form-control { border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
.kh-legacy-main .input-group-btn .btn { min-height: 44px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.kh-legacy-main legend { font-size: 17px; font-weight: 800; border-bottom-color: var(--line); padding-bottom: 8px; }
.kh-legacy-main fieldset { margin-bottom: 14px; }

/* Buttons: keep Bootstrap's layout, use the theme's colours */
.kh-legacy-main .btn { display: inline-block; min-height: 0; padding: 10px 18px; border-radius: var(--radius-sm); font-weight: 650; font-size: 15px; line-height: 1.4; white-space: normal; }
.kh-legacy-main .btn-primary { background: var(--yellow); border-color: var(--yellow); color: var(--navy); text-shadow: none; background-image: none; }
.kh-legacy-main .btn-primary:hover, .kh-legacy-main .btn-primary:focus { background: var(--yellow-2); border-color: var(--yellow-2); color: var(--navy); }
.kh-legacy-main .btn-default { background: #fff; border: 1.5px solid var(--line); color: var(--ink); background-image: none; text-shadow: none; }
.kh-legacy-main .btn-default:hover { border-color: var(--navy-3); }
.kh-legacy-main .btn-info, .kh-legacy-main .btn-success { background: var(--navy); border-color: var(--navy); color: #fff; background-image: none; text-shadow: none; }
.kh-legacy-main .btn-danger { background: var(--red); border-color: var(--red); color: #fff; background-image: none; }
.kh-legacy-main .btn-xs { padding: 2px 8px; font-size: 12px; }
.kh-legacy-main .btn-sm { padding: 6px 12px; font-size: 13px; }
.kh-legacy-main .btn-lg { padding: 13px 24px; font-size: 16px; }
.kh-legacy-main .buttons { margin: 18px 0; }

/* Boxes */
.kh-legacy-main .well { background: #fff; border: 0; border-radius: var(--radius); box-shadow: var(--shadow); padding: 20px 22px; }
.kh-legacy-main .panel { border: 0; border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.kh-legacy-main .panel-default > .panel-heading { background: #fff; border-bottom: 1px solid var(--line); color: var(--ink); }
.kh-legacy-main .panel-title { font-size: 16px; font-weight: 800; }
.kh-legacy-main .panel-title a { color: var(--ink); }
.kh-legacy-main .list-group-item { border-color: var(--line); }
.kh-legacy-main .list-group-item.active, .kh-legacy-main .list-group-item.active:hover { background: var(--navy); border-color: var(--navy); color: #fff; }
.kh-legacy-main .list-group a.list-group-item:hover { background: var(--bg); }
.kh-legacy-main .table { background: #fff; }
.kh-legacy-main .table > thead > tr > td, .kh-legacy-main .table > thead > tr > th { background: #fafbfc; font-weight: 700; }
.kh-legacy-main .table-bordered, .kh-legacy-main .table-bordered > tbody > tr > td, .kh-legacy-main .table-bordered > thead > tr > td { border-color: var(--line); }
.kh-legacy-main .alert { border-radius: var(--radius-sm); }
.kh-legacy-main .alert-success { background: var(--green-bg); color: var(--green); border-color: #bfe3cc; }
.kh-legacy-main .alert-danger { background: var(--red-bg); color: var(--red); border-color: #f5c2bd; }
.kh-legacy-main .alert-info { background: #eef3fd; color: var(--navy-deep); border-color: #cddcf8; }
.kh-legacy-main .pagination > li > a, .kh-legacy-main .pagination > li > span { border-color: var(--line); color: var(--ink); }
.kh-legacy-main .pagination > .active > span { background: var(--navy); border-color: var(--navy); color: #fff; }

/* Product grids printed by default templates (compare, wish list, modules) */
.kh-legacy-main .product-thumb { border: 0; border-radius: var(--radius); box-shadow: var(--shadow); background: #fff; overflow: hidden; }
.kh-legacy-main .product-thumb .caption { min-height: 0; padding: 0 14px; }
.kh-legacy-main .product-thumb .button-group { border-top-color: var(--line); background: #fafbfc; }

/* The theme's own header/footer must not pick up Bootstrap's defaults */
.site-header .btn, .site-header label, .topbar label { margin: 0; }
.site-header *, .topbar *, .site-footer * { box-sizing: border-box; }
.site-header a:focus, .site-footer a:focus { text-decoration: none; }
.site-header input[type=search] { box-shadow: none; }
.site-footer a { color: inherit; }
.site-footer a:hover { color: var(--yellow); text-decoration: none; }
.catnav a:hover, .catnav a:focus { text-decoration: none; }

/* Bootstrap's clearfix pseudo-elements become empty grid/flex items in the theme's containers. */
.topbar .container::before, .topbar .container::after,
.site-header .container::before, .site-header .container::after,
.catnav .container::before, .catnav .container::after,
.site-footer .container::before, .site-footer .container::after { content: none; display: none; }
/* Bootstrap's .label (a coloured badge) must not restyle the header action labels. */
.hact .label { display: block; padding: 0; font-size: 12px; font-weight: 600; line-height: 1.2; color: inherit; border-radius: 0; background: none; white-space: nowrap; }
@media (max-width: 900px) { .hact .label { display: none; } }