/* --------------------------- promobox ---------------------------- */
/* background:#149700; - тъмно зелено фон на етикет */
/* background:#e1f4de - светло зелен фон зад шрифта */
/* color:#000; - шрифт преди ховър*/

/* background:#ff7700; - оранжево фон на етикет */
/* background:#fce9d9 - светло оранжев фон зад шрифта */
/* color:#753a07; - шрифт преди ховър*/

/* === Promo in Grid === */
.index_PromoInGridIMG, .index_PromoInGrid { background:#149700; color:#fff; font:bold 13px Arial; padding:2px 6px; text-shadow:1px 1px 2px #111, 1px 1px 2px #111; letter-spacing:1px; }
.index_PromoInGridIMG { border-radius:2px; position:absolute; border:1px solid #fff; margin-left:-107px; margin-top:-4px; box-shadow:1px 1px 2px #fff, 1px 1px 2px #fff; }
.index_PromoInGrid { padding:1px 6px; margin-left:-5px; }
.indexABox:hover .index_PromoInGridIMG { background:#f9bf0e; }
.indexAdsBox:hover .index_PromoInGrid { background:#149700; }


.indexABoxPromo, .indexAdsBoxPromo { float:left; border:1px solid #dadada; padding:5px; margin:0 10px 10px 0; height:100px; overflow:hidden; background:#fff; }
.indexABoxPromo:hover { box-shadow:1px 1px 5px #fff, 1px 1px 5px #149700; }
.indexAdsBoxPromo:hover { box-shadow:1px 1px 5px #fff, 1px 1px 5px #dadada; }


.indexABoxPromo a, .indexAdsBoxPromo a { color:#333; text-decoration:none; }
.indexABoxPromo a:hover, .indexAdsBoxPromo a:hover { color:#111; text-decoration:none; }


.indexABoxPromo a.links, .indexAdsBoxPromo a.links { font:normal 11px 'Repo', Arial; text-decoration:none; border-bottom:none; }
.indexABoxPromo a.links { color:#111; }
.indexAdsBoxPromo a.links { color:#555; }
.indexABoxPromo a.links:hover, .indexAdsBoxPromo a.links:hover { color:#117900; border-bottom:1px solid #117900; }


.indexABoxPromo a.readMore, .indexAdsBoxPromo a.readMorePromo { display:block; float:right; color:#117900; font:normal 12px 'RepoBold', Arial; text-decoration:none; }
.indexABoxPromo a.readMore:hover, .indexAdsBoxPromo a.readMorePromo:hover { color:#117900; text-decoration:underline!important; }


.indexAdsBoxPromo .index_inside a.titlePromo, .indexAdsBox .index_inside a.titlePromoNoIMG { color:#000; font:normal 14px 'RepoBold', Arial; background:#e1f4de; padding-left:4px; display:inline-block; width:100%; }
.indexAdsBoxPromo:hover .index_inside a.titlePromo, .indexAdsBox:hover .index_inside a.titlePromoNoIMG { color:#fff!important; background:#149700!important; }


.indexAdsBoxPromo:hover a.readMoreTop { color:#149700!important; }
.indexAdsBoxPromo:hover .index_inside a.readMore { color:#117900; }
.indexAdsBoxPromo:hover .index_inside .content { color:#111; }


.page-main-content { display: flex; gap: 0px; }
.AddAdsContainer { flex-grow: 1; width: 100%; }
.RightSidebar { width: 200px; flex-shrink: 0; }
.promo-container { display: flex; gap: 10px; justify-content: flex-start; }
.promo-box { width: 50%; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fdfdfd; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; }
.promo-box__header { display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #e0e0e0; }
.promo-box__icon { font-weight: bold; font-size: 18px; color: #fff; padding: 8px 12px; border-radius: 6px; text-align: center; line-height: 1; margin-right: 15px; }
.promo-box__icon span { font: normal 12px Arial; display: block; }
.promo-box--top .promo-box__icon { background-color: #CC332A; }
.promo-box--vip .promo-box__icon { background-color: #266BBF; }
.promo-box__title { font-size: 15px; font-weight: bold; }
.promo-box__title span { display: block; font-size: 14px; font-weight: normal; color: #555; margin-top: 2px; }
.promo-box--top .promo-box__title { color: #CC332A; }
.promo-box--vip .promo-box__title { color: #266BBF; }
.promo-box__body { padding: 20px 15px; text-align: center; flex-grow: 1; }
.promo-box__description { font-weight: bold; font-size: 12px; margin: 0 0 15px 0; text-transform: uppercase; color: #111;line-height:21px; }
.promo-box__action { display: flex; gap: 10px; align-items: center; }
.promo-select-wrapper { position: relative; flex-grow: 1; }
.promo-select { width: 100%; padding: 10px 30px 10px 12px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; font-size: 14px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.promo-select-wrapper::after { content: '▾'; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); font-size: 18px; color: #555; pointer-events: none; }
.promo-button { white-space: nowrap;font: bold 11px Arial;width:90px; padding: 5px 10px 2px 10px; line-height:18x;border: none; border-radius: 4px; color: #fff; cursor: pointer; transition: background-color 0.2s; text-transform: uppercase; }
.promo-button--top { background-color: #CC332A; border-bottom: 3px solid #a02921; }
.promo-button--top:hover { background-color: #b02c24; }
.promo-button--vip { background-color: #266BBF; border-bottom: 3px solid #1c4e8a; }
.promo-button--vip:hover { background-color: #1f5799; }
.promo-box__footer { padding: 15px; font-size: 14px; text-align: center; background-color: #f5f5f5; border-top: 1px solid #e0e0e0; border-radius: 0 0 7px 7px; }
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 1000; }
.modal-content { background-color: #fff; padding: 20px; border-radius: 8px; width: 90%; max-width: 450px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px; }
.modal-header h3 { margin: 0; font-size: 18px; }
.modal-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #aaa; }
.modal-body { font-size: 16px; line-height: 1.6; margin-bottom: 20px; }
.modal-footer { display: flex; justify-content: flex-end; gap: 10px; }
.modal-button { padding: 10px 20px; border-radius: 5px; border: 1px solid #ccc; cursor: pointer; font-weight: bold; }
.modal-button--cancel { background-color: #f0f0f0; }
.modal-button--confirm { background-color: #28a745; color: white; border-color: #28a745; }
/* .clear { clear: both; height: 0; line-height: 0; font-size: 0; } */
@media (max-width: 992px) { .page-main-content { flex-direction: column; } .RightSidebar { width: 100%; } .promo-container { flex-direction: column; } .promo-box { width: 100%; } }


.wallet-notice {
    display: flex;
    align-items: flex-start; 
    padding: 15px 20px;
    margin: 20px 0; 
    border-radius: 8px;
    border: 1px solid;
}

.wallet-notice--error {
    background-color: #fdecea; 
    border-color: #f5c6cb;
    color: #721c24;
}

.wallet-notice__icon {
    flex-shrink: 0;
    margin-right: 15px;
    margin-top: 3px;
}

.wallet-notice__icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.wallet-notice__content {
    flex-grow: 1;
}

.wallet-notice__title {
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 5px 0;
}

.wallet-notice__text {
    margin: 0 0 15px 0;
    line-height: 1.5;
}


.promoteSmall {
	font-size:13px;
}


.promo-box__action {
    display: flex;
    align-items: center; 
    justify-content: space-between; 
    gap: 15px;
}

.promo-box__action--centered {
    justify-content: center; 
}


.CenterContainerSitePage {
	float:left;
	width:690px;
	margin-left:10px; border:1px solid red;
}