/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 4.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


html, label, blockquote {
    color: black;
}
table {
    background-color: white;
}

.sidenav .navigation-header .navigation-header-text {
    color: black;
}

.sidenav li a {
    color: black;
}

.input-field > label {
    color: black;
}

#breadcrumbs-wrapper .breadcrumbs .active {
    color: black;
}

blockquote {
    border-left: 5px solid #9e9e9e;
}

.note-editing-area, .note-editable {
    min-height: 40em !important;
}

/* přizpůsobení materialize 7.1 */

.profile-image-login {
    max-width: 50% !important;
    margin-left: 25%;
}

.pryard {
    background-color: #1a3977 !important;
}

.pryard .btn, .btn-large {
    background-color: #1a3977;
}

.gradient-45deg-blue-pryard {
    background: #2962FF;
    background: -webkit-linear-gradient(45deg, #1a3977 0%, #5da3e2 100%);
    background: linear-gradient(45deg, #1a3977 0%, #5da3e2 100%);
}

.gradient-45deg-purple-pryard {
    background: #7b1fa2;
    background: -webkit-linear-gradient(45deg, #4a148c 0%, #7b1fa2 100%);
    background: linear-gradient(45deg, #4a148c 0%, #7b1fa2 100%);
}

/* konec přizpůsobení materialize 7.1 */

/* ratign stars */

.rating-cell {
    text-align: center;
    vertical-align: middle;
}

.star-rating {
    direction: rtl;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.star-rating label:before,
.star-rating label:after {
    display: none;
}

.star-rating label {
    color: #bbb;
    font-size: 18px;
    padding: 0;

    padding-left: 0 !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.star-rating form label {
    cursor: pointer;
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type=radio]:checked ~ label
{
    color: #f2b600
}

.star-rating .rated-minus
{
    font-size: 18px;
    color: #bbb;
}

.star-rating .rated-plus
{
    font-size: 18px;
    color: #f2b600
}

/* social avatar */

.avatar-social {
    width: 42px;
    height: 42px;
    font-size: 28px;
    line-height: 42px;
    color: #fff;
    text-align: center;
}


/* timeline */
section.timeline-outer {
    width: 80%;
    margin: 0 auto;
}

.timeline {
    border-left: 8px solid #2196F3;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #333;
    margin: 50px auto;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 1.4em;
    padding: 20px;
    list-style: none;
    text-align: left;
}

.timeline h1,
.timeline h2,
.timeline h3 {
    font-size: 1.4em;
}

.timeline .event {
    border-bottom: 1px solid rgba(160, 160, 160, 0.2);
    padding-bottom: 15px;
    margin: 0 3em 0 1.5em;
    position: relative;
}

.timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.timeline .event:before,
.timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .event:before {
    left: -13em;
    color: #212121;
    content: attr(data-date);
    text-align: right;
    /*  font-weight: 100;*/

    /* font-size: 16px;*/
    min-width: 120px;
}

.timeline .event:after {
    box-shadow: 0 0 0 8px #2196F3;
    left: -4em;
    background: #212121;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 5px;
}

/**/
/*——————————————
Responsive Stuff
———————————————*/

@media (max-width: 945px) {
    .timeline .event::before {
        left: 0.5px;
        top: 20px;
        min-width: 0;
        /*  font-size: 13px;*/
    }

    .timeline h3 {
        /*  font-size: 16px;*/
    }

    .timeline p {
        padding-top: 20px;
    }

    section.lab h3.card-title {
        padding: 5px;
        /*  font-size: 16px*/
    }
}

@media (max-width: 768px) {
    .timeline .event::before {
        left: 0.5px;
        top: 20px;
        min-width: 0;
        /*  font-size: 13px;*/
    }

    .timeline h3 {
        font-size: 16px;
    }

    .timeline p {
        padding-top: 20px;
    }
}

/* other */
.catalog-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2em;
    max-width: 90%;

}

.catalog-description:hover {
    overflow: visible;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    -ms-word-break: break-all;
    word-break: break-all;
    transition: max-width ease .3s;
}

/* social login */
.btn.social > :first-child,
.btn-large.social > :first-child,
.col.social > :first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn.social,
.btn-large.social,
.col.social {
    padding: 0 2rem 0 0;
}

.btn.social i,
.btn-large.social i,
.col.social i {
    padding: 0 1rem;
    margin-right: 1rem;
}

.btn.social-icon,
.btn-large.social-icon,
.col.social-icon {
    padding: 0;
}

.btn.social-icon i,
.btn-large.social-icon i,
.col.social-icon i {
    padding: 0 1rem;
    margin-right: 0;
}

.btn-large.social-icon {
    padding: 0 1rem;
}

.col.social {
    width: 100%;
    text-align: left;
}

.col.social i.fa-fw {
    width: 3.2rem;
}

.facebook {
    background-color: #3b5998 !important;
    color: #fff !important;
}

.facebook i {
    color: #fff !important;
}

.facebook:hover {
    background-color: #4c70ba !important;
}

.google {
    background-color: #dd4b39 !important;
    color: #fff !important;
}

.google i {
    color: #fff !important;
}

.google:hover {
    background-color: #e47365 !important;
}

.instagram {
    background-color: #405de6 !important;
    color: #fff !important;
}

.instagram i {
    color: #fff !important;
}

.instagram:hover {
    background-color: #6d83ec !important;
}

.openid:hover {
    background-color: #f9ab4f !important;
}

.pinterest {
    background-color: #cb2027 !important;
    color: #fff !important;
}

.pinterest i {
    color: #fff !important;
}

.pinterest:hover {
    background-color: #e03e44 !important;
}

.twitter {
    background-color: #55acee !important;
    color: #fff !important;
}

.twitter i {
    color: #fff !important;
}

.twitter:hover {
    background-color: #83c3f3 !important;
}

.favorite, .favorite-content, .favorite-deal, .delete, .waste {
    cursor: pointer;
    color: grey;
    width: 1em;
}

@media screen and (min-width: 1550px) {
    .tableSort {
        white-space: nowrap;
    }
}

.tableSort a {
    height: 1em;
}

.tableSort div, .tableSort a {
    display: inline-block;
    white-space: nowrap;
}

.tableSort .tableSortUp {
    position: relative;
}

.tableSort .tableSortDown {
    position: relative;
    top: 1em;
    left: -1.85em
}

/* Role switcher v navbaru */
.role-switch-button {
    height: 64px !important;
    overflow: hidden !important;
}

.role-switch-button > .material-icons:first-child {
    vertical-align: middle;
}

#role-dropdown {
    overflow: hidden !important;
    min-width: 230px;
}

/* Přímé odkazy v horní liště — ikona zarovnaná s textem */
.navbar-list > li > a > .material-icons:first-child {
    vertical-align: middle;
}

/* CTA v horní liště — Dobít kredit / Vyplatit peníze (bílá pilulka, text v barvě role — kontrast WCAG AA) */
.navbar .navbar-list > li > a.navbar-cta {
    display: inline-flex;
    align-items: center;
    height: 38px;
    line-height: 38px;
    white-space: nowrap;
    vertical-align: top;
    margin: 13px 10px 0 6px;
    padding: 0 16px;
    border-radius: 19px;
    background-color: #fff;
    color: #1565c0;
    font-weight: 500;
}

.role-publisher .navbar .navbar-list > li > a.navbar-cta {
    color: #6a1b9a;
}

.navbar .navbar-list > li > a.navbar-cta:hover {
    background-color: rgba(255, 255, 255, .85);
}

/* Identita účtu — e-mail + ozubené kolo jako jeden odkaz do Nastavení */
.navbar .navbar-list > li > a.profile-email {
    display: inline-flex;
    align-items: center;
    max-width: 280px;
}

.navbar .navbar-list > li > a.profile-email > .profile-email-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar .navbar-list > li > a.profile-email > .material-icons {
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-left: 6px;
    flex: 0 0 auto;
}

/* Zůstatek — afordance odkazu + zvýraznění nízkého kreditu */
.navbar .navbar-list > li > a.cashdesk-link:hover {
    text-decoration: underline;
}

.navbar .navbar-list > li > a.credit-low {
    color: #ffd740;
    font-weight: 700;
}

/* Tečka na mobilním hamburgeru při nízkém kreditu inzerenta */
.sidenav-trigger.btn-sidenav-toggle {
    overflow: visible;
}

.sidenav-credit-dot {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff5252;
    border: 2px solid #fff;
}

/* ikona v pilulce nesmí zdědit 64px line-box z nav .nav-wrapper i */
.navbar .navbar-list > li > a.navbar-cta > .material-icons:first-child {
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 4px;
}

/* Bílé radio buttony v alertech */
.card-alert [type="radio"].with-gap:not(:checked) + span:before,
.card-alert [type="radio"].with-gap:not(:checked) + span:after {
    border-color: #fff !important;
}

.card-alert [type="radio"].with-gap:checked + span:before {
    border-color: #fff !important;
}

.card-alert [type="radio"].with-gap:checked + span:after {
    background-color: #fff !important;
    border-color: #fff !important;
}

/* Role-aware tlačítka v alertech */
.role-advertiser .btn-role {
    background-color: #1565c0 !important;
}

.role-publisher .btn-role {
    background-color: #6a1b9a !important;
}

/* Advertiser role - modrá */
.role-advertiser .sidenav li a.active {
    margin: 0;
    color: #fff;
    background: #1565c0;
    box-shadow: 3px 3px 20px 0 #1565c0;
}

.role-advertiser span.badge.new {
    background-color: #1565c0;
}

/* Publisher role - purple */
.role-publisher .sidenav li a.active {
    margin: 0;
    color: #fff;
    background: #6a1b9a;
    box-shadow: 3px 3px 20px 0 #6a1b9a;
}

.role-publisher span.badge.new {
    background-color: #6a1b9a;
}

/* Fallback pro ostatní role (admin, salesman) */
.sidenav li a.active {
    margin: 0;
    color: #fff;
    background: #1565c0;
    box-shadow: 3px 3px 20px 0 #1565c0;
}

.sidenav-active-rounded .sidenav li > a.active {
    margin-right: 1.15rem;
    color: #fff;
    border-radius: 0 25px 25px 0;
}

span.badge.new {
    background-color: #1565c0;
}

/* Barevné ikony v menu inzerenta — kategorizace podle funkce */
.sidenav li a .menu-ico.menu-ico-dashboard { color: #1976d2 !important; } /* modrá — přehled */
.sidenav li a .menu-ico.menu-ico-catalog   { color: #1976d2 !important; } /* modrá — katalog */
.sidenav li a .menu-ico.menu-ico-create    { color: #2e7d32 !important; } /* zelená — CTA vytvořit */
.sidenav li a .menu-ico.menu-ico-order     { color: #c62828 !important; } /* červená — objednávka (konzistentně s cart barem) */
.sidenav li a .menu-ico.menu-ico-articles  { color: #00796b !important; } /* teal — moje články */
.sidenav li a .menu-ico.menu-ico-archive   { color: #9e9e9e !important; } /* šedá — archiv */
.sidenav li a .menu-ico.menu-ico-money     { color: #f57c00 !important; } /* amber — pokladna */
.sidenav li a .menu-ico.menu-ico-settings  { color: #616161 !important; } /* tmavě šedá — nastavení */
.sidenav li a .menu-ico.menu-ico-support   { color: #0288d1 !important; } /* cyan — podpora */
.sidenav li a .menu-ico.menu-ico-affiliate { color: #8e24aa !important; } /* fialová — affiliate */
.sidenav li a .menu-ico.menu-ico-alert     { color: #e65100 !important; } /* deep orange — varování, chyby */

/* Active stav — ponechat zvýraznění (obarvit zpět bílou není potřeba, Materialize to neriesi) */
.sidenav li a.active .menu-ico { filter: brightness(1.1); }
/* Notice (CTA zvýraznění) překryje ikony na bílou */
.sidenav li a.notice .menu-ico { color: #fff !important; }

/* upozornění v menu — podmíněný CTA styling: zvýrazněno jen když položka je první akce pro uživatele */
.sidenav li a.notice {
    margin: 0;
    color: #fff !important;
    background: #ff9800;
    box-shadow: 0 2px 8px rgba(255, 152, 0, 0.45);
    font-weight: 600;
    letter-spacing: 0.2px;
    border-radius: 3px;
}
.sidenav li a.notice i.material-icons {
    color: #fff !important;
}
.sidenav li a.notice:hover {
    background: #fb8c00;
    box-shadow: 0 3px 12px rgba(255, 152, 0, 0.6);
}
@keyframes pryardPulseNotice {
    0%   { box-shadow: 0 2px 8px rgba(255, 152, 0, 0.45); }
    50%  { box-shadow: 0 2px 14px rgba(255, 152, 0, 0.85); }
    100% { box-shadow: 0 2px 8px rgba(255, 152, 0, 0.45); }
}
.sidenav li a.notice {
    animation: pryardPulseNotice 2.4s ease-in-out infinite;
}

.modal-content, .modal-footer {
    text-align: center !important;
}

.chip {
    color: black !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1; /* Firefox */
}

.material-tooltip {
    max-width: 40em;
}

textarea.materialize-textarea {
    min-height: 7rem;
}

.fixed-table-head th {
    position: sticky;
    top: 64px;
    background-color:white;
    z-index:2;
}

/* Modal publikace — obteče obsah (Materialize default je width:55% fixed) */
/* Pozor: Materialize při modal('open') přepíše inline style, proto CSS pravidla */
/* left:0 + right:0 + margin-left/right:auto + width:max-content = vodorovné centrování u shrink-wrap prvku */
#modal-offer.modal {
    width: max-content !important;
    min-width: 480px !important;
    max-width: 95vw !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#modal-reassign-copywriter.modal {
    width: max-content !important;
    min-width: 460px !important;
    max-width: 95vw !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*  Breadcrumbs-inline padding fix
    Globální rule .pt-3 používá padding-top: 3%, což je % šířky rodiče (na širokém layoutu ~70px).
    Pro breadcrumbs blok (title + breadcrumb) chceme pevnou rozumnou hodnotu. */
.breadcrumbs-inline.pt-3 {
    padding-top: 1.5rem !important;
}
.breadcrumbs-inline.pb-1 {
    padding-bottom: 0.75rem !important;
}

/*  System alert wrapper margin fix
    V layout.html je .row.mt-2.mb-0 obalující systémové alerty (currency warning apod.).
    Když nejsou žádné alerty, row zůstává prázdný, ale .mt-2 (margin-top: 2% = ~45px)
    se přes margin-collapse propaguje nahoru a tlačí #main dolů. */
#main > .container > .row.mt-2 {
    margin-top: 0 !important;
}

/* Brand 2026 — limetkový akcent */

/*  Primární tlačítka (stará brand modrá: cyan / light-blue / blue) → limetková CTA.
    Sémantické barvy (green = potvrzení, red = destrukce, orange = varování) záměrně ponechány.
    Materialize barevné třídy mají !important, proto ho potřebují i tyto overrides
    (stejná specificita, custom.css se načítá později → vyhrává kaskádou). */
.btn.cyan, .btn-small.cyan, .btn-large.cyan, .btn-floating.cyan,
.btn.light-blue, .btn-small.light-blue, .btn-large.light-blue, .btn-floating.light-blue,
.btn.blue, .btn-small.blue, .btn-large.blue, .btn-floating.blue {
    background-color: #8ce500 !important;
    color: #101010 !important;
}

/* Hover/focus — ztmavená limetka */
.btn.cyan:hover, .btn-small.cyan:hover, .btn-large.cyan:hover, .btn-floating.cyan:hover,
.btn.light-blue:hover, .btn-small.light-blue:hover, .btn-large.light-blue:hover, .btn-floating.light-blue:hover,
.btn.blue:hover, .btn-small.blue:hover, .btn-large.blue:hover, .btn-floating.blue:hover,
.btn.cyan:focus, .btn-small.cyan:focus, .btn-large.cyan:focus, .btn-floating.cyan:focus,
.btn.light-blue:focus, .btn-small.light-blue:focus, .btn-large.light-blue:focus, .btn-floating.light-blue:focus,
.btn.blue:focus, .btn-small.blue:focus, .btn-large.blue:focus, .btn-floating.blue:focus {
    background-color: #7ac800 !important;
    color: #101010 !important;
}

/*  Odkazy v obsahových tabulkách → brand navy.
    Záměrně jen tabulky uvnitř #main (bílé pozadí, custom.css výše) — menu, navbar,
    alerty a barevné karty zůstávají nedotčené, aby se nerozbil kontrast. */
#main table a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-floating):not(.btn-flat):not(.chip) {
    color: #1a3977;
}