/* --- ZELENÁ AKCIA --- */
.row-active-promo {
    background: #e1f2e1 !important;
    background-image: linear-gradient(#fafffa, #e1f2e1) !important;
    border-color: #c3e6cb !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* Fix pre Chrome dotyk */
}

/* --- MODRÁ AKCIA --- */
.row-future-promo {
    background: #dcf0ff !important;
    background-image: linear-gradient(#f0f8ff, #dcf0ff) !important;
    border-color: #b8daff !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* Fix pre Chrome dotyk */
}

/* --- ŽLTÁ AKCIA  --- */
.row-tip-promo {
    background: #fff3cd !important;
    background-image: linear-gradient(#fffdf5, #fff3cd) !important;
    border-color: #ffeeba !important;
    box-shadow: none !important;
}

/* --- ČERVENÁ AKCIA (Expirované / Pozor) --- */
.row-error-promo {
    background: #f8d7da !important;
    background-image: linear-gradient(#fff5f6, #f8d7da) !important;
    border-color: #f5c6cb !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

/* Odstránenie tieňa textu pre lepšiu čitateľnosť na červenej */
.row-error-promo h2, .row-error-promo p {
    text-shadow: none !important;
    color: #721c24 !important; /* Tmavočervený text, aby ladil */
}


/* --- ODSTRÁNENIE JQM PRUHOV A VRSTIEV --- */
.row-active-promo .ui-btn-inner, 
.row-active-promo .ui-btn-text,
.row-active-promo a.ui-link-inherit,
.row-future-promo .ui-btn-inner,
.row-future-promo .ui-btn-text,
.row-future-promo a.ui-link-inherit {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #333 !important; /* Základná farba textu */
}

/* --- FIX PRE BIELY TEXT PRI STLAČENÍ (ACTIVE STATE) --- */
/* Zasahuje riadok aj všetky vnorené texty pri dotyku prstom */
.row-active-promo.ui-btn-down-c,
.row-active-promo.ui-btn-down-c *,
.row-active-promo:active *,
.row-future-promo.ui-btn-down-c,
.row-future-promo.ui-btn-down-c *,
.row-future-promo:active * {
    color: #000 !important; /* Vynútená čierna pri stlačení */
    text-shadow: none !important;
}

/* --- OBRÁZKY A PRECHODY --- */
.row-active-promo img, .row-future-promo img {
    box-shadow: none !important;
}

li.row-active-promo, li.row-future-promo {
    transition: background 0.2s ease-in-out;
}


/* Rámik pre veľké logá v rozdeľovníkoch */
li[data-role="list-devider"] img {
    border: 1px solid #CCCCCC !important;
    padding: 0px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-right: 10px;
    width: 71px; /*Jednotná šírka preprehľadnosť*/
    height: 71px; /*Jednotná výška*/
    vertical-align: middle;
    transform: translateY(1px); /*Chirurgicky presný posun presne o 1px dole na osi Y*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

/* Rámik pre malé logá letákov */
img.micro_img {
    border: 1px solid #CCCCCC !important; /*Sivýrámik*/
    padding: 0px;
    background: #FFFFFF;
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 12px;
    width: 39px; /*Jednotná šírka preprehľadnosť*/
    height: 39px; /*Jednotná výška*/
    object-fit: contain; /*Logo sa nedeformuje*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}


/*---------------------------------------------------------------------*/
/* Toto zasiahne priamo element img s triedou ui-li-icon v zozname */
/* Toto zasiahne letáky, ale vynechá farebné štvorčeky zoznamov */
.ui-content .ui-listview li img.ui-li-icon:not([class*="nz_back"]) {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    border: 1px solid #CCCCCC !important;
    padding: 0px !important;
    background-color: #FFFFFF !important;
    border-radius: 3px !important;
    
    /* Vynútenie pozície */
    left: 8px !important;
    top: 50% !important;
    margin-top: -14px !important;
    position: absolute !important;
}


/* --- viac farieb pre tlacidla JQM --- */
/* Swatch F - ZELENÁ (Originálny sklenený prechod)
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-up-f {
    border: 1px solid #1e7e34;
    background: #28a745;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 0 1px 0 #19692c;
    background-image: linear-gradient(#34ce57, #28a745); /* Moderný fallback */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#34ce57), to(#28a745)); /* Originálny JQM štýl */
}
.ui-btn-hover-f {
    border: 1px solid #1e7e34;
    background: #218838;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 0 1px 0 #19692c;
    background-image: -webkit-linear-gradient(#28a745, #218838);
    background-image: linear-gradient(#28a745, #218838);
}
.ui-btn-down-f {
    border: 1px solid #1e7e34;
    background: #1e7e34;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 0 1px 0 #19692c;
    background-image: -webkit-linear-gradient(#1e7e34, #28a745); /* Prehodený gradient pri stlačení */
    background-image: linear-gradient(#1e7e34, #28a745);
}

/* Swatch G - ČERVENÁ (Originálny sklenený prechod)
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-up-g {
    border: 1px solid #bd2130;
    background: #dc3545;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 0 1px 0 #721c24;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e4606d), to(#dc3545));
    background-image: linear-gradient(#e4606d, #dc3545);
}
.ui-btn-hover-g {
    border: 1px solid #bd2130;
    background: #c82333;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 0 1px 0 #721c24;
    background-image: -webkit-linear-gradient(#dc3545, #c82333);
    background-image: linear-gradient(#dc3545, #c82333);
}
.ui-btn-down-g {
    border: 1px solid #bd2130;
    background: #bd2130;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 0 1px 0 #721c24;
    background-image: -webkit-linear-gradient(#bd2130, #dc3545);
    background-image: linear-gradient(#bd2130, #dc3545);
}

/* Swatch H - ŽLTÁ (Originálny sklenený prechod)
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-up-h {
    border: 1px solid #d39e00;
    background: #ffc107;
    font-weight: bold;
    color: #3e2723 !important;
    text-shadow: 0 1px 0 #fff3cd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffca2c), to(#ffc107));
    background-image: linear-gradient(#ffca2c, #ffc107);
}
.ui-btn-hover-h {
    border: 1px solid #d39e00;
    background: #e0a800;
    font-weight: bold;
    color: #3e2723 !important;
    text-shadow: 0 1px 0 #fff3cd;
    background-image: -webkit-linear-gradient(#ffc107, #e0a800);
    background-image: linear-gradient(#ffc107, #e0a800);
}

/* Spoločné nastavenia pre zachovanie vzhľadu odkazu vnútri JQM */
.ui-btn-up-f a, .ui-btn-up-g a, .ui-btn-hover-f a, .ui-btn-hover-g a {
    color: #fff !important;
}