/* =========================================================
   PHOCA CART - ОРИГИНАЛЕН РАБОТЕЩ ТЪМЕН ДИЗАЙН
   ========================================================= */

/* 1. Тъмен графитен фон за контейнерите и стъпките */
#ph-checkout-box,
.ph-checkout-box,
.ph-checkout-view,
.ph-checkout-view .card,
.ph-checkout-view .card-header,
.ph-checkout-view .card-body,
div[class*="ph-checkout"] {
    background-color: #262626 !important;
    color: #ffffff !important;
    border-color: #3d3d3d !important;
}

/* 2. Светли текстове, заглавия и етикети */
#ph-checkout-box label,
.ph-checkout-box label,
.ph-checkout-view label,
.ph-checkout-view h1,
.ph-checkout-view h2,
.ph-checkout-view h3,
.ph-checkout-view h4,
.ph-checkout-view legend,
.ph-checkout-view span,
.ph-checkout-view p {
    color: #e0e0e0 !important;
}

/* 3. Светлосиви полета за въвеждане с тъмен текст */
#ph-checkout-box input,
#ph-checkout-box select,
.ph-checkout-box input,
.ph-checkout-box select,
.ph-checkout-view input,
.ph-checkout-view select,
input[type="text"],
input[type="email"],
input[type="tel"] {
    background-color: #d8d8d8 !important;
    color: #111111 !important;
    border: 1px solid #777777 !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    box-shadow: none !important;
}

/* 4. Бели полета при писане / клик */
#ph-checkout-box input:focus,
.ph-checkout-view input:focus {
    background-color: #ffffff !important;
    border-color: #d9534f !important;
    outline: none !important;
}

/* 5. Скриване на излишните купони и такси */
.ph-coupon-box,
#ph-coupon-box,
.ph-checkout-coupon-box,
.ph-checkout-payment-price-box {
    display: none !important;
}

/* =========================================================
   6. ПЪЛНО ПРЕМАХВАНЕ НА БЕЛЕЖКИТЕ И ПРАВИЛАТА В СТЪПКА 4
   ========================================================= */

/* Скрива голямото текстово поле за бележки и неговото заглавие */
#ph-checkout-box textarea,
.ph-checkout-view textarea,
textarea[name="phcomment"],
#phcomment,
.ph-checkout-comment-box,
#ph-checkout-comment-box {
    display: none !important;
}

/* Скрива чекбокса за Правилата и текста 'I have read and agree...' */
input[name="phterms"],
#phterms,
label[for="phterms"],
.ph-terms-text,
.ph-checkout-terms-box,
#ph-checkout-terms-box {
    display: none !important;
}