/* ============================================================================
   Vanteria: srodek strony (ramki tresci) w stylu kart (05.10.2026). Nakladka na basic.css.
   HTML bez zmian. Krycie pergaminu: zmienna --vt-paper (ostatnia liczba = krycie, 1 = pelne).
   Wylaczenie: usunac linie <link ... vanteria_content.css> z index.php.
   ========================================================================== */
:root{--vt-paper:rgba(255,238,246,.84);--vt-gold:rgba(255,160,205,.9);--vt-band:linear-gradient(rgba(74,26,60,.92),rgba(42,12,36,.9))}

/* karta */
.Content .Box{background:transparent !important;border:0 !important;border-radius:7px;margin:5px 5px 18px;box-shadow:0 3px 14px rgba(0,0,0,.5)}
.Content .Box .Corner-tl,.Content .Box .Corner-tr,.Content .Box .Corner-bl,.Content .Box .Corner-br,.Content .Box .Border_1{display:none !important}

/* pasek tytulu (obrazek naglowka .Title bez zmian) */
.Content .Box .BorderTitleText{background-image:none !important;background:var(--vt-band) !important;height:30px !important;border:1px solid var(--vt-gold);border-bottom:0;border-radius:7px 7px 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.Content .Box .Title{top:5px;left:9px;filter:drop-shadow(0 1px 2px #000)}

/* tresc */
.Content .Box .Border_2{margin:0 !important;background:transparent !important}
.Content .Box .Border_3{margin:0 !important;border:0 !important}
.Content .Box .BoxContent{background-image:none !important;background-color:var(--vt-paper) !important;border:1px solid var(--vt-gold);border-top:0;border-radius:0 0 7px 7px}

/* pasek statusu (Download / Discord / gracze online) */
.Content .Box .InfoBar{padding:2px 10px 0}
.Content .Box .InfoBarLinks,.Content .Box .InfoBarSmallElement{color:var(--vt-title) !important;text-shadow:0 1px 2px #000}
.Content .Box .InfoBarLinks:hover{color:#fff !important}
.Content .Box #statusbar{background-color:var(--vt-paper) !important;border:1px solid var(--vt-gold);border-top:0;border-radius:0 0 7px 7px;overflow:hidden}

/* ============================================================================
   Vanteria: przyciski MyAAC w SRODKU strony (.Content) w stylu kart (07.10.2026). Panele boczne bez zmian.
   BigButton = tlo-obrazek sbutton.gif + <input class="BigButtonText" type="submit" value="Tekst"> -> samym CSS.
   Uwaga: bez :not([style]) - w Chrome taki selektor zostawia systemowy wyglad przycisku.
   ========================================================================== */
.Content .BigButton,.Content div[style*="sbutton.gif"],.Content .MediumButtonBackground{background-image:none !important;background:linear-gradient(var(--vt-btn-top),var(--vt-btn-bottom)) !important;border:1px solid var(--vt-btn-border);border-radius:4px;box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 3px rgba(0,0,0,.45)}
.Content .BigButton:hover,.Content div[style*="sbutton.gif"]:hover,.Content .MediumButtonBackground:hover{filter:brightness(1.12)}
.Content .BigButtonOver,.Content div[style*="sbutton_over.gif"],.Content .MediumButtonOver{display:none !important}
.Content .BigButtonText,.Content div[style*="sbutton.gif"] input[type="submit"],.Content div[style*="sbutton.gif"] + input[type="submit"],.Content .MediumButtonBackground .MediumButtonText{-webkit-appearance:none;appearance:none;background:transparent !important;border:0 !important;color:#fff !important;font:bold 11px Verdana,Tahoma,sans-serif !important;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 1px 2px #000 !important}
.Content .BigButtonText:hover{top:0;left:0}
/* drugorzedne: Back / Cancel / Logout */
.Content .BigButton:has(input[value="Back"]),.Content .BigButton:has(input[value="Cancel"]),.Content .BigButton:has(input[value="Logout"]),.Content .BigButton:has(input[value="Found Guild"]){background:linear-gradient(#6a2a58,#3a1230) !important;border-color:var(--vt-card-border)}
.Content .BigButton:has(input[value="Back"]) .BigButtonText,.Content .BigButton:has(input[value="Cancel"]) .BigButtonText,.Content .BigButton:has(input[value="Logout"]) .BigButtonText,.Content .BigButton:has(input[value="Found Guild"]) .BigButtonText{color:#fff !important}
/* zwykle przyciski formularzy w tresci (np. "Change" przy nicku w gildii) */
.Content .BoxContent input[type="submit"]:not(.BigButtonText):not(.MediumButtonText),.Content .BoxContent input[type="button"],.Content .BoxContent button:not([class]){-webkit-appearance:none;appearance:none;padding:3px 10px;font:bold 10px Verdana,Tahoma,sans-serif;letter-spacing:.4px;color:#fff;background:linear-gradient(var(--vt-btn-top),var(--vt-btn-bottom));border:1px solid var(--vt-btn-border);border-radius:3px;text-shadow:0 1px 1px #000;cursor:pointer}
.Content .BoxContent input[type="submit"]:not(.BigButtonText):not(.MediumButtonText):hover,.Content .BoxContent input[type="button"]:hover,.Content .BoxContent button:not([class]):hover{filter:brightness(1.12)}

/* rozowy motyw: naglowki-obrazki (zlote gify) i tekst tresci */
.Content .Box .Title{filter:drop-shadow(0 1px 2px #000) hue-rotate(-70deg) saturate(1.3) brightness(1.3)}
.Content .BoxContent{color:#4a1a3a}

/* karuzela (baner): bez jasnego tla pod grafikami - przezroczyste, cienka rozowa ramka */
.TableContentContainer:has(#carouselExampleCaptions),
.TableContentContainer:has(#carouselExampleCaptions) .TableContent,
.TableContentContainer:has(#carouselExampleCaptions) .TableContent tr,
.TableContentContainer:has(#carouselExampleCaptions) .TableContent td,
.TableContentContainer:has(#carouselExampleCaptions) .container,
#carouselExampleCaptions,#carouselExampleCaptions .carousel-inner,#carouselExampleCaptions .carousel-item{background:transparent !important}
.TableContentContainer:has(#carouselExampleCaptions){border:1px solid var(--vt-card-border) !important;border-radius:6px;overflow:hidden;box-shadow:0 0 14px rgba(var(--vt-pulse),.35)}
.TableContentContainer:has(#carouselExampleCaptions) .TableContent{border:0 !important}
.TableContentContainer:has(#carouselExampleCaptions) .TableContent > tbody > tr > td{padding:0 !important}
.TableContentContainer:has(#carouselExampleCaptions) .container{padding:0 !important;max-width:none}
