/* Trabigo Cloud - Unified magenta accent theme
   Upload path:
   /home/trabig5/client.trabigo.cloud/templates/antler/css/custom.css
*/

/* ---------------------------------------------------------
   Brand color system
--------------------------------------------------------- */

:root {
    --trabigo-bg: #071826;
    --trabigo-bg-soft: #0b2233;
    --trabigo-card: #081722;
    --trabigo-card-soft: #0d1f2d;

    --trabigo-magenta: #e84d8a;
    --trabigo-magenta-hover: #f0629a;
    --trabigo-magenta-deep: #c93673;

    --trabigo-yellow: #ffd400;
    --trabigo-yellow-hover: #ffe04a;

    --trabigo-turquoise: #37e6d4;

    --trabigo-text: #f5f7fa;
    --trabigo-muted: #b8c2cc;
}

/* ---------------------------------------------------------
   General links and small accents
--------------------------------------------------------- */

a,
a:hover,
a:focus,
.text-pink,
.c-pink {
    color: var(--trabigo-magenta);
}

a:hover,
a:focus {
    color: var(--trabigo-magenta-hover);
}

/* ---------------------------------------------------------
   Main buttons / CTA
--------------------------------------------------------- */

.btn,
.btn-default,
.btn-primary,
.btn-yellow,
.checkout,
.complete-order-button,
button[type="submit"],
input[type="submit"] {
    border-radius: 999px !important;
}

.btn-primary,
.btn-yellow,
.checkout,
.complete-order-button,
button[type="submit"],
input[type="submit"] {
    background: var(--trabigo-yellow) !important;
    border-color: var(--trabigo-yellow) !important;
    color: #07111f !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

.btn-primary:hover,
.btn-yellow:hover,
.checkout:hover,
.complete-order-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: var(--trabigo-yellow-hover) !important;
    border-color: var(--trabigo-yellow-hover) !important;
    color: #07111f !important;
}

/* Secondary / dark buttons */
.btn-secondary,
.btn-default,
.btn-outline,
.btn-link {
    border-color: rgba(232, 77, 138, 0.45) !important;
    color: var(--trabigo-text) !important;
}

.btn-secondary:hover,
.btn-default:hover,
.btn-outline:hover,
.btn-link:hover {
    border-color: var(--trabigo-magenta) !important;
    color: var(--trabigo-magenta-hover) !important;
}

/* ---------------------------------------------------------
   Pricing / order form cards
--------------------------------------------------------- */

.pricing .wrapper,
.pricing .top-content,
.pricing .bottom-content,
.pricing .list-info,
.pricing .price,
.pricing .list-info ul,
.pricing .list-info li {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
}

.pricing .wrapper {
    background: var(--trabigo-card) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28) !important;
    min-height: 560px !important;
}

.pricing .top-content {
    background: var(--trabigo-card) !important;
    padding-bottom: 34px !important;
}

.pricing .list-info,
.pricing .bottom-content {
    background: var(--trabigo-magenta) !important;
    color: var(--trabigo-text) !important;
}

.pricing .list-info {
    padding: 28px 24px !important;
    line-height: 1.55 !important;
}

.pricing .list-info ul {
    margin: 0 !important;
    padding-left: 22px !important;
}

.pricing .list-info li {
    display: list-item !important;
    position: relative !important;
    margin-bottom: 12px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    text-align: left !important;
    color: var(--trabigo-text) !important;
}

.pricing .list-info p {
    margin-bottom: 12px !important;
    line-height: 1.5 !important;
}

.pricing .title,
.pricing .plan-title,
.pricing h3,
.pricing h4 {
    color: var(--trabigo-magenta) !important;
}

.pricing .price,
.pricing .amount {
    color: var(--trabigo-text) !important;
}

.pricing .btn {
    margin-bottom: 30px !important;
}

/* Popular / featured badge */
.pricing .popular,
.pricing .badge,
.label-info,
.label-primary {
    background: var(--trabigo-magenta) !important;
    color: var(--trabigo-text) !important;
    border-radius: 999px !important;
}

/* Extra fallback selectors for Antler orderform variants */
.sec-normal .pricing li,
.sec-normal .list-info li,
.products .pricing li,
.products .list-info li,
#order-standard_cart .pricing li,
#order-standard_cart .list-info li {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
    white-space: normal !important;
}

.sec-normal .pricing ul,
.sec-normal .list-info ul,
.products .pricing ul,
.products .list-info ul,
#order-standard_cart .pricing ul,
#order-standard_cart .list-info ul {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    padding-left: 22px !important;
}

/* ---------------------------------------------------------
   Cart / checkout
--------------------------------------------------------- */

.order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
.cart-sidebar,
.panel-sidebar {
    background: var(--trabigo-magenta) !important;
    color: var(--trabigo-text) !important;
    border-radius: 14px !important;
    border: 0 !important;
}

.order-summary *,
#order-standard_cart .summary-container *,
#order-standard_cart .order-summary *,
.cart-sidebar *,
.panel-sidebar * {
    color: var(--trabigo-text);
}

#order-standard_cart .view-cart-items,
#order-standard_cart .checkout-security-msg,
#order-standard_cart .sub-heading,
#order-standard_cart .order-summary .subtotal {
    border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Form fields in checkout */
input.form-control,
select.form-control,
textarea.form-control,
.form-control {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--trabigo-text) !important;
    border-radius: 12px !important;
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
.form-control:focus {
    border-color: var(--trabigo-magenta) !important;
    box-shadow: 0 0 0 3px rgba(232, 77, 138, 0.18) !important;
}

/* ---------------------------------------------------------
   Header / menu accents
--------------------------------------------------------- */

.navbar a:hover,
.menu a:hover,
.header a:hover,
#header a:hover {
    color: var(--trabigo-magenta-hover) !important;
}

.client-area,
.client-login,
.login,
.btn-login {
    background: var(--trabigo-yellow) !important;
    color: #07111f !important;
}

/* ---------------------------------------------------------
   Mobile menu
--------------------------------------------------------- */

.menu-wrap,
.fullscreen-menu,
.overlay-menu {
    background: var(--trabigo-bg) !important;
}

.menu-wrap a:hover,
.fullscreen-menu a:hover,
.overlay-menu a:hover {
    color: var(--trabigo-magenta-hover) !important;
}

/* ---------------------------------------------------------
   Footer
--------------------------------------------------------- */

footer a:hover,
.footer a:hover {
    color: var(--trabigo-magenta-hover) !important;
}

footer .copyright,
.footer .copyright {
    color: var(--trabigo-muted) !important;
}

/* ---------------------------------------------------------
   Small responsive safety
--------------------------------------------------------- */

@media (max-width: 768px) {
    .pricing .wrapper {
        min-height: auto !important;
        margin-bottom: 28px !important;
    }

    .pricing .list-info {
        padding: 24px 22px !important;
    }

    .pricing .list-info li {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .order-summary,
    #order-standard_cart .summary-container,
    #order-standard_cart .order-summary {
        margin-top: 24px !important;
    }
}


/* Trabigo logo image rendering */
.trabigo-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    line-height: 1 !important;
}
.trabigo-logo-img {
    display: block !important;
    width: auto !important;
    height: 34px !important;
    max-height: 34px !important;
}
@media (max-width: 767px) {
    .trabigo-logo-img {
        height: 30px !important;
        max-height: 30px !important;
    }
}