/* ========================================================= Nova Digital Lab — WHMCS Six custom theme Paleta: primary dark: #111C59 accent: #7F207E btn green: #76D978 btn yellow: #F4E474 text on dark: #E7EBF6 ========================================================= */ /* 0) Tipografija – ujednači sa WordPress-om (font uvučen u ) */ body { font-family: "Inter", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; color: #222222 !important; } /* 1) HEADER + GLOBAL NAV (tamno i suptilno) */ #header { background:#111C59 !important; } #header a { color:#E7EBF6 !important; } #header a:hover { color:#FFFFFF !important; opacity:.95; } #main-menu .navbar.navbar-main { background:#111C59 !important; border:0 !important; box-shadow:none !important; } #main-menu .navbar-main .nav > li > a { color:#E7EBF6 !important; } #main-menu .navbar-main .nav > li > a:hover, #main-menu .navbar-main .nav > li.active > a { color:#FFFFFF !important; background:transparent !important; opacity:.95; } /* 2) HERO (pretraga domena) – gradijent, čitljivost, kompaktno */ #home-banner { background:linear-gradient(180deg, #111C59 0%, #0E1648 100%) !important; padding:48px 0 40px !important; /* kompaktnije */ } #home-banner h2 { color:#ffffff !important; font-weight:600 !important; letter-spacing:.1px; } #home-banner .input-group-lg .form-control { background:#ffffff !important; color:#111C59 !important; border:1px solid rgba(255,255,255,.25) !important; border-radius:12px !important; height:48px !important; } #home-banner .input-group-lg .btn { border-radius:12px !important; height:48px !important; line-height:48px !important; padding:0 18px !important; font-weight:600 !important; } /* Dugmad u hero sekciji */ #home-banner .btn.search{ /* Pretraži */ background:#76D978 !important; border-color:#76D978 !important; color:#0E1648 !important; } #home-banner .btn.search:hover{ filter:brightness(0.92) !important; } #home-banner .btn.transfer{ /* Transfer */ background:#F4E474 !important; border-color:#F4E474 !important; color:#0E1648 !important; } #home-banner .btn.transfer:hover{ filter:brightness(0.92) !important; } /* 3) „Kako vam možemo pomoći…“ – bela pozadina + tanka akcent linija */ .home-shortcuts{ background:#ffffff !important; border-top:4px solid #7F207E !important; padding-top:18px !important; padding-bottom:8px !important; } .home-shortcuts .lead{ color:#111C59 !important; font-weight:600 !important; } /* Kartice ikonica – čistije i lakše */ .home-shortcuts ul li a{ background:#ffffff !important; color:#111C59 !important; border:1px solid #E9E9F2 !important; border-radius:14px !important; box-shadow:0 2px 10px rgba(17,28,89,0.06) !important; } .home-shortcuts ul li a:hover{ border-color:#CFCFE8 !important; box-shadow:0 4px 16px rgba(17,28,89,0.10) !important; } .home-shortcuts i, .home-shortcuts p{ color:#111C59 !important; } /* 4) Global link akcent i stanja */ a, a:focus, a:hover { color:#7F207E !important; } .btn-primary, .btn.btn-primary { background:#7F207E !important; border-color:#7F207E !important; } .btn-primary:hover { filter:brightness(0.96) !important; } /* 5) Paneli / kartice / box-ovi – diskretni obrubi */ .panel, .card { border-color:#EDEDF6 !important; } .panel-default > .panel-heading, .card-header { background:#FBFBFE !important; border-bottom:1px solid #EDEDF6 !important; } /* 6) Notifikacije (alert-i) – malo blaže boje i bolja čitljivost */ .alert-success { background:#EAF9EE !important; border-color:#CFEFD9 !important; color:#145C2E !important; } .alert-info { background:#EBF5FF !important; border-color:#D4E7FF !important; color:#0B4A8B !important; } .alert-warning { background:#FFF8E5 !important; border-color:#FFE7AE !important; color:#7A4B00 !important; } .alert-danger { background:#FFF2F3 !important; border-color:#FFC9CE !important; color:#8A1230 !important; } /* 7) Footer – taman, diskretan */ footer { background:#0E1648 !important; color:#E7EBF6 !important; } footer a { color:#E7EBF6 !important; opacity:.9; } footer a:hover { opacity:1; } /* 8) Ikonice u glavnom meniju – boja i hover */ .navbar-main .fa, .navbar-main .far, .navbar-main .fas { color:#E7EBF6 !important; } .navbar-main .nav > li > a:hover .fa, .navbar-main .nav > li > a:hover .far, .navbar-main .nav > li > a:hover .fas { color:#FFFFFF !important; } /* 9) Tabele & forme – blage bordure i fokus */ .table > thead > tr > th { border-bottom:1px solid #EDEDF6 !important; } .form-control:focus { border-color:#7F207E !important; box-shadow:0 0 0 3px rgba(127,32,126,0.15) !important; } /* 10) Secondary buttons (ako se negde pojave) */ .btn-default, .btn-secondary { background:#F5F6FB !important; border-color:#E1E3F3 !important; color:#111C59 !important; } .btn-default:hover, .btn-secondary:hover { filter:brightness(0.97) !important; } /* 11) Sitni utility-ji */ .badge, .label { background:#7F207E !important; } .pagination > li > a, .pagination > li > span { color:#111C59 !important; border-color:#E1E3F3 !important; } .pagination > .active > a, .pagination > .active > span { background:#7F207E !important; border-color:#7F207E !important; color:#fff !important; } /* ======================================== FIX: buttons i selektovani elementi ======================================== */ /* Dugmad – Pročitaj više i sva ljubicasta dugmad */ a.label.label-warning, .btn-primary, .btn.btn-primary, .btn-warning { background: #7F207E !important; border-color: #7F207E !important; color: #ffffff !important; } a.label.label-warning:hover, .btn-primary:hover, .btn.btn-primary:hover, .btn-warning:hover { filter: brightness(0.95) !important; color: #ffffff !important; } /* Leva navigacija – aktivna/selektovana stavka */ .sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover { background-color: #7F207E !important; border-color: #7F207E !important; color: #ffffff !important; } .sidebar .list-group-item.active a, .sidebar .list-group-item.active a:hover { color: #ffffff !important; } /* Dugme Nazad */ .btn-default, .btn-secondary { background: #7F207E !important; border-color: #7F207E !important; color: #ffffff !important; } .btn-default:hover, .btn-secondary:hover { filter: brightness(0.95) !important; color: #ffffff !important; } /* === Fix: tekst na ljubičastim dugmadima (btn-primary) da bude beo === */ .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { color: #ffffff !important; } /* Ako ima malih ljubičastih "čipova"/tagova na listi kategorija – tekst bele boje */ .domain-categories .category, .domain-categories .category:hover { color: #ffffff !important; } /* === Fix: levi sidebar – aktivna stavka ljubičasta sa belim tekstom === */ .panel-sidebar .list-group .list-group-item.active, .list-group .list-group-item.active { background: #7F207E !important; border-color: #7F207E !important; color: #ffffff !important; } /* Linkovi/ikonice unutar aktivne stavke da budu beli */ .panel-sidebar .list-group .list-group-item.active a, .list-group .list-group-item.active a, .panel-sidebar .list-group .list-group-item.active .fa, .list-group .list-group-item.active .fa { color: #ffffff !important; } /* Za slučaj da WHMCS generiše "label" u ljubičastoj – uvek beli tekst */ .label, .badge { color: #ffffff !important; } /* Dugmad - hover fix */ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn.btn-primary:hover, input[type="submit"].btn-primary:hover { background: #7F207E !important; /* ljubičasta pozadina */ border-color: #7F207E !important; color: #ffffff !important; /* beli tekst */ } /* Za secondary i link dugmad ako koristiš */ .btn-secondary:hover, .btn-default:hover { color: #ffffff !important; } /* Kategorije domena - hover fix */ .domainCategories .btn, .domainCategories .badge, .domainCategories a { background: #7F207E !important; color: #ffffff !important; border-radius: 6px; padding: 6px 12px; font-weight: 600; } /* ----- Domain category chips: uvek beo tekst + ljubičasta pozadina ----- */ /* Normalno stanje (pokrivamo najčešće varijante u WHMCS orderformu) */ #domainCategories .label, #domainCategories a, .domain-categories .label, .domain-categories a, .domain-extensions-categories .label, .domain-extensions-categories a, .orderform .category-filters .label, .orderform .category-filters a, .orderform .domain-categories .label, .orderform .domain-categories a, .label-default.category, .label-primary.category, .label-info.category { background: #7F207E !important; border-color: #7F207E !important; color: #ffffff !important; } /* Hover / fokus / aktivno stanje */ #domainCategories .label:hover, #domainCategories a:hover, .domain-categories .label:hover, .domain-categories a:hover, .domain-extensions-categories .label:hover, .domain-extensions-categories a:hover, .orderform .category-filters .label:hover, .orderform .category-filters a:hover, .label-default.category:hover, .label-primary.category:hover, .label-info.category:hover, #domainCategories .active > .label, #domainCategories .active > a, .orderform .category-filters .active > .label, .orderform .category-filters .active > a, #domainCategories .label:focus, #domainCategories a:focus { background: #5e0d5e !important; border-color: #5e0d5e !important; color: #ffffff !important; } /* Ako je link unutar labele – nateraj i njega da bude beo u svim stanjima */ #domainCategories .label a, #domainCategories a .label, .orderform .category-filters .label a, .orderform .category-filters a .label { color: #ffffff !important; } /* Safety net: ako WHMCS dodeli druge label klase */ .label-default, .label-primary, .label-info { color: #ffffff !important; } .label-default:hover, .label-primary:hover, .label-info:hover { color: #ffffff !important; background: #5e0d5e !important; border-color: #5e0d5e !important; } .badge:hover, .badge:focus { background-color: #6c63ff !important; /* hover pozadina */ color: #fff !important; /* tekst kontrastan */ text-decoration: none !important; /* ukloni podvlačenje */ }