/*
Theme Name: MD Klima Professional 4.0
Theme URI: https://mdklima.ddns.net
Author: MD KLIMA
Author URI: https://mdklima.ddns.net
Description: Profesjonalny motyw MD KLIMA - klimatyzacja, urzadzenia gazowe i serwis komputerow.
Version: 4.0.0
Text Domain: md-klima-professional
*/
/* ============================================================
   MD KLIMA - SPRAWDZANIE WYBRANEGO URZADZENIA
   ============================================================ */

#mdk-client-device-url {
    width: 100%;
    box-sizing: border-box;
    background: rgba(7, 18, 35, 0.92) !important;
    color: #ffffff !important;
    border: 1px solid rgba(55, 170, 255, 0.55) !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    font-size: 15px;
    line-height: 1.4;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

#mdk-client-device-url::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

#mdk-client-device-url:focus {
    background: rgba(8, 23, 43, 0.98) !important;
    border-color: #38aaff !important;
    box-shadow:
        0 0 0 2px rgba(56, 170, 255, 0.12),
        0 0 16px rgba(56, 170, 255, 0.16);
}

/* ============================================================
   PRZYCISK - SPRAWDZ URZADZENIE
   ============================================================ */

#mdk-client-device-check {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin-top: 10px;
    min-height: 44px;
    padding: 10px 20px !important;

    background: linear-gradient(
        135deg,
        #0d3155 0%,
        #145b91 100%
    ) !important;

    color: #ffffff !important;
    border: 1px solid rgba(68, 180, 255, 0.75) !important;
    border-radius: 10px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2;

    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;

    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}

#mdk-client-device-check:hover {
    background: linear-gradient(
        135deg,
        #12456f 0%,
        #1976b9 100%
    ) !important;

    border-color: #52c0ff !important;

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.32),
        0 0 12px rgba(56, 170, 255, 0.18);

    transform: translateY(-1px);
}

#mdk-client-device-check:active {
    transform: translateY(0);
}

#mdk-client-device-check:focus-visible {
    outline: none;
    border-color: #63c8ff !important;
    box-shadow:
        0 0 0 3px rgba(56, 170, 255, 0.18),
        0 0 14px rgba(56, 170, 255, 0.16);
}

/* ============================================================
   WYNIK SPRAWDZANIA
   ============================================================ */

#mdk-device-lookup-result {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.9);
}

#mdk-device-lookup-result a {
    color: #55bdff;
}

@media (max-width: 600px) {

    #mdk-client-device-check {
        width: 100%;
    }

}