/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* -----------------------------------------------------------------
   Inservers contrast / readability fixes - antler-next
   Overrides only. This file is loaded last by includes/head.tpl:43-45,
   so no vendor stylesheet had to be edited. Every colour below is one
   the theme already uses for the same role:
     #101920  dark card background (= .bg-seccolorstyle in dark mode)
     #1d2b35  dark card border
     #152129  near-black text, used on the light accent surfaces
     #d4dde1  readable body text on dark
     #6e7882  muted text on dark
   The dark-blue accent (#55bde5) and the yellow CTA are NOT changed.
   ----------------------------------------------------------------- */

/* --- J / SVC-01 -------------------------------------------------
   The service page "Server Information" panel inherited a white
   background from css/all.min.css:11176 while the dark theme kept its
   light body text, so Hostname and Primary IP measured ~1.45:1. The
   theme's own override (assets/css/main.css:5013) sets border and
   radius but never re-declares the background. Give the panel the dark
   card colour, and carry the active tab above it to match so the tab
   strip and the panel still read as one card. */
[data-background="dark"] div.product-details-tab-container {
    background-color: #101920;
    border-color: #1d2b35;
    color: #d4dde1;
}
[data-background="dark"] div.product-details-tab-container strong,
[data-background="dark"] div.product-details-tab-container p,
[data-background="dark"] div.product-details-tab-container td,
[data-background="dark"] div.product-details-tab-container th,
[data-background="dark"] div.product-details-tab-container .col-sm-5,
[data-background="dark"] div.product-details-tab-container .col-sm-7 {
    color: #d4dde1;
}
[data-background="dark"] .nav-tabs-overflow > li.active > a,
[data-background="dark"] .nav-tabs-overflow > li.active > a:focus,
[data-background="dark"] .nav-tabs-overflow > li.active > a:hover {
    background-color: #101920;
    border-color: #1d2b35;
    border-bottom-color: transparent;
    color: #d4dde1;
}

/* --- K / SVC-06 -------------------------------------------------
   Status pill on the service page: white on #F6B260 (PENDING) measured
   1.83:1 and white on #ceb902 (SUSPENDED) 2.00:1. Text colour only -
   every badge background is left exactly as it was.
     #152129 on #4CAF50 (active)     = 5.9:1
     #152129 on #F6B260 (pending)    = 8.9:1
     #152129 on #ceb902 (suspended)  = 8.2:1
     #152129 on #E26F6F (cancelled)  = 5.3:1
   #E91E63 (completed / terminated) is the one hue that reads better
   with white, so it is explicitly kept white. */
.product-overbox .product-status-text {
    color: #152129;
}
.product-overbox.completed .product-status-text,
.product-overbox.terminated .product-status-text {
    color: #fff;
}

/* --- L / UX-08 / CF-08 ------------------------------------------
   White text on the light-blue accent #55bde5 measured 2.14:1 - the
   whole product spec panel on the store page (122 nodes), every
   DataTables header, and the cart Order Summary. Keep the blue, darken
   the text: #152129 on #55bde5 = 7.7:1. Applied to the three light
   accent schemes only; the "black" scheme's accent (#4c555d) is dark,
   so its white text is left alone. */
[data-color="pink"] .bg-pink,
[data-color="blue"] .bg-pink,
[data-color="green"] .bg-pink {
    color: #152129 !important;
}
[data-color="pink"] table.table-list thead th,
[data-color="blue"] table.table-list thead th,
[data-color="green"] table.table-list thead th {
    color: #152129 !important;
}
[data-color="pink"] #order-standard_cart .order-summary,
[data-color="blue"] #order-standard_cart .order-summary,
[data-color="green"] #order-standard_cart .order-summary,
[data-color="pink"] #order-standard_cart .order-summary *:not(.btn):not(input):not(button),
[data-color="blue"] #order-standard_cart .order-summary *:not(.btn):not(input):not(button),
[data-color="green"] #order-standard_cart .order-summary *:not(.btn):not(input):not(button) {
    color: #152129 !important;
}

/* --- N / UX-26 / SVC-04 -----------------------------------------
   The page Actions control was an unlabelled 40px circle, so nothing
   behind it (including the VPS control-panel link) was discoverable.
   includes/pageheader.tpl now carries a visible "Actions" label; let
   the pill grow to fit it, and darken its text because it sits on the
   same light-blue accent as UX-08. Position and shape are unchanged. */
.dropnav-header-lined button.dropside-content {
    width: auto;
    min-width: 40px;
    padding: 0 16px;
}
.dropnav-header-lined button.dropside-content .dropside-label {
    margin-left: 8px;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
}
[data-color="pink"] .drop-down-btn.dropside-content,
[data-color="blue"] .drop-down-btn.dropside-content,
[data-color="green"] .drop-down-btn.dropside-content {
    color: #152129;
}

/* --- SVC-05 ------------------------------------------------------
   Inside that dropdown the one enabled link (the control-panel SSO)
   computed 2.38:1 while the disabled entries sat at 12.88:1 - the live
   link read as the disabled one. Swap them round. */
[data-background="dark"] .dropnav-header-lined .dropdown-menu a.list-group-item {
    color: #d4dde1;
}
[data-background="dark"] .dropnav-header-lined .list-group-item.disabled,
[data-background="dark"] .dropnav-header-lined .list-group-item.disabled:focus,
[data-background="dark"] .dropnav-header-lined .list-group-item.disabled:hover {
    color: #6e7882;
}