/*!
 * TeamCloud Modern Order Form — domains, cart, checkout & completion (tc-checkout.css)
 * Requires tc-core.css + tc-cart.css. Tokens only (dark mode via variables).
 * NOTE: several elements below are shown/hidden by Standard Cart JS with jQuery .show()/.hide();
 * layouts therefore avoid relying on the display value of JS-toggled elements.
 */

/* =========================================================
   0. Shared helpers
   ========================================================= */
#order-teamcloudmodern .tc-btn-pill { border-radius: var(--tc-radius-pill); }
#order-teamcloudmodern .tc-pill--neutral { background: var(--tc-surface-sunken); border-color: var(--tc-divider); color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-pill--danger { border-color: var(--tc-danger); color: var(--tc-danger); background: var(--tc-danger-light); }
#order-teamcloudmodern a.tc-pill:hover { text-decoration: none; filter: brightness(.97); }
#order-teamcloudmodern .tc-hook-output { margin-bottom: 20px; }
#order-teamcloudmodern .tc-faint { color: var(--tc-text-muted); font-weight: 400; }
#order-teamcloudmodern .tc-help-link { font-size: .8rem; font-weight: 500; color: var(--tc-primary-text); }

#order-teamcloudmodern .tc-input-icon { position: relative; }
#order-teamcloudmodern .tc-input-icon > i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--tc-text-muted); pointer-events: none; z-index: 2; }
#order-teamcloudmodern .tc-input-icon > .form-control { padding-left: 44px; }

/* Standard Cart "prepend-icon" fields (card inputs keep the reference markup) */
#order-teamcloudmodern .prepend-icon { position: relative; }
#order-teamcloudmodern .prepend-icon .field-icon { position: absolute; left: 0; top: 0; z-index: 4; width: 44px; height: calc(1.5em + 1.5rem + 2px); max-height: 48px; display: flex; align-items: center; justify-content: center; margin: 0; color: var(--tc-text-muted); pointer-events: none; }
#order-teamcloudmodern .prepend-icon .form-control { padding-left: 44px; }
#order-teamcloudmodern .prepend-icon .input-group .btn { border-top-right-radius: var(--tc-radius-md); border-bottom-right-radius: var(--tc-radius-md); }

#order-teamcloudmodern .tc-captcha-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#order-teamcloudmodern .tc-captcha-row img { border-radius: var(--tc-radius-sm); }
#order-teamcloudmodern .tc-captcha-row .form-control { max-width: 160px; }
#order-teamcloudmodern .tc-loading-block { text-align: center; padding: 40px 0; color: var(--tc-text-secondary); }
#order-teamcloudmodern .domain-loading-spinner { display: none; }

/* Remove / empty-cart confirmation modals */
#order-teamcloudmodern .tc-modal-confirm { position: relative; text-align: center; padding: 32px 28px 8px; }
#order-teamcloudmodern .tc-modal-confirm .close { position: absolute; top: 14px; right: 18px; }
#order-teamcloudmodern .tc-modal-confirm .tc-icon-tile { margin: 0 auto 14px; }
#order-teamcloudmodern .tc-modal-confirm .modal-title { font-size: 1.15rem; font-weight: 600; margin: 0 0 6px; }
#order-teamcloudmodern .tc-modal-confirm p { color: var(--tc-text-secondary); margin: 0; }
#order-teamcloudmodern .modal-remove-item .modal-footer { border-top: 0; padding: 16px 28px 28px; gap: 10px; }
#order-teamcloudmodern .modal-remove-item .modal-footer .btn { min-width: 110px; border-radius: var(--tc-radius-pill); }

/* Bootstrap-switch (no-icheck toggles) */
#order-teamcloudmodern .bootstrap-switch { border-radius: var(--tc-radius-pill); border-color: var(--tc-outline); }
#order-teamcloudmodern .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success { background: var(--tc-success); color: #fff; }
#order-teamcloudmodern .bootstrap-switch .bootstrap-switch-handle-off { background: var(--tc-surface-sunken); color: var(--tc-text-secondary); }
#order-teamcloudmodern .bootstrap-switch .bootstrap-switch-label { background: var(--tc-surface); }

/* =========================================================
   1. Progress indicator
   ========================================================= */
#order-teamcloudmodern .tc-progress { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; }
#order-teamcloudmodern .tc-progress li { display: flex; align-items: center; gap: 8px; font-size: .8rem; color: var(--tc-text-muted); }
#order-teamcloudmodern .tc-progress li:not(:last-child)::after { content: ""; width: 22px; height: 1.5px; margin-left: 4px; background: var(--tc-divider); }
#order-teamcloudmodern .tc-progress__num { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--tc-outline); font-size: .75rem; font-weight: 600; background: var(--tc-surface); }
#order-teamcloudmodern .tc-progress li.is-done .tc-progress__num { border-color: var(--tc-success); background: var(--tc-success-light); color: var(--tc-success); }
#order-teamcloudmodern .tc-progress li.is-active .tc-progress__num { border-color: var(--tc-primary); background: var(--tc-primary); color: var(--tc-on-primary); }
#order-teamcloudmodern .tc-progress li.is-active .tc-progress__label { color: var(--tc-text-primary); font-weight: 600; }
@media (max-width: 767.98px) {
    #order-teamcloudmodern .tc-progress li:not(.is-active) .tc-progress__label { display: none; }
    #order-teamcloudmodern .tc-progress li:not(:last-child)::after { width: 12px; }
}

/* =========================================================
   2. Domain search (register / transfer / add domain)
   ========================================================= */
#order-teamcloudmodern .tc-dsearch { background: var(--tc-surface); border-radius: var(--tc-radius-xl); box-shadow: var(--tc-shadow-lg); padding: 28px; margin-bottom: 24px; }
[data-theme="dark"] #order-teamcloudmodern .tc-dsearch { border: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-dsearch__inner { max-width: 860px; margin: 0 auto; }
#order-teamcloudmodern .tc-dsearch__tabs { display: inline-flex; gap: 4px; padding: 4px; margin: 0 0 18px; background: var(--tc-surface-sunken); border-radius: var(--tc-radius-pill); }
#order-teamcloudmodern .tc-dsearch__tab { display: inline-flex; align-items: center; gap: .45rem; padding: .45rem 1.1rem; border-radius: var(--tc-radius-pill); color: var(--tc-text-secondary); font-size: .88rem; font-weight: 500; text-decoration: none; transition: all var(--tc-transition); }
#order-teamcloudmodern .tc-dsearch__tab:hover { color: var(--tc-text-primary); }
#order-teamcloudmodern .tc-dsearch__tab.is-active { background: var(--tc-surface); color: var(--tc-primary-text); box-shadow: var(--tc-shadow-sm); }
#order-teamcloudmodern .tc-dsearch__heading { font-size: 1.1rem; font-weight: 600; margin: 0 0 16px; }

#order-teamcloudmodern .tc-dsearch__bar { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; padding: 6px; background: var(--tc-surface); border: 1.5px solid var(--tc-outline); border-radius: var(--tc-radius-pill); transition: border-color var(--tc-transition), box-shadow var(--tc-transition); }
#order-teamcloudmodern .tc-dsearch__bar:focus-within { border-color: var(--tc-primary); box-shadow: var(--tc-focus-ring); }
#order-teamcloudmodern .tc-dsearch__icon { flex: 0 0 auto; padding: 0 6px 0 14px; color: var(--tc-text-muted); font-size: 1.15rem; }
#order-teamcloudmodern .tc-dsearch__bar .form-control { flex: 1 1 auto; min-width: 0; height: 52px; border: 0 !important; box-shadow: none !important; background: transparent; font-size: 1.12rem; padding: 0 10px; border-radius: 0; }
#order-teamcloudmodern .tc-dsearch__bar .input-group-btn, #order-teamcloudmodern .tc-dsearch__bar .input-group-append { display: flex; margin: 0; }
#order-teamcloudmodern .tc-dsearch__bar .btn { height: 52px; padding: 0 1.8rem; border-radius: var(--tc-radius-pill) !important; font-weight: 600; }
#order-teamcloudmodern .tc-dsearch__captcha { margin-top: 16px; }
@media (max-width: 575.98px) {
    #order-teamcloudmodern .tc-dsearch { padding: 20px 16px; border-radius: var(--tc-radius-lg); }
    #order-teamcloudmodern .tc-dsearch__icon { display: none; }
    #order-teamcloudmodern .tc-dsearch__bar .form-control { height: 46px; font-size: 1rem; padding-left: 14px; }
    #order-teamcloudmodern .tc-dsearch__bar .btn { height: 46px; padding: 0 1.1rem; }
}

/* Hot TLD quick picks */
#order-teamcloudmodern .tc-dsearch__hot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
#order-teamcloudmodern .tc-dsearch__hot-label { display: inline-flex; align-items: center; gap: .35rem; margin-right: 4px; font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--tc-danger); }
#order-teamcloudmodern .tc-tld-chip { display: inline-flex; align-items: baseline; gap: .4rem; padding: .35rem .9rem; border: 1px solid var(--tc-outline); border-radius: var(--tc-radius-pill); background: var(--tc-surface); color: var(--tc-text-primary); font-size: .85rem; cursor: pointer; transition: all var(--tc-transition); }
#order-teamcloudmodern .tc-tld-chip span { color: var(--tc-text-secondary); font-size: .8rem; }
#order-teamcloudmodern .tc-tld-chip:hover, #order-teamcloudmodern .tc-tld-chip:focus-visible { border-color: var(--tc-primary); background: var(--tc-primary-light); color: var(--tc-primary-text); outline: 0; }

/* Transfer form */
#order-teamcloudmodern .tc-transfer-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 16px; }
@media (min-width: 768px) { #order-teamcloudmodern .tc-transfer-grid { grid-template-columns: 1.2fr 1fr; } }
#order-teamcloudmodern .tc-label-row { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; width: 100%; }
#order-teamcloudmodern .btn-transfer { border-radius: var(--tc-radius-pill); min-width: 180px; }
#order-teamcloudmodern .tc-numbered { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 12px; }
#order-teamcloudmodern .tc-numbered li { display: flex; align-items: flex-start; gap: 12px; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-numbered__num { flex: 0 0 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--tc-primary-light); color: var(--tc-primary-text); font-size: .82rem; font-weight: 600; }

/* Legacy add-domain page */
#order-teamcloudmodern .tc-adddomain { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
#order-teamcloudmodern .tc-adddomain__fields { display: flex; flex-wrap: wrap; gap: 10px; flex: 1 1 360px; min-width: 0; }
#order-teamcloudmodern .tc-adddomain__sld { flex: 1 1 240px; min-width: 0; }
#order-teamcloudmodern .tc-adddomain__tld { flex: 0 0 150px; }
#order-teamcloudmodern .tc-adddomain .btn { border-radius: var(--tc-radius-pill); }
@media (max-width: 575.98px) { #order-teamcloudmodern .tc-adddomain__tld, #order-teamcloudmodern .tc-adddomain .btn { flex: 1 1 100%; } }

/* ---------- Results ---------- */
#order-teamcloudmodern .tc-dresults { margin-bottom: 24px; }
#order-teamcloudmodern .tc-dresult { background: var(--tc-surface); border-radius: var(--tc-radius-lg); box-shadow: var(--tc-shadow-md); padding: 24px; margin-bottom: 20px; }
[data-theme="dark"] #order-teamcloudmodern .tc-dresult { border: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-dresult__loading { margin: 0; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-dresult__msg { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: 0; font-size: 1.12rem; font-weight: 500; color: var(--tc-text-primary); word-break: break-word; }
#order-teamcloudmodern .tc-dresult__msg strong { font-weight: 600; }
#order-teamcloudmodern .domain-length-restrictions { display: block; width: 100%; font-size: .85rem; font-weight: 400; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-dresult .domain-error { color: var(--tc-danger); font-size: .95rem; }
#order-teamcloudmodern .tc-dresult .domain-contact-support { margin-top: 12px; border-radius: var(--tc-radius-pill); }
#order-teamcloudmodern .tc-dresult .idn-language-selector { margin: 16px 0 0; max-width: 420px; }
#order-teamcloudmodern .tc-dresult__buy { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0 0; padding-top: 18px; border-top: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-dresult__buy .price { font-size: 1.5rem; font-weight: 600; letter-spacing: -.01em; }
#order-teamcloudmodern .tc-dresult__buy .btn { border-radius: var(--tc-radius-pill); padding: .6rem 1.4rem; }

/* Availability pills */
#order-teamcloudmodern .tc-avail { display: inline-flex; align-items: center; gap: .3rem; padding: .18rem .65rem; border: 1px solid currentColor; border-radius: var(--tc-radius-pill); font-size: .72rem; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; }
#order-teamcloudmodern .tc-avail--yes { color: var(--tc-success); background: var(--tc-success-light); }
#order-teamcloudmodern .tc-avail--no { color: var(--tc-danger); background: var(--tc-danger-light); }

/* Add-to-cart button states (spans toggled by JS) */
#order-teamcloudmodern .tc-domains .btn-add-to-cart .loading,
#order-teamcloudmodern .tc-domains .btn-add-to-cart .added,
#order-teamcloudmodern .tc-domains .btn-add-to-cart .unavailable { display: none; }
#order-teamcloudmodern .tc-domains .btn-add-to-cart.checkout { background: var(--tc-success); border-color: var(--tc-success); color: #fff; }
#order-teamcloudmodern .tc-domains .btn-add-to-cart[disabled]:not(.checkout) { opacity: .7; }

/* Spotlight TLDs */
#order-teamcloudmodern .tc-spotlight { margin-bottom: 20px; }
#order-teamcloudmodern .tc-spotlight__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
#order-teamcloudmodern .tc-spotlight .spotlight-tld-container { float: none; width: auto; padding: 0; }
#order-teamcloudmodern .tc-spotlight__item { position: relative; min-height: 132px; padding: 18px 12px 14px; text-align: center; background: var(--tc-surface); border-radius: var(--tc-radius-lg); box-shadow: var(--tc-shadow-sm); }
[data-theme="dark"] #order-teamcloudmodern .tc-spotlight__item { border: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-spotlight__tld { display: block; font-size: 1.25rem; font-weight: 600; margin-bottom: 6px; }
#order-teamcloudmodern .tc-spotlight__group { position: absolute; top: 10px; right: 10px; padding: .08rem .5rem; border-radius: var(--tc-radius-pill); font-size: .62rem; font-weight: 600; text-transform: uppercase; background: var(--tc-neutral-light); color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-spotlight .spotlight-tld-hot { background: var(--tc-danger-light); color: var(--tc-danger); }
#order-teamcloudmodern .tc-spotlight .spotlight-tld-new { background: var(--tc-success-light); color: var(--tc-success); }
#order-teamcloudmodern .tc-spotlight .spotlight-tld-sale { background: var(--tc-warning-light); color: var(--tc-warning); }
#order-teamcloudmodern .tc-spotlight .domain-lookup-spotlight-loader { display: block; color: var(--tc-text-muted); padding: 8px 0; }
#order-teamcloudmodern .tc-spotlight .available.price { display: block; font-size: .92rem; font-weight: 500; color: var(--tc-text-secondary); margin-bottom: 8px; }
#order-teamcloudmodern .tc-spotlight .btn { padding: .28rem .85rem; font-size: .78rem; border-radius: var(--tc-radius-pill); max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#order-teamcloudmodern .tc-spotlight .btn-add-to-cart { border: 1px solid var(--tc-outline); background: var(--tc-surface); color: var(--tc-primary-text); }
#order-teamcloudmodern .tc-spotlight .btn-add-to-cart:hover { border-color: var(--tc-primary); background: var(--tc-primary-light); }
#order-teamcloudmodern .tc-spotlight .btn.unavailable, #order-teamcloudmodern .tc-spotlight .btn.invalid { margin-top: 6px; border: 1px solid var(--tc-danger); background: var(--tc-danger-light); color: var(--tc-danger); opacity: 1; }

/* Suggestions */
#order-teamcloudmodern .tc-suggest { background: var(--tc-surface); border-radius: var(--tc-radius-lg); box-shadow: var(--tc-shadow-md); overflow: hidden; margin-bottom: 20px; }
[data-theme="dark"] #order-teamcloudmodern .tc-suggest { border: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-suggest__head { display: flex; align-items: center; gap: .55rem; padding: 18px 24px; background: transparent; border-bottom: 1px solid var(--tc-divider); font-weight: 600; }
#order-teamcloudmodern .tc-suggest__head i { color: var(--tc-primary-text); }
#order-teamcloudmodern .tc-suggest__loading { padding: 28px 20px; text-align: center; color: var(--tc-text-secondary); font-size: .9rem; }
#order-teamcloudmodern .tc-suggest .list-group { border-radius: 0; margin: 0; }
#order-teamcloudmodern .tc-suggest .domain-suggestion { padding: 12px 24px; border: 0; border-bottom: 1px solid var(--tc-divider); border-radius: 0; background: transparent; line-height: 2.2; word-break: break-word; }
#order-teamcloudmodern .tc-suggest .domain-suggestion::after { content: ""; display: table; clear: both; }
#order-teamcloudmodern .tc-suggest .domain-suggestion:hover { background: var(--tc-hover); }
#order-teamcloudmodern .tc-suggest__name { font-size: 1rem; }
#order-teamcloudmodern .tc-suggest .domain { font-weight: 500; }
#order-teamcloudmodern .tc-suggest .extension { font-weight: 600; color: var(--tc-primary-text); }
#order-teamcloudmodern .tc-suggest .promo { margin-left: 8px; padding: .08rem .5rem; border-radius: var(--tc-radius-pill); font-size: .64rem; font-weight: 600; text-transform: uppercase; vertical-align: middle; line-height: 1.6; background: var(--tc-neutral-light); color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-suggest .promo.hot { background: var(--tc-danger-light); color: var(--tc-danger); }
#order-teamcloudmodern .tc-suggest .promo.new { background: var(--tc-success-light); color: var(--tc-success); }
#order-teamcloudmodern .tc-suggest .promo.sale { background: var(--tc-warning-light); color: var(--tc-warning); }
#order-teamcloudmodern .tc-suggest .actions { float: right; display: inline-flex; align-items: center; gap: 14px; }
#order-teamcloudmodern .tc-suggest .actions .price { font-weight: 600; }
#order-teamcloudmodern .tc-suggest .actions .btn { padding: .25rem .9rem; font-size: .8rem; line-height: 1.5; border-radius: var(--tc-radius-pill); }
#order-teamcloudmodern .tc-suggest .actions .btn-add-to-cart { border: 1px solid var(--tc-outline); background: var(--tc-surface); color: var(--tc-primary-text); }
#order-teamcloudmodern .tc-suggest .actions .btn-add-to-cart:hover { border-color: var(--tc-primary); background: var(--tc-primary-light); }
#order-teamcloudmodern .tc-suggest .more-suggestions { padding: 14px; background: transparent; border-top: 0; font-weight: 500; }
#order-teamcloudmodern .tc-suggest__note { padding: 6px 24px 16px; font-size: .76rem; }
#order-teamcloudmodern .tc-suggest__note p { margin: 0; }
@media (max-width: 575.98px) {
    #order-teamcloudmodern .tc-suggest .domain-suggestion { padding: 12px 16px; }
    #order-teamcloudmodern .tc-suggest .actions { float: none; display: flex; justify-content: space-between; width: 100%; }
}

/* ---------- Pricing ---------- */
#order-teamcloudmodern .tc-featured-tlds { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; margin-bottom: 24px; }
#order-teamcloudmodern .tc-featured-tld { padding: 18px 14px; text-align: center; background: var(--tc-surface); border-radius: var(--tc-radius-lg); box-shadow: var(--tc-shadow-sm); }
#order-teamcloudmodern .tc-featured-tld .img-container { height: 44px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
#order-teamcloudmodern .tc-featured-tld img { max-height: 40px; max-width: 100%; }
#order-teamcloudmodern .tc-featured-tld .price { font-weight: 600; font-size: .95rem; }
#order-teamcloudmodern .tc-tld-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
#order-teamcloudmodern .tc-tld-filters .badge { padding: .38rem .85rem; font-size: .8rem; font-weight: 500; line-height: 1.3; cursor: pointer; text-decoration: none; background: var(--tc-surface-sunken); border: 1px solid var(--tc-divider); border-radius: var(--tc-radius-pill); color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-tld-filters .badge:hover { border-color: var(--tc-primary); color: var(--tc-primary-text); }
#order-teamcloudmodern .tc-tld-filters .badge.badge-success { border-color: var(--tc-primary); background: var(--tc-primary); color: var(--tc-on-primary); }
#order-teamcloudmodern .tc-tld-filters .badge.badge-success .tc-faint { color: inherit; opacity: .8; }
#order-teamcloudmodern .tc-tldtable__table { margin: 0; }
#order-teamcloudmodern .tc-tldtable__table thead th { border: 0; border-bottom: 1px solid var(--tc-divider); padding: .55rem .75rem; font-size: .7rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--tc-text-muted); }
#order-teamcloudmodern .tc-tldtable__table td, #order-teamcloudmodern .tc-tldtable__table tbody th { border-top: 0; border-bottom: 1px solid var(--tc-divider); padding: .75rem; vertical-align: middle; }
#order-teamcloudmodern .tc-tldtable__table tbody tr:last-child td { border-bottom: 0; }
#order-teamcloudmodern .tc-tldtable__tld { font-weight: 600; white-space: nowrap; }
#order-teamcloudmodern .tc-tldtable__price { display: block; font-weight: 500; white-space: nowrap; }
#order-teamcloudmodern .tc-tldtable__table small { color: var(--tc-text-muted); }
#order-teamcloudmodern .tld-row.no-tlds { display: none; }
#order-teamcloudmodern .tld-sale-group { display: inline-block; margin-left: 6px; padding: .05rem .45rem; border-radius: var(--tc-radius-pill); font-size: .6rem; font-weight: 600; text-transform: uppercase; vertical-align: middle; background: var(--tc-neutral-light); color: var(--tc-text-secondary); }
#order-teamcloudmodern .tld-sale-group-hot { background: var(--tc-danger-light); color: var(--tc-danger); }
#order-teamcloudmodern .tld-sale-group-new { background: var(--tc-success-light); color: var(--tc-success); }
#order-teamcloudmodern .tld-sale-group-sale { background: var(--tc-warning-light); color: var(--tc-warning); }
@media (max-width: 575.98px) {
    #order-teamcloudmodern .tc-tldtable__table td, #order-teamcloudmodern .tc-tldtable__table tbody th { padding: .6rem .4rem; font-size: .85rem; }
}

/* Cross-sell cards */
#order-teamcloudmodern .tc-promo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 24px; }
#order-teamcloudmodern .tc-promo-card { display: flex; gap: 16px; padding: 24px; background: var(--tc-surface); border-radius: var(--tc-radius-lg); box-shadow: var(--tc-shadow-md); }
[data-theme="dark"] #order-teamcloudmodern .tc-promo-card { border: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-promo-card__title { font-size: 1.05rem; font-weight: 600; margin: 4px 0 4px; }
#order-teamcloudmodern .tc-promo-card__lead { color: var(--tc-primary-text); font-weight: 500; margin-bottom: 6px; }
#order-teamcloudmodern .tc-promo-card .btn { border-radius: var(--tc-radius-pill); }

/* =========================================================
   3. Configure domains
   ========================================================= */
#order-teamcloudmodern .tc-domconf__head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 18px; }
#order-teamcloudmodern .tc-domconf__name { font-size: 1.15rem; font-weight: 600; word-break: break-word; }
#order-teamcloudmodern .tc-domconf__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
#order-teamcloudmodern .tc-domconf__subtitle { font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--tc-text-muted); margin: 18px 0 10px; }
#order-teamcloudmodern .tc-domconf__epp { max-width: 520px; }
#order-teamcloudmodern .tc-domconf .tc-addon__icon { margin-right: .35rem; color: var(--tc-primary-text); }
#order-teamcloudmodern .tc-domconf .tc-addon__label .icheckbox_square-blue { margin-right: .6rem; }
#order-teamcloudmodern .tc-domconf__fields { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-domfield { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
#order-teamcloudmodern .tc-domfield__label { font-weight: 500; font-size: .9rem; }
#order-teamcloudmodern .tc-domfield__input input:not([type="checkbox"]):not([type="radio"]), #order-teamcloudmodern .tc-domfield__input select, #order-teamcloudmodern .tc-domfield__input textarea { max-width: 520px; }
@media (min-width: 768px) {
    #order-teamcloudmodern .tc-domfield { grid-template-columns: 220px minmax(0, 1fr); gap: 16px; align-items: start; }
    #order-teamcloudmodern .tc-domfield__label { padding-top: .6rem; }
}
#order-teamcloudmodern .tc-ns-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 0 16px; }
#order-teamcloudmodern .tc-sticky-actions { position: sticky; bottom: 12px; z-index: 5; display: flex; justify-content: flex-end; align-items: center; gap: 12px; padding: 12px 16px; background: var(--tc-surface); border-radius: var(--tc-radius-pill); box-shadow: var(--tc-shadow-lg); }
#order-teamcloudmodern .tc-sticky-actions .btn-primary { border-radius: var(--tc-radius-pill); min-width: 180px; }
@media (max-width: 575.98px) { #order-teamcloudmodern .tc-sticky-actions .btn-primary { flex: 1 1 auto; min-width: 0; } }

/* =========================================================
   4. Renewals (domains & services)
   ========================================================= */
#order-teamcloudmodern .tc-renewals__filter { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#order-teamcloudmodern .tc-renewals__filter .tc-input-icon { min-width: 240px; }
#order-teamcloudmodern .tc-renewals__filter .form-control { border-radius: var(--tc-radius-pill); }
#order-teamcloudmodern .tc-renew-list { display: grid; gap: 12px; }
#order-teamcloudmodern .tc-renew { padding: 18px 20px; background: var(--tc-surface); border-radius: var(--tc-radius-lg); box-shadow: var(--tc-shadow-sm); }
[data-theme="dark"] #order-teamcloudmodern .tc-renew { border: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-renew--addon { margin-top: 10px; padding: 14px 16px; background: var(--tc-surface-sunken); box-shadow: none; }
#order-teamcloudmodern .tc-renew__row { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
#order-teamcloudmodern .tc-renew__main { display: flex; gap: 14px; flex: 1 1 320px; min-width: 0; }
#order-teamcloudmodern .tc-renew__info { min-width: 0; }
#order-teamcloudmodern .tc-renew__titlerow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#order-teamcloudmodern .tc-renew__title { font-size: 1rem; font-weight: 600; margin: 0; word-break: break-word; }
#order-teamcloudmodern .tc-renew__domain { margin: 2px 0 0; color: var(--tc-primary-text); font-size: .88rem; }
#order-teamcloudmodern .tc-renew__sub { margin: 4px 0 0; color: var(--tc-text-secondary); font-size: .85rem; }
#order-teamcloudmodern .tc-renew__note { margin-top: 6px; font-size: .82rem; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-renew__period-text { margin-top: 8px; font-size: .85rem; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-renew__label { display: block; margin: 0 0 4px; font-size: .7rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--tc-text-muted); }
#order-teamcloudmodern .tc-renew__actions { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-left: auto; }
#order-teamcloudmodern .tc-renew__period { margin: 0; min-width: 240px; }
#order-teamcloudmodern .tc-renew__actions .btn-add-renewal-to-cart { white-space: nowrap; }
#order-teamcloudmodern .tc-renew__addons { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-renew__addons-title { margin: 0; font-size: .7rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--tc-text-muted); }
@media (max-width: 575.98px) {
    #order-teamcloudmodern .tc-renew__actions { width: 100%; margin-left: 0; }
    #order-teamcloudmodern .tc-renew__period { min-width: 0; flex: 1 1 100%; }
    #order-teamcloudmodern .tc-renew__actions .btn { flex: 1 1 100%; }
    #order-teamcloudmodern .tc-renewals__filter, #order-teamcloudmodern .tc-renewals__filter .tc-input-icon { width: 100%; min-width: 0; }
}

/* =========================================================
   5. View cart
   ========================================================= */
#order-teamcloudmodern .tc-items { background: var(--tc-surface); border-radius: var(--tc-radius-lg); box-shadow: var(--tc-shadow-md); overflow: hidden; margin-bottom: 24px; }
[data-theme="dark"] #order-teamcloudmodern .tc-items { border: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-items__head { display: flex; gap: 16px; padding: 14px 24px; border-bottom: 1px solid var(--tc-divider); font-size: .7rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--tc-text-muted); }
#order-teamcloudmodern .tc-items__h-product { flex: 1 1 auto; padding-left: 52px; }
#order-teamcloudmodern .tc-items__h-qty { flex: 0 0 110px; text-align: center; }
#order-teamcloudmodern .tc-items__h-price { flex: 0 0 190px; text-align: right; }
#order-teamcloudmodern .tc-item { padding: 18px 24px; border-bottom: 1px solid var(--tc-divider); }
#order-teamcloudmodern .view-cart-items .tc-item:last-child { border-bottom: 0; }
#order-teamcloudmodern .tc-item__grid { display: flex; align-items: flex-start; gap: 16px; }
#order-teamcloudmodern .tc-item__icon { flex: 0 0 auto; }
#order-teamcloudmodern .tc-item__info { flex: 1 1 auto; min-width: 0; }
#order-teamcloudmodern .tc-item .item-title { display: block; font-weight: 600; }
#order-teamcloudmodern .tc-item .item-group { display: block; font-size: .85rem; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-item .item-domain { display: block; font-size: .85rem; color: var(--tc-primary-text); word-break: break-word; }
#order-teamcloudmodern .tc-item__opts { list-style: none; margin: 6px 0 0; padding: 0; font-size: .82rem; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-item__opts li { padding: 1px 0; }
#order-teamcloudmodern .tc-item__opts li span { color: var(--tc-text-muted); }
#order-teamcloudmodern .tc-item__actions { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 8px; }
#order-teamcloudmodern .tc-item__actions .btn-link { padding: 0; font-size: .8rem; font-weight: 500; color: var(--tc-text-secondary); text-decoration: none; }
#order-teamcloudmodern .tc-item__actions .btn-link:hover { color: var(--tc-primary-text); }
#order-teamcloudmodern .tc-item__actions .btn-remove-from-cart:hover { color: var(--tc-danger); }
#order-teamcloudmodern .tc-item__qty { flex: 0 0 110px; display: flex; flex-direction: column; align-items: center; gap: 4px; }
#order-teamcloudmodern .tc-item__qty .form-control { width: 76px; text-align: center; }
#order-teamcloudmodern .tc-item__qty .btn-link { padding: 0; font-size: .76rem; }
#order-teamcloudmodern .tc-item__price { flex: 0 0 190px; display: flex; flex-direction: column; align-items: flex-end; text-align: right; gap: 2px; }
#order-teamcloudmodern .tc-item__price > span:first-child { font-weight: 600; font-size: 1rem; }
#order-teamcloudmodern .tc-item__price .cycle, #order-teamcloudmodern .tc-item__setup { font-size: .8rem; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-item__price .renewal { font-size: .76rem; color: var(--tc-text-muted); }
#order-teamcloudmodern .tc-item__price .renewal .renewal-price { color: inherit; font-size: inherit; }
#order-teamcloudmodern .tc-period-dropdown .btn { border-radius: var(--tc-radius-pill); padding: .15rem .7rem; font-size: .78rem; margin: 2px 0; }
#order-teamcloudmodern .tc-period-dropdown .dropdown-item { padding: 0; }
#order-teamcloudmodern .tc-period-dropdown .dropdown-item a { display: block; padding: .4rem 1rem; color: var(--tc-text-primary); text-decoration: none; font-size: .85rem; }
#order-teamcloudmodern .tc-period-dropdown .dropdown-item a:hover { background: var(--tc-hover); }
#order-teamcloudmodern .tc-item--child { padding-top: 12px; padding-bottom: 12px; padding-left: 48px; background: var(--tc-surface-sunken); }
#order-teamcloudmodern .tc-item--child .item-title { font-weight: 500; font-size: .92rem; }
#order-teamcloudmodern .tc-item__credit { display: flex; justify-content: space-between; gap: 16px; margin: 12px 0 0 52px; padding: 10px 14px; background: var(--tc-surface-sunken); border-radius: var(--tc-radius-md); font-size: .85rem; }
#order-teamcloudmodern .tc-item__credit .upgrade-calc-msg { color: var(--tc-text-secondary); font-size: .8rem; }
#order-teamcloudmodern .tc-item__credit .tc-item__price { flex-basis: auto; }
#order-teamcloudmodern .tc-items__foot { padding: 10px 24px; border-top: 1px solid var(--tc-divider); }
#order-teamcloudmodern .tc-items__foot .btn-link { padding: 0; font-size: .8rem; font-weight: 500; color: var(--tc-text-secondary); text-decoration: none; }
#order-teamcloudmodern .tc-items__foot .btn-link:hover { color: var(--tc-danger); }
#order-teamcloudmodern .view-cart-empty { padding: 48px 24px; }
@media (max-width: 575.98px) {
    #order-teamcloudmodern .tc-items__head { display: none; }
    #order-teamcloudmodern .tc-item { padding: 16px; }
    #order-teamcloudmodern .tc-item__grid { flex-wrap: wrap; gap: 10px 12px; }
    #order-teamcloudmodern .tc-item__info { flex: 1 1 calc(100% - 56px); }
    #order-teamcloudmodern .tc-item__qty { flex: 0 0 auto; flex-direction: row; margin-left: 52px; }
    #order-teamcloudmodern .tc-item__price { flex: 1 1 auto; }
    #order-teamcloudmodern .tc-item--child { padding-left: 28px; }
    #order-teamcloudmodern .tc-item__credit { margin-left: 0; }
}

/* Promo code & tax estimate */
#order-teamcloudmodern .tc-promo .nav-tabs { margin-bottom: 16px; }
#order-teamcloudmodern .tc-promo .nav-tabs .nav-link i { margin-right: .3rem; }
#order-teamcloudmodern .tc-promo .tc-promo__single { background: transparent; padding: 0; border: 0; }
#order-teamcloudmodern .tc-promo .tc-promo__single .nav-link { background: transparent; box-shadow: none; padding: 0; font-size: 1.02rem; font-weight: 600; color: var(--tc-text-primary); pointer-events: none; }
#order-teamcloudmodern .tc-promo__form { display: flex; flex-wrap: wrap; gap: 10px; }
#order-teamcloudmodern .tc-promo__form .tc-grow { flex: 1 1 240px; min-width: 0; }
#order-teamcloudmodern .tc-promo__form .form-control { border-radius: var(--tc-radius-pill); }
#order-teamcloudmodern .tc-promo__form .btn { border-radius: var(--tc-radius-pill); min-width: 140px; }
#order-teamcloudmodern .tc-promo__applied { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 16px; background: var(--tc-surface-sunken); border-radius: var(--tc-radius-md); }
#order-teamcloudmodern .tc-taxes__form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 16px; }
@media (min-width: 576px) { #order-teamcloudmodern .tc-taxes__form { grid-template-columns: 1fr 1fr; } }
#order-teamcloudmodern .tc-taxes__submit { grid-column: 1 / -1; margin: 0; }
#order-teamcloudmodern .tc-taxes__submit .btn { border-radius: var(--tc-radius-pill); }

/* Summary extras (tc-cart.css owns the summary card itself) */
#order-teamcloudmodern .order-summary .bordered-totals { border-top: 1px solid var(--tc-divider); margin-top: 8px; padding-top: 8px; }
#order-teamcloudmodern .order-summary .recurring-totals { border-top: 1px solid var(--tc-divider); margin-top: 8px; padding-top: 8px; }
#order-teamcloudmodern .order-summary .recurring-charges { line-height: 1.6; }
#order-teamcloudmodern .order-summary .express-checkout-buttons { margin-top: 12px; text-align: center; }
#order-teamcloudmodern .order-summary .express-checkout-buttons .separator { margin: 10px 0; font-size: .72rem; letter-spacing: .08em; color: var(--tc-text-muted); }
#order-teamcloudmodern .order-summary .express-checkout-buttons:empty { display: none; }
#order-teamcloudmodern .order-summary .btn-checkout.disabled { pointer-events: none; opacity: .5; }
#order-teamcloudmodern .order-summary .btn-continue-shopping { color: var(--tc-text-secondary); font-weight: 500; }
#order-teamcloudmodern .tc-os__name { display: block; font-weight: 600; }
#order-teamcloudmodern .tc-os__group { display: block; margin-bottom: 8px; font-size: .82rem; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-os__remove { margin-left: 6px; color: var(--tc-text-muted); }
#order-teamcloudmodern .tc-os__remove:hover { color: var(--tc-danger); }
#order-teamcloudmodern .view-cart-gateway-checkout { margin-bottom: 20px; }

/* =========================================================
   6. Checkout
   ========================================================= */
#order-teamcloudmodern .tc-checkout__switch { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 14px 20px; margin-bottom: 20px; background: var(--tc-surface); border-radius: var(--tc-radius-lg); box-shadow: var(--tc-shadow-sm); }
#order-teamcloudmodern .tc-checkout__switch-text { display: inline-flex; align-items: center; gap: .55rem; color: var(--tc-text-secondary); font-size: .9rem; }
#order-teamcloudmodern .tc-checkout__switch-text i { color: var(--tc-primary-text); font-size: 1.1rem; }
#order-teamcloudmodern .tc-steps-form { counter-reset: tcstep; }
#order-teamcloudmodern .tc-step-card__num { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--tc-primary-light); color: var(--tc-primary-text); font-size: .82rem; font-weight: 600; }
#order-teamcloudmodern .tc-step-card__num::before { counter-increment: tcstep; content: counter(tcstep); }
#order-teamcloudmodern .tc-form-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 16px; }
@media (min-width: 576px) { #order-teamcloudmodern .tc-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#order-teamcloudmodern .tc-form-grid .tc-span-2 { grid-column: 1 / -1; }
#order-teamcloudmodern .tc-form-grid label { font-size: .85rem; font-weight: 500; margin-bottom: .35rem; }

/* Account chooser */
#order-teamcloudmodern .tc-account-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
#order-teamcloudmodern .tc-account-grid .tc-choice { padding: 0; align-items: stretch; }
#order-teamcloudmodern .tc-account-grid .tc-choice.active { border-color: var(--tc-primary); background: var(--tc-primary-light); }
#order-teamcloudmodern .tc-choice__label { display: flex; align-items: flex-start; gap: 12px; width: 100%; margin: 0; padding: 14px 16px; cursor: pointer; font-weight: 400; }
#order-teamcloudmodern .tc-choice__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#order-teamcloudmodern .tc-choice__body .label { align-self: flex-start; }
#order-teamcloudmodern .tc-choice__title { font-weight: 600; word-break: break-word; }
#order-teamcloudmodern .tc-choice--new .tc-choice__label { align-items: center; }
#order-teamcloudmodern .tc-choice--new .tc-choice__title { color: var(--tc-primary-text); }

/* Password meter */
#order-teamcloudmodern .tc-pwmeter .progress { height: 6px; border-radius: var(--tc-radius-pill); background: var(--tc-surface-sunken); margin: 6px 0 6px; }
#order-teamcloudmodern .tc-pwmeter .progress-bar { border-radius: var(--tc-radius-pill); }

/* Payment */
#order-teamcloudmodern .tc-due { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 18px; border-radius: var(--tc-radius-md); }
#order-teamcloudmodern .tc-due__label { font-weight: 500; }
#order-teamcloudmodern .tc-due__amount { font-size: 1.35rem; font-weight: 600; letter-spacing: -.01em; }
#order-teamcloudmodern .tc-credit { margin: 0 0 18px; padding: 16px 18px; background: var(--tc-surface-sunken); border-radius: var(--tc-radius-md); }
#order-teamcloudmodern .tc-credit__balance { font-weight: 600; margin-bottom: 10px; }
#order-teamcloudmodern .tc-credit__option { display: flex; align-items: center; gap: 10px; margin: 6px 0; padding: 0; font-weight: 400; cursor: pointer; }
#order-teamcloudmodern .tc-gateways { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
#order-teamcloudmodern .tc-gateway { display: flex; align-items: center; gap: 12px; margin: 0; padding: 14px 16px; background: var(--tc-surface); border: 1.5px solid var(--tc-divider); border-radius: var(--tc-radius-md); cursor: pointer; font-weight: 400; transition: border-color var(--tc-transition), background-color var(--tc-transition); }
#order-teamcloudmodern .tc-gateway:hover { border-color: var(--tc-outline); }
#order-teamcloudmodern .tc-gateway.is-selected, #order-teamcloudmodern .tc-gateway:has(.checked) { border-color: var(--tc-primary); background: var(--tc-primary-light); }
#order-teamcloudmodern .tc-gateway__name { flex: 1 1 auto; min-width: 0; font-weight: 500; line-height: 1.3; }
#order-teamcloudmodern .tc-gateway__icon { flex: 0 0 auto; font-size: 1.35rem; color: var(--tc-text-muted); }
#order-teamcloudmodern .tc-gateway.is-selected .tc-gateway__icon, #order-teamcloudmodern .tc-gateway:has(.checked) .tc-gateway__icon { color: var(--tc-primary-text); }
#order-teamcloudmodern .tc-cc { margin-top: 16px; padding: 18px 20px 8px; background: var(--tc-surface-sunken); border-radius: var(--tc-radius-lg); }
#order-teamcloudmodern .tc-cc .form-group { margin-bottom: 12px; }
#order-teamcloudmodern .tc-cc__new { margin: 6px 0 10px; }
#order-teamcloudmodern .tc-cc__new .radio-inline { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 500; cursor: pointer; }
#order-teamcloudmodern .tc-cc__store { display: flex; align-items: center; gap: 6px; min-height: 44px; }
#order-teamcloudmodern .tc-paymethods { display: grid; gap: 8px; margin-bottom: 12px; }
#order-teamcloudmodern .tc-paymethod { background: var(--tc-surface); border: 1.5px solid var(--tc-divider); border-radius: var(--tc-radius-md); cursor: pointer; transition: border-color var(--tc-transition); }
#order-teamcloudmodern .tc-paymethod:hover { border-color: var(--tc-outline); }
#order-teamcloudmodern .tc-paymethod:has(.checked) { border-color: var(--tc-primary); }
#order-teamcloudmodern .tc-paymethod--expired { opacity: .6; cursor: not-allowed; }
#order-teamcloudmodern .tc-paymethod__row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; }
#order-teamcloudmodern .tc-paymethod__radio { margin: 0; padding: 0; }
#order-teamcloudmodern .tc-paymethod__icon { font-size: 1.5rem; color: var(--tc-text-secondary); width: 32px; text-align: center; }
#order-teamcloudmodern .tc-paymethod__name { flex: 1 1 auto; min-width: 0; font-weight: 500; }
#order-teamcloudmodern .tc-paymethod__desc { display: block; font-weight: 400; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-paymethod__expiry { font-size: .82rem; color: var(--tc-text-secondary); white-space: nowrap; }
#order-teamcloudmodern .gateway-errors { margin-top: 12px; }

/* Confirmation area */
#order-teamcloudmodern .tc-optin { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding: 16px 18px; margin-bottom: 18px; background: var(--tc-surface-sunken); border-radius: var(--tc-radius-md); }
#order-teamcloudmodern .tc-optin__text { flex: 1 1 260px; min-width: 0; }
#order-teamcloudmodern .tc-optin__title { font-size: .98rem; font-weight: 600; margin: 0 0 4px; }
#order-teamcloudmodern .tc-optin__title i { color: var(--tc-primary-text); margin-right: .3rem; }
#order-teamcloudmodern .tc-optin p { margin: 0; font-size: .86rem; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-tos { margin: 0 0 16px; }
#order-teamcloudmodern .tc-tos .checkbox-inline { display: inline-flex; align-items: center; gap: 4px; flex-wrap: wrap; margin: 0; font-weight: 400; cursor: pointer; }
#order-teamcloudmodern .tc-confirm__actions { display: flex; justify-content: flex-end; }
#order-teamcloudmodern .tc-confirm__actions .btn { min-width: 260px; border-radius: var(--tc-radius-pill); padding: .8rem 1.6rem; font-weight: 600; }
@media (max-width: 575.98px) { #order-teamcloudmodern .tc-confirm__actions .btn { width: 100%; min-width: 0; } }
#order-teamcloudmodern .tc-secure-note { display: flex; align-items: flex-start; gap: 10px; padding: 4px 6px 16px; font-size: .8rem; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-secure-note i { color: var(--tc-success); margin-top: 2px; }

/* Checkout summary */
#order-teamcloudmodern .tc-mini-items { list-style: none; margin: 0 0 8px; padding: 0; }
#order-teamcloudmodern .tc-mini-items li { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--tc-divider); font-size: .88rem; }
#order-teamcloudmodern .tc-mini-items li:last-child { border-bottom: 0; }
#order-teamcloudmodern .tc-mini-items__name { min-width: 0; font-weight: 500; word-break: break-word; }
#order-teamcloudmodern .tc-mini-items__name small { display: block; font-weight: 400; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-mini-items__price { font-weight: 600; white-space: nowrap; }
#order-teamcloudmodern .tc-mini-items__child { padding-left: 12px !important; color: var(--tc-text-secondary); }
#order-teamcloudmodern .tc-summary-secure { display: flex; justify-content: center; align-items: center; gap: 6px; margin: 12px 0 0; font-size: .76rem; color: var(--tc-text-muted); text-align: center; }
#order-teamcloudmodern .tc-summary-secure i { color: var(--tc-success); }
@media (max-width: 1199.98px) {
    #order-teamcloudmodern.tc-checkout .tc-cart__split { display: flex; flex-direction: column-reverse; }
    #order-teamcloudmodern.tc-checkout .tc-cart__summary { margin-bottom: 24px; }
}

/* =========================================================
   7. Order complete
   ========================================================= */
#order-teamcloudmodern .tc-success { text-align: center; padding: 40px 28px; }
#order-teamcloudmodern .tc-success__icon { display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; margin-bottom: 16px; border-radius: 50%; background: var(--tc-success-light); color: var(--tc-success); font-size: 2rem; box-shadow: 0 0 0 10px var(--tc-success-light); }
#order-teamcloudmodern .tc-success__title { font-size: 1.5rem; font-weight: 600; margin: 8px 0 6px; }
#order-teamcloudmodern .tc-success__text { color: var(--tc-text-secondary); max-width: 560px; margin: 0 auto 20px; }
#order-teamcloudmodern .tc-success__order { display: inline-flex; flex-direction: column; gap: 2px; padding: 14px 30px; margin: 0 0 18px; background: var(--tc-surface-sunken); border-radius: var(--tc-radius-lg); }
#order-teamcloudmodern .tc-success__order-label { font-size: .75rem; letter-spacing: .05em; text-transform: uppercase; color: var(--tc-text-muted); }
#order-teamcloudmodern .tc-success__order-number { font-size: 1.6rem; font-weight: 600; letter-spacing: .02em; }
#order-teamcloudmodern .tc-success__facts { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 40px; margin: 0 0 20px; }
#order-teamcloudmodern .tc-success__facts dt { font-size: .72rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--tc-text-muted); margin-bottom: 4px; }
#order-teamcloudmodern .tc-success__facts dd { margin: 0; font-weight: 500; }
#order-teamcloudmodern .tc-success .alert { max-width: 640px; margin: 0 auto 18px; }
#order-teamcloudmodern .order-confirmation-addon-output { margin: 0 auto 18px; max-width: 720px; text-align: left; }
#order-teamcloudmodern .tc-success__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 8px; }
#order-teamcloudmodern .tc-success__actions .btn { border-radius: var(--tc-radius-pill); min-width: 220px; }
@media (max-width: 575.98px) { #order-teamcloudmodern .tc-success { padding: 32px 18px; } #order-teamcloudmodern .tc-success__actions .btn { width: 100%; min-width: 0; } }
#order-teamcloudmodern .tc-next__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
#order-teamcloudmodern .tc-next__list li { display: flex; align-items: center; gap: 14px; color: var(--tc-text-secondary); }

/* HOT TLD cards (domainregister.tpl) */
#order-teamcloudmodern .tc-hot-tlds { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; margin: 0 0 24px; }
#order-teamcloudmodern .tc-hot-tld {
    display: flex; flex-direction: column; align-items: flex-start; gap: 6px; text-align: left;
    padding: 18px 20px; border-radius: var(--tc-radius-lg); border: 1px solid transparent;
    background: var(--tc-surface); box-shadow: var(--tc-shadow-md); color: var(--tc-text-primary); cursor: pointer;
    font-family: var(--tc-font); transition: transform var(--tc-transition), box-shadow var(--tc-transition), border-color var(--tc-transition);
}
[data-theme="dark"] #order-teamcloudmodern .tc-hot-tld { border-color: var(--tc-divider); }
#order-teamcloudmodern .tc-hot-tld:hover, #order-teamcloudmodern .tc-hot-tld:focus { transform: translateY(-2px); box-shadow: var(--tc-shadow-lg); border-color: var(--tc-primary); outline: 0; }
#order-teamcloudmodern .tc-hot-tld__badge { display: inline-flex; align-items: center; gap: .3rem; font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--tc-danger); background: var(--tc-danger-light); border-radius: var(--tc-radius-pill); padding: .2rem .6rem; }
#order-teamcloudmodern .tc-hot-tld__name { font-size: 1.6rem; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; }
#order-teamcloudmodern .tc-hot-tld__price { font-weight: 500; color: var(--tc-primary-text); }
#order-teamcloudmodern .tc-hot-tld__price small { color: var(--tc-text-secondary); font-weight: 400; margin-left: 2px; }