/* Oslíkovo – Loděnice V8 – návrat tmavých karet, skutečné světlo POD ikonou.
 * JEDEN systém pro všechny prodejní karty a všech šest rarit včetně Černého Petra.
 * Nevytváří vlastní barvy pro jednotlivé obchody ani konkrétní položky.
 * Bílá < Zelená < Modrá < Fialová < Oranžová; Černá = samostatný korzár.
 * Nezasahuje do vykreslení truhly, cen, nákupů, rozložení ani samotných obrázků.
 */

/* Jednotná paleta. Tmavé pozadí z původního vzhledu; odstín je akcent, ne výplň karty. */
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality="white"]{
 --rarity-rgb:190,207,219; --rarity-edge:#8197a7; --rarity-text:#dae6ec;
 --rarity-card-top:#263745; --rarity-card-bottom:#112438;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality="green"]{
 --rarity-rgb:77,192,122; --rarity-edge:#5cb985; --rarity-text:#c8efda;
 --rarity-card-top:#203c33; --rarity-card-bottom:#102735;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality="blue"]{
 --rarity-rgb:73,153,218; --rarity-edge:#589dd4; --rarity-text:#d4eafa;
 --rarity-card-top:#203a58; --rarity-card-bottom:#10283c;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality="purple"]{
 --rarity-rgb:164,110,224; --rarity-edge:#a175c8; --rarity-text:#ebd9fb;
 --rarity-card-top:#372b4c; --rarity-card-bottom:#1a2235;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality="orange"]{
 --rarity-rgb:235,148,58; --rarity-edge:#db944b; --rarity-text:#ffe3bd;
 --rarity-card-top:#513322; --rarity-card-bottom:#222432;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality="black"]{
 --rarity-rgb:145,155,173; --rarity-edge:#7e8799; --rarity-text:#e4e9f1;
 --rarity-card-top:#252b35; --rarity-card-bottom:#101b2a;
}

/* Jemný originální vzhled karet – tmavý základ, stejné zvýraznění v celé hře. */
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality]{
 border:1px solid var(--rarity-edge)!important;
 border-radius:14px!important;
 background:linear-gradient(157deg,var(--rarity-card-top),var(--rarity-card-bottom) 87%)!important;
 box-shadow:inset 0 0 0 1px rgba(var(--rarity-rgb),.10),0 7px 19px rgba(0,0,0,.23)!important;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality]>h2{
 color:#f0e5d8!important;
 display:flex!important;
 flex-wrap:wrap!important;
 justify-content:space-between!important;
 align-items:flex-start!important;
 align-content:start!important;
 align-self:start!important;
 text-align:left!important;
 gap:3px 6px!important;
 min-width:0!important;
 width:100%!important;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality] .item-quality-tag{
 display:inline-block!important;
 flex-shrink:0;
 padding:3px 6px!important;
 font-size:10px!important;
 font-weight:650!important;
 line-height:1.15!important;
 white-space:nowrap!important;
 border-radius:6px!important;
 color:var(--rarity-text)!important;
 border:1px solid rgba(var(--rarity-rgb),.64)!important;
 background:rgba(var(--rarity-rgb),.16)!important;
 box-shadow:none!important;
}

/* ZÁSADNÍ OPRAVA: skutečné světlo je absolutní vrstva ZA ikonou.
   Karta zůstává tmavá. Světlo se nemíchá s barvou lahve ani ji nepřebarvuje. */
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality] .product-image{
 position:relative!important;
 isolation:isolate!important;
 background:transparent!important;
 overflow:hidden!important;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality] .product-image::before{
 content:""!important;
 position:absolute!important;
 z-index:0!important;
 pointer-events:none!important;
 inset:8% 8% 5%!important;
 border-radius:50%!important;
 background:radial-gradient(ellipse 48% 53% at 50% 56%,
    rgba(var(--rarity-rgb),.52) 0%,
    rgba(var(--rarity-rgb),.29) 36%,
    rgba(var(--rarity-rgb),.11) 62%,
    rgba(var(--rarity-rgb),0) 86%)!important;
 filter:blur(10px)!important;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality] .product-image::after{
 content:""!important;
 position:absolute!important;
 z-index:0!important;
 bottom:1px!important;
 left:16%!important;
 right:16%!important;
 height:1px!important;
 background:linear-gradient(90deg,transparent,rgba(var(--rarity-rgb),.25),transparent)!important;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality] .product-image>img{
 position:relative!important;
 z-index:1!important;
 object-fit:contain!important;
 filter:drop-shadow(0 7px 6px rgba(0,0,0,.37))
        drop-shadow(0 0 4px rgba(var(--rarity-rgb),.22))!important;
}

/* Ostatní části karty zůstanou neutrálně tmavé (ne jiné odstíny pro stejný level). */
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality] :is(.info-bubble,.market-item-detail,.stat-pill){
 border-color:rgba(142,169,189,.23)!important;
 background:rgba(8,24,39,.49)!important;
 box-shadow:none!important;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality] .action-button:not(:disabled):not([aria-disabled="true"]){
 border-color:rgba(var(--rarity-rgb),.43)!important;
 background:linear-gradient(180deg,rgba(var(--rarity-rgb),.25),rgba(var(--rarity-rgb),.14))!important;
 color:#f0f5fb!important;
}
:is(#panel-shop,#panel-black-market,#panel-alchemist,#panel-herbalist,
    #panel-atelier,#panel-toys,#panel-collector,#panel-blacksmith,#panel-greengrocer)
.product-card.item-quality-card[data-item-quality] .action-button:disabled{
 background:#314856!important;
 border-color:#526a7a!important;
 color:#afbeca!important;
 filter:none!important;
}

/* Prodejní dok: názvy lodí jako ostatní zboží — VLEVO NAHOŘE.
   Přepisuje staré !important text-align:center a justify-content:center. */
#panel-shop.dock-ships-paged .product-card.ship-card>h2,
#panel-shop .dock-unified-grid .product-card.ship-card>h2{
 display:flex!important;
 flex-wrap:wrap!important;
 justify-content:space-between!important;
 align-items:center!important;
 align-content:start!important;
 align-self:start!important;
 text-align:left!important;
 gap:3px 6px!important;
 width:100%!important;
 margin:0!important;
}
#panel-shop .product-card.ship-card>h2 .item-quality-tag{
 margin-left:auto!important;
}
@media(max-width:600px){
 #panel-shop.dock-ships-paged .product-card.ship-card>h2,
 #panel-shop .dock-unified-grid .product-card.ship-card>h2{
   justify-content:flex-start!important;
   text-align:left!important;
 }
 #panel-shop .product-card.ship-card>h2 .item-quality-tag{
   margin-left:0!important;
 }
}
