/* ============================================================
   fragments.css — styles extracted from inline <style> blocks
   in Django fragment templates (for W3C HTML5 validity).
   ============================================================ */

/* ── Header: logo + nav avatar (header.html) ── */
#uvelir-logo{padding:5px 5px 8px}
.uv-nav-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--uv-gold),var(--uv-gold-dark));color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}
.uv-nav-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.uv-nav-badge{font-size:.6rem;padding:.12rem .38rem;border-radius:10px;background:#198d00;color:#fff;font-weight:600;margin-left:.1rem}

/* ── Header: quick nav pills (header.html) ── */
.uv-quicknav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.4rem;padding:.6rem 0;margin-bottom:.25rem}
.uv-quicknav a{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;color:#2c2c2c;border:1px solid #e8e4dc;border-radius:20px;background:#fff;transition:all .25s ease}
.uv-quicknav a:hover{color:var(--uv-gold-dark);border-color:var(--uv-gold);background:rgba(13,110,253,.07);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.uv-quicknav a i{font-size:.9rem;width:1rem;text-align:center}

/* ── Header: main navbar (header.html) ── */
.uv-navbar{background:#fff;border-bottom:1px solid #e8e4dc;font-size:.85rem}
.uv-navbar .nav-link{display:flex;align-items:center;gap:.3rem;padding:.55rem .65rem;font-weight:600;color:#2c2c2c;text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;white-space:nowrap;transition:color .2s}
.uv-navbar .nav-link:hover,.uv-navbar .nav-link:focus{color:var(--uv-gold-dark)}
.uv-navbar .nav-link i{font-size:.9rem}
.uv-navbar .navbar-brand img{max-height:36px}
.uv-navbar .dropdown-menu{border:1px solid #e8e4dc;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.08);padding:.35rem 0;min-width:16rem}
.uv-navbar .dropdown-item{font-size:.82rem;padding:.45rem 1rem;color:#333;transition:background .15s,color .15s}
.uv-navbar .dropdown-item:hover,.uv-navbar .dropdown-item:focus{background:rgba(13,110,253,.08);color:var(--uv-gold-dark)}
.uv-navbar .dropdown-item i{width:1.1rem;text-align:center;margin-right:.35rem;font-size:.85rem}
.uv-navbar .dropdown-submenu{position:relative}
.uv-navbar .dropdown-submenu>.dropdown-menu{display:none;top:0;left:100%;margin-top:-.35rem}
.uv-navbar .dropdown-submenu:hover>.dropdown-menu{display:block}
.uv-navbar .dropdown-submenu>.dropdown-item::after{content:"\F285";font-family:"bootstrap-icons";float:right;font-size:.65rem;opacity:.5;margin-left:.5rem}
.uv-mega-dropdown{position:static!important}
.uv-mega-menu{position:absolute!important;left:0!important;right:0!important;top:100%!important;width:100%;transform:none!important;border:1px solid #e8e4dc;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.08);padding:1rem 0}
.uv-mega-menu .uv-mega-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#999;padding:.3rem 1rem .5rem;margin:0}
.uv-mega-menu .dropdown-item{font-size:.82rem;padding:.4rem 1rem}
.uv-search-form{display:none;background:#fff;padding:.5rem 0;border-bottom:1px solid #e8e4dc}
.uv-search-form.show{display:block}
.uv-search-form input{border:1px solid #e0dcd4;border-radius:6px;font-size:.9rem;padding:.5rem .75rem}
.uv-search-form input:focus{border-color:var(--uv-gold);box-shadow:0 0 0 .2rem rgba(13,110,253,.15);outline:none}
@media(max-width:991.98px){
    .uv-navbar .offcanvas{max-width:300px}
    .uv-navbar .offcanvas .nav-link{padding:.6rem .75rem;font-size:.85rem;text-transform:none;letter-spacing:0}
    .uv-navbar .dropdown-submenu>.dropdown-menu{position:static;box-shadow:none;border:0;padding-left:1rem}
    .uv-navbar .dropdown-submenu>.dropdown-item::after{transform:rotate(90deg)}
    .uv-navbar .dropdown-submenu:hover>.dropdown-menu{display:none}
    .uv-navbar .dropdown-submenu.show>.dropdown-menu{display:block}
    .uv-mega-menu{position:static!important;transform:none!important;box-shadow:none;border:0;padding:0;width:auto}
    .uv-mega-menu .row{flex-direction:column}
    .uv-mega-dropdown{position:relative!important}
}
@media(min-width:992px){
    .uv-navbar .nav-item.dropdown:hover>.dropdown-menu,
    .uv-navbar .nav-item.uv-mega-dropdown:hover>.uv-mega-menu{display:block}
    .uv-navbar .dropdown-menu{margin-top:0}
}

/* ── Mega-menu news cards (menu_news.html) ── */
.uv-megamenu-news{display:flex;flex-direction:column;gap:.5rem}
.uv-megamenu-card{position:relative;border-radius:6px;overflow:hidden;display:block;text-decoration:none;color:#fff}
.uv-megamenu-card img{width:100%;height:140px;object-fit:cover;display:block;transition:transform .4s ease}
.uv-megamenu-card:hover img{transform:scale(1.05)}
.uv-megamenu-card .uv-mm-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,20,.85) 0%,rgba(10,10,20,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:.7rem}
.uv-megamenu-card .uv-mm-meta{font-size:.68rem;opacity:.8;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}
.uv-megamenu-card .uv-mm-meta time{background:rgba(255,255,255,.15);padding:.1rem .35rem;border-radius:2px}
.uv-megamenu-card .uv-mm-title{font-size:.82rem;font-weight:600;line-height:1.3;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── Pro companies teasers (pro_companies_without_description.html) ── */
.uv-teasers{display:flex;gap:1rem;padding-bottom:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.uv-teasers::-webkit-scrollbar{display:none}
.uv-teaser-card{flex:1 1 0;min-width:170px;max-width:210px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#2c2c2c;padding:1.25rem .75rem;border:1px solid #e8e4dc;border-radius:6px;background:#fff;transition:all .3s cubic-bezier(.25,.46,.45,.94)}
.uv-teaser-card:hover{border-color:var(--uv-gold);box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-4px);color:#2c2c2c;text-decoration:none}
.uv-teaser-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:.75rem;border:2px solid #e8e4dc;transition:border-color .3s ease}
.uv-teaser-card:hover .uv-teaser-avatar{border-color:var(--uv-gold)}
.uv-teaser-avatar img{width:100%;height:100%;object-fit:cover}
.uv-teaser-name{font-size:.85rem;font-weight:600;line-height:1.3;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uv-teaser-location{font-size:.75rem;color:#6c6c7a;margin-bottom:.3rem}
.uv-teaser-location i{color:var(--uv-gold);font-size:var(--uv-fs-xs)}
.uv-teaser-views{font-size:var(--uv-fs-xs);color:#6c6c7a;margin-top:auto}
@media(max-width:767.98px){.uv-teaser-card{flex:0 0 150px;min-width:150px}}

/* ── Quotes widgets (ext.html) ── */
.element-btn{min-width:56px;min-height:56px;padding:2px;margin-right:4px;cursor:pointer;position:relative}
.element-title{font-weight:300;font-size:1.5rem;text-align:left}
.element-index{font-size:.75rem;text-align:left}
.show_hide,.show_hide2,.show_hide3,.show_hide4,
.show_hide-fix,.show_hide-fix2,.show_hide-fix3,.show_hide-fix4,
.show_hide-cur1,.show_hide-cur2{display:none}
.cur1{background-color:rgba(186,191,181,.2);color:rgb(57,58,61)}
.cur1:hover{background-color:rgba(57,58,61,.5)!important;color:#fff}
.au{background-color:rgba(210,172,103,.2);color:rgb(186,154,97)}
.au:hover{background-color:rgba(210,172,103,1)!important;color:#fff}
.ag{background-color:rgba(149,156,161,.2);color:rgb(149,156,161)}
.ag:hover{background-color:rgba(149,156,161,1)!important;color:#fff}
.pt{background-color:rgba(126,116,126,.2);color:rgb(126,116,126)}
.pt:hover{background-color:rgba(126,116,126,1)!important;color:#fff}
.pd{background-color:rgba(141,138,124,.2);color:rgb(141,138,124)}
.pd:hover{background-color:rgba(141,138,124,1)!important;color:#fff}

/* ── Cookie consent (cookie-consent.html) ── */
.cookie-consent{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:400px;height:auto;padding:14px 16px;color:#fff;line-height:1.4;font-size:.85rem;background:#292929;z-index:1050;border-radius:8px 8px 0 0;box-shadow:0 -2px 10px rgba(0,0,0,.3)}
@media(min-width:577px){.cookie-consent{bottom:20px;left:20px;border-radius:8px}}
@media(max-width:576px){.cookie-consent{max-width:100%;border-radius:0}}
.agree-button{min-height:44px;min-width:120px;padding:8px 20px;color:#fff;font-size:14px;font-weight:500;border-radius:6px;border:none;background-color:rgb(41,79,248);cursor:pointer}
.agree-button:active{background-color:rgb(30,60,200)}

/* ── Telegram subscribe widget (telegram-subscribe-widget.html) ── */
#tg-round-wrapper{display:none;position:fixed;right:16px;bottom:16px;width:260px;border-radius:16px;overflow:hidden;z-index:1040;background:#1a1a2e;box-shadow:0 8px 32px rgba(0,0,0,.25),0 0 0 1px rgba(13,110,253,.15);opacity:0;transform:translateY(20px) scale(.96);transition:opacity .4s ease,transform .4s ease}
#tg-round-wrapper.tg-visible{opacity:1;transform:translateY(0) scale(1)}
.tg-widget-header{background:linear-gradient(135deg,#0088cc,#005f8c);padding:1.1rem 1.25rem .85rem;position:relative;display:flex;align-items:flex-start;gap:.75rem}
.tg-widget-header::after{content:'';position:absolute;bottom:-12px;left:0;right:0;height:12px;background:linear-gradient(180deg,rgba(0,136,204,.15),transparent)}
.tg-widget-icon{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;position:relative}
.tg-widget-icon svg{width:22px;height:22px;fill:#fff}
.tg-widget-icon::after{content:'';position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#e53935;border:2px solid #005f8c}
.tg-widget-title{font-size:.92rem;font-weight:600;color:#fff;line-height:1.35;margin:0}
.tg-widget-body{padding:1rem 1.25rem 1.15rem}
.tg-widget-desc{font-size:.8rem;line-height:1.55;color:#a0a0b8;margin-bottom:1rem}
.tg-widget-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.6rem;border-radius:10px;font-size:.85rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#0088cc,#006daa);text-decoration:none;transition:all .25s;border:none}
.tg-widget-btn:hover{background:linear-gradient(135deg,#009ae5,#0080c4);box-shadow:0 4px 16px rgba(0,136,204,.3);transform:translateY(-1px);color:#fff}
.tg-widget-btn svg{width:16px;height:16px;fill:currentColor}
#tg-round-close{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:none;border-radius:50%;cursor:pointer;color:rgba(255,255,255,.7);font-size:.85rem;transition:background .2s,color .2s;z-index:3;min-width:44px;min-height:44px;margin:-8px -8px 0 0}
#tg-round-close:hover{background:rgba(255,255,255,.25);color:#fff}
@media(max-width:576px){#tg-round-wrapper{width:calc(100% - 24px);left:12px;right:12px;bottom:12px}}

/* ── Pro companies sidebar (pro_companies.html) ── */
.pro-recommend__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--uv-gold);position:relative}
.pro-recommend__header::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--uv-gold-dark)}
.pro-recommend__badge{display:inline-flex;align-items:center;gap:.3rem;background:var(--uv-gold);color:#fff;font-size:var(--uv-fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:3px;white-space:nowrap}
.pro-recommend__title{font-size:var(--uv-fs-small);font-weight:600;color:var(--uv-dark);letter-spacing:.02em;line-height:1.3}
.pro-recommend__title span{font-weight:500;color:var(--uv-text-muted)}
.pro-recommend__card{background:var(--uv-bg-warm);border:1px solid var(--uv-border);border-radius:var(--uv-radius);padding:.9rem;margin-bottom:.6rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:border-color .3s,box-shadow .3s,transform .25s;position:relative;overflow:hidden;animation:prCardIn .4s ease both}
.pro-recommend__card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--uv-gold);opacity:0;transition:opacity .3s}
.pro-recommend__card:hover{border-color:var(--uv-gold);box-shadow:var(--uv-shadow-sm);transform:translateY(-1px)}
.pro-recommend__card:hover::before{opacity:1}
.pro-recommend__card:nth-child(2){animation-delay:.06s}
.pro-recommend__card:nth-child(3){animation-delay:.12s}
.pro-recommend__card:nth-child(4){animation-delay:.18s}
.pro-recommend__card:nth-child(5){animation-delay:.24s}
@keyframes prCardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.pro-recommend__avatar{flex-shrink:0;width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px solid var(--uv-border);background:#fff;transition:border-color .3s;box-shadow:var(--uv-shadow-sm)}
.pro-recommend__card:hover .pro-recommend__avatar{border-color:var(--uv-gold)}
.pro-recommend__avatar img{width:100%;height:100%;object-fit:contain;display:block}
.pro-recommend__content{flex:1;min-width:0}
.pro-recommend__name{font-size:var(--uv-fs-small);font-weight:600;color:var(--uv-dark);text-decoration:none;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.25rem;transition:color .2s}
.pro-recommend__name:hover{color:var(--uv-gold-dark)}
.pro-recommend__location{font-size:var(--uv-fs-small);color:var(--uv-text-muted);margin-bottom:.4rem;display:flex;align-items:center;justify-content:center;gap:.25rem}
.pro-recommend__location i{color:var(--uv-gold-dark);font-size:var(--uv-fs-xs)}
.pro-recommend__desc{font-size:var(--uv-fs-xs);line-height:1.5;color:var(--uv-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pro-recommend__meta{display:flex;align-items:center;justify-content:center;margin-top:.45rem;padding-top:.4rem;border-top:1px solid var(--uv-border);gap:.75rem}
.pro-recommend__views{font-size:var(--uv-fs-xs);color:var(--uv-text-muted);display:flex;align-items:center;gap:.2rem;white-space:nowrap}
.pro-recommend__pro-tag{display:inline-flex;align-items:center;gap:.2rem;font-size:var(--uv-fs-xs);font-weight:600;letter-spacing:.04em;color:var(--uv-gold-dark);background:rgba(13,110,253,.08);border:1px solid rgba(13,110,253,.25);padding:.15rem .5rem;border-radius:3px;text-decoration:none;white-space:nowrap;transition:all .2s}
.pro-recommend__pro-tag:hover{background:var(--uv-gold);color:#fff;border-color:var(--uv-gold)}
.pro-recommend__pro-tag i{font-size:var(--uv-fs-xs)}

/* ── Popular companies (popular_companies.html) ── */
.uv-popular{display:flex;flex-direction:column;gap:0}
.uv-popular-item{display:flex;align-items:center;gap:.65rem;padding:.7rem .6rem;border-bottom:1px solid #e8e4dc;text-decoration:none;color:#2c2c2c;transition:all .25s ease;border-left:2px solid transparent}
.uv-popular-item:last-child{border-bottom:none}
.uv-popular-item:hover{background:#faf8f5;border-left-color:var(--uv-gold);color:#2c2c2c;text-decoration:none}
.uv-popular-info{flex:1;min-width:0}
.uv-popular-name{font-size:.85rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uv-popular-item:hover .uv-popular-name{color:var(--uv-gold-dark)}
.uv-popular-meta{font-size:.7rem;color:#6c6c7a;display:flex;align-items:center;gap:.5rem;margin-top:.15rem}
.uv-popular-views{margin-left:auto;font-size:.7rem;color:#9898a8;display:flex;align-items:center;gap:.25rem;flex-shrink:0}

/* ── Newsletter subscribe (newsletter_subscribe.html) ── */
.uv-subscribe{border-radius:12px;background:linear-gradient(135deg,var(--uv-bg-warm) 0%,var(--uv-bg-warm) 60%,var(--uv-border) 100%);border:1px solid #e0dbd0;padding:1.5rem 1.25rem;text-align:center}
.uv-subscribe__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--uv-gold),var(--uv-gold-dark));color:#fff;font-size:1.25rem;margin-bottom:.75rem;box-shadow:0 4px 12px rgba(13,110,253,.2)}
.uv-subscribe__title{font-size:.95rem;font-weight:700;color:#1a1a1a;letter-spacing:.02em;margin-bottom:.35rem}
.uv-subscribe__desc{font-size:.78rem;color:var(--uv-text-muted);line-height:1.45;margin-bottom:1rem}
.uv-subscribe__input{width:100%;padding:.5rem .75rem;border:1px solid var(--uv-border);border-radius:8px;font-size:.82rem;background:#fff;color:#333;transition:border-color .2s,box-shadow .2s;margin-bottom:.5rem}
.uv-subscribe__input:focus{outline:none;border-color:var(--uv-gold);box-shadow:0 0 0 3px rgba(13,110,253,.15)}
.uv-subscribe__input::placeholder{color:#b0a898}
.uv-subscribe__btn{width:100%;padding:.55rem 1rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--uv-gold),var(--uv-gold-dark));color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .25s}
.uv-subscribe__btn:hover{background:linear-gradient(135deg,#d4b85c,#b8983e);box-shadow:0 3px 12px rgba(13,110,253,.25);transform:translateY(-1px)}
.uv-subscribe__note{font-size:.65rem;color:#b0a898;margin-top:.6rem}

/* ── Social share buttons (yashare.html) ── */
.uv-share{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.uv-share__label{font-size:.78rem;font-weight:600;color:var(--uv-text-muted);letter-spacing:.02em;white-space:nowrap}
.uv-share__links{display:flex;gap:.35rem;flex-wrap:wrap}
.uv-share__link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--uv-bg-warm);color:var(--uv-text-muted);text-decoration:none;font-size:1rem;transition:all .25s}
.uv-share__link:hover{transform:translateY(-2px);box-shadow:0 3px 12px rgba(0,0,0,.1)}
.uv-share__link--tg:hover{background:#26A5E4;color:#fff}
.uv-share__link--vk:hover{background:#0077FF;color:#fff}
.uv-share__link--ok:hover{background:#EE8208;color:#fff}
.uv-share__link--tw:hover{background:#1DA1F2;color:#fff}
.uv-share__link--wa:hover{background:#25D366;color:#fff}
.uv-share__link--vb:hover{background:#7360F2;color:#fff}

/* ── OAuth box — Mail.ru login (core/oauth/box.html) ── */
.mailru-login-link{color:#fff}
.mailru-login-button{display:block;background:#005ff9;color:#fff;font-size:1.15rem;padding:10px 15px;height:44px}
.mailru-logo{color:#ff9e00;font-weight:600;font-size:1.75rem}