@import "./fixes/paymentWizard-ltr.css";
@import "./fixes/paymentWizard-rtl.css";

.contentNavi .content .tabItem {
    max-width: 100%;
}

#content.village3 table#troops tbody.noPadding td {
    padding-left: 0;
    padding-right: 0;
}

#content.village3 table.vil_troops tbody.noPadding td {
    padding-left: 0;
    padding-right: 0;
}

@font-face {
    font-family: 'IRYekan';
    src: url(../fonts/iranyekanweblight.eot?#) format("eot"), url(../fonts/iranyekanweblight.woff2) format("woff2"), url(../fonts/iranyekanweblight.woff) format("woff");
    font-weight: 300;
}

@font-face {
    font-family: 'IRYekan';
    src: url(../fonts/iranyekanwebregular.eot?#) format("eot"), url(../fonts/iranyekanwebregular.woff2) format("woff2"), url(../fonts/iranyekanwebregular.woff) format("woff");
    font-weight: 600;
}

@font-face {
    font-family: 'IRYekan';
    src: url(../fonts/iranyekanwebbold.eot?#) format("eot"), url(../fonts/iranyekanwebbold.woff2) format("woff2"), url(../fonts/iranyekanwebbold.woff) format("woff");
    font-weight: 900;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/robotolight.eot?#) format("eot"), url(../fonts/robotolight.woff2) format("woff2"), url(../fonts/robotolight.woff) format("woff");
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/robotoregular.eot?#) format("eot"), url(../fonts/robotoregular.woff2) format("woff2"), url(../fonts/robotoregular.woff) format("woff");
    font-weight: 600;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/robotobold.eot?#) format("eot"), url(../fonts/robotobold.woff2) format("woff2"), url(../fonts/robotobold.woff) format("woff");
    font-weight: 900;
}

body.fa-IR {
    font-family: Roboto, IRYekan, IRANSans, Arial, Helvetica, Verdana, sans-serif;
}

body.fa-IR div.messages #bbEditor .messageEditor {
    font-family: IRYekan, IRANSans, Roboto, Arial, Helvetica, Verdana, sans-serif;
}

button, select, input {
    font-family: Roboto, IRYekan, IRANSans, Arial, Helvetica, Verdana, sans-serif;
}

.subNavi .normal .content .tabItem {
    padding: 8px 3px 0;
}

body.fa-IR div.sidebar div#sidebarBoxAllianceNoNews div.header div.boxTitle {
    height: 21px;
}

.rtl h1 {
    font-size: 18px;
}

.rtl h2 {
    font-size: 15px;
}

.rtl h4 {
    font-size: 14px;
}

.rtl h5 {
    font-size: 13px;
}

.rtl table td,
.rtl table th {
    font-size: 13px;
}

.rtl div.fatal_error p.errorText {
    font-size: 16px;
}

.rtl .paymentPopupDialogWrapper .featureBooking h3 {
    font-size: 12px;
}

.rtl div#paymentWizard h4 {
    font-size: 13px;
}

.rtl .paymentPopupDialogWrapper .featureBooking h3 {
    font-size: 13px;
}

.rtl div#paymentWizard .header .tabButton .text {
    font-size: 13px;
}

.rtl div#paymentWizard .accountBalance {
    font-size: 13px;
}

.rtl .paymentPopupDialogWrapper .feature {
    font-size: 12px;
}

.rtl div#paymentWizard.plusSupport,
.rtl div#paymentWizard.earnGold {
    font-size: 13px;
}

.rtl div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepContent {
    font-size: 13px;
}

.rtl div.player table#villages td.name span.mainVillage {
    font-size: 12px;
}

.rtl div#build .statusMessage,
.rtl div#build .errorMessage {
    font-size: 12px;
}

.rtl #sidebarBoxDailyquests .travianBirthdayRibbon div.headline {
    font-size: 15px;
}

body.rtl #reportWrapper>.header .headline.withQuickNavigation .subject {
    direction: rtl;
}

body.rtl #sidebarBoxActiveVillage .sidebarBoxInnerBox .header #villageNameField {
    direction: rtl;
}

body.rtl #sidebarBoxVillagelist .content ul li a .name {
    direction: rtl;
}

body.rtl div.player table#villages td.name {
    direction: rtl;
}

body.rtl div.sidebar div#sidebarBoxHero .header .playerName {
    direction: rtl;
}

body.rtl table.allianceMembers tbody td.player {
    direction: rtl;
}

body.rtl div.statistics table#player td.pla {
    direction: rtl;
}

body.rtl div#build.gid16 table.troop_details thead td:last-of-type {
    direction: rtl;
}

body.rtl div#build.gid16 table.troop_details thead a {
    direction: rtl;
}

body.rtl div.build .gid16 #raidList .listTitle {
    margin-top: 2px;
}

body.rtl div.build .gid16 #raidList div.addSlot button {
    margin-right: 5px;
}

.rtl .sidebar .sidebarBox .sidebarBoxInnerBox .header {
    font-size: 14px;
}

#statisticsV2 .recharts-layer {
    direction: ltr;
}

div.village1 table#movements div.mov {
    font-size: 12px;
}

.rtl div.village1 table#movements div.dur_r {
    font-size: 11px;
}

div.player .description1,
div.player .description2 {
    font-size: 12px;
}

div.bbEditor div.bbToolbarWindow div {
    max-width: 275px;
}

div#build.gid13 .information .errorMessage,
div#build.gid22 .information .errorMessage {
    display: block;
}

.rtl div#build .statusMessage,
.rtl div#build .errorMessage {
    display: block;
}

.rtl div#build .a2b .statusMessage,
.rtl div#build .a2b .errorMessage {
    display: inline-block;
}

.rtl.mobileOptimized div.village1 div#map_details .villageList.movements.movements,
.rtl.mobileOptimized div.village1 div#map_details .villageList.units.movements {
    transform-origin: top left;
}

.sidebar #sidebarBoxLinklist .content ul li a {
    overflow: visible;
    word-wrap: break-word;
}

#tileDetails .detailImage .options {
    margin-bottom: 10px;
}

.ltr div.build .gid16 #raidList div.addSlot button:first-child {
    margin-left: 5px;
}

.rtl div.build .gid16 #raidList div.addSlot button:last-child {
    margin-right: 5px;
}

.sidebarBoxNews {
    margin-top: 60px;
}

.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepContent, .dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepContent {
    overflow: visible;
}

.dialog.paymentShopV3 .paymentPopupDialogWrapper .feature {
    min-height: 60px;
}

.flag_fa-IR,
.flag_ir {
  background-position: -1712px 0;
}

/* Button base — font/cursor only, no visual reset here */
button.green, button.gold, button.textButtonV1, button.textButtonV3 {
    font-size: 11px;
    font-weight: bold;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    line-height: normal;
}

/* Hide old sprite backgrounds */
button .button-background {
    display: none;
}

/* Container layout (for buttons that have .button-container inside) */
button .button-container {
    position: relative;
    border-radius: 5px;
    padding: 4px 12px;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    line-height: 15px;
}

/* ── GREEN buttons (always have .button-container) ── */
button.green {
    background: none;
    border: none;
    padding: 0;
}

button.green:not(.disabled) .button-container {
    border: 1px solid #283308;
    background-image: linear-gradient(to bottom, #7cb029, #587c1e);
    box-shadow: inset 2px 0 1px -1px #4b6f19, inset -2px 0 1px -1px #4b6f19,
                inset 0 3px 1px -1px #b5e251, inset 0 -3px 1px -1px rgba(44, 75, 12, 0.6);
}

button.green .button-container .button-content {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

button.green:not(.disabled) .button-container:hover,
button.green:not(.disabled) .button-container.hover:not(.click) {
    background-color: #7cb029;
    background-image: none;
    border-color: #506030;
}

button.green:not(.disabled) .button-container:hover .button-content,
button.green:not(.disabled) .button-container.hover:not(.click) .button-content {
    box-shadow: inset 0 20px 25px -10px rgba(255, 255, 255, 0.7);
    color: #283308;
    text-shadow: none;
}

button.green:not(.disabled) .button-container.click {
    background-image: linear-gradient(to top, #7cb029, #587c1e);
    box-shadow: inset 2px 0 1px -1px #4b6f19, inset -2px 0 1px -1px #4b6f19;
}

button.green.disabled .button-container {
    border: 1px solid #9fa38a;
    background-image: none;
    background-color: #89917b;
    box-shadow: none;
}

button.green.disabled .button-container .button-content {
    color: #506030;
    text-shadow: none;
}

/* ── GOLD buttons ── */

/* Gold with .button-container (e.g. building finish-now) */
button.gold {
    background: none;
    border: none;
    padding: 0;
}

button.gold:not(.disabled) .button-container {
    border: 1px solid #82631d;
    background-image: linear-gradient(to bottom, #fdf5cb, #f8eeb0 40%, #f0dc7c 45%, #e6ce64 85%, #caac50);
    background-color: #f8eeb0;
    box-shadow: inset 0 0 1px 1px rgba(82,67,32,0.5), inset 0 2px 2px 1px #faf8ec, inset 0 -2px 2px 0 #a08939;
    padding: 3px 10px;
}

button.gold .button-container .button-content {
    color: #332805;
}

button.gold:not(.disabled) .button-container:hover,
button.gold:not(.disabled) .button-container.hover:not(.click) {
    background-image: none;
    background-color: #f8c000;
    border-color: #665722;
    box-shadow: inset 0 20px 10px -10px rgba(255,255,255,0.7);
}

button.gold.disabled .button-container {
    border: 1px solid #b9b091;
    background-image: none;
    background-color: #d8cfa7;
    box-shadow: none;
}

/* Gold WITHOUT .button-container (e.g. +25% production button) */
button.textButtonV1.gold:not(.disabled):not(:has(.button-container)),
button.textButtonV3.gold:not(.disabled):not(:has(.button-container)) {
    color: #332805;
    background-image: linear-gradient(to bottom, #fdf5cb, #f8eeb0 40%, #f0dc7c 45%, #e6ce64 85%, #caac50);
    background-color: #f8eeb0;
    border: 1px solid #82631d;
    box-shadow: inset 0 0 1px 1px rgba(82,67,32,0.5), inset 0 2px 2px 1px #faf8ec, inset 0 -2px 2px 0 #a08939;
    padding: 4px 20px;
}

button.textButtonV1.gold:not(.disabled):not(:has(.button-container)):hover,
button.textButtonV3.gold:not(.disabled):not(:has(.button-container)):hover {
    background-image: none;
    background-color: #f8c000;
    border-color: #665722;
    box-shadow: inset 0 20px 10px -10px rgba(255,255,255,0.7);
}

/* Hero dead speech bubble: position below-left of the hero circle */
#topBarHeroWrapper #topBarHero .bigSpeechBubble.dead {
    position: absolute;
    top: 90px;
    left: 2px;
    z-index: 6;
}

/* Hero image: reset 8px margin-left shift, center portrait in the 82x82 circle */
#topBarHeroWrapper #topBarHero .heroImageButton .heroImageHover .heroImage {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 82px;
    height: 105px;
    pointer-events: none;
}

/* ── DIALOG STYLES ── */

.dialog {
    font-size: 11px;
    color: #333333;
    overflow: visible;
}

.dialog .dialog-container {
    position: relative;
    padding: 4px 17px 15px;
}

.dialog .dialog-contents {
    position: relative;
    width: 100%;
}

.dialog .dialog-contents .title {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
}

.dialog.white .dialog-contents .title {
    font-weight: normal;
    line-height: 18px;
}

.dialog .dialog-contents .buttons {
    text-align: center;
    margin-top: 10px;
}

.dialog .dialog-contents .dialog-dragbar {
    height: 20px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 1px;
    width: 100px;
}

.dialog.white .dialog-contents .dialog-dragbar {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 3px;
}

/* 9-slice background segments */
.dialog .dialog-background-tl,
.dialog .dialog-background-tc,
.dialog .dialog-background-tr,
.dialog .dialog-background-ml,
.dialog .dialog-background-mc,
.dialog .dialog-background-mr,
.dialog .dialog-background-bl,
.dialog .dialog-background-bc,
.dialog .dialog-background-br {
    position: absolute;
}

.dialog .dialog-background-tl,
.dialog .dialog-background-tr,
.dialog .dialog-background-bl,
.dialog .dialog-background-br {
    background-repeat: no-repeat;
}

.dialog .dialog-background-tc,
.dialog .dialog-background-bc {
    background-repeat: repeat-x;
}

.dialog .dialog-background-ml,
.dialog .dialog-background-mr {
    background-repeat: repeat-y;
}

.dialog .dialog-background-mc {
    background-repeat: repeat;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
}

.dialog .dialog-background-tl { height: 14px; width: 14px; left: 0; top: 0; }
.dialog .dialog-background-tc { height: 14px; top: 0; left: 14px; right: 14px; }
.dialog .dialog-background-tr { width: 14px; height: 14px; right: 0; top: 0; }
.dialog .dialog-background-ml { top: 14px; bottom: 14px; left: 0; width: 14px; }
.dialog .dialog-background-mr { right: 0; top: 14px; bottom: 14px; width: 14px; }
.dialog .dialog-background-bl { left: 0; bottom: 0; width: 14px; height: 14px; }
.dialog .dialog-background-bc { bottom: 0; left: 14px; right: 14px; height: 14px; }
.dialog .dialog-background-br { right: 0; bottom: 0; width: 14px; height: 14px; }

/* White dialog background images */
.dialog.white .dialog-background-tl { background-image: url('../../img_ltr/dialogWhite/tl.png'); }
.dialog.white .dialog-background-tc { background-image: url('../../img_ltr/dialogWhite/tc.png'); }
.dialog.white .dialog-background-tr { background-image: url('../../img_ltr/dialogWhite/tr.png'); }
.dialog.white .dialog-background-ml { background-image: url('../../img_ltr/dialogWhite/ml.png'); }
.dialog.white .dialog-background-mc { background-image: url('../../img_ltr/dialogWhite/mc.png'); }
.dialog.white .dialog-background-mr { background-image: url('../../img_ltr/dialogWhite/mr.png'); }
.dialog.white .dialog-background-bl { background-image: url('../../img_ltr/dialogWhite/bl.png'); }
.dialog.white .dialog-background-bc { background-image: url('../../img_ltr/dialogWhite/bc.png'); }
.dialog.white .dialog-background-br { background-image: url('../../img_ltr/dialogWhite/br.png'); }

/* Brown dialog background images */
.dialog.brown .dialog-background-tl { background-image: url('../../img_ltr/dialogBrown/tl.png'); }
.dialog.brown .dialog-background-tc { background-image: url('../../img_ltr/dialogBrown/tc.png'); }
.dialog.brown .dialog-background-tr { background-image: url('../../img_ltr/dialogBrown/tr.png'); }
.dialog.brown .dialog-background-ml { background-image: url('../../img_ltr/dialogBrown/ml.png'); }
.dialog.brown .dialog-background-mc { background-image: url('../../img_ltr/dialogBrown/mc.png'); }
.dialog.brown .dialog-background-mr { background-image: url('../../img_ltr/dialogBrown/mr.png'); }
.dialog.brown .dialog-background-bl { background-image: url('../../img_ltr/dialogBrown/bl.png'); }
.dialog.brown .dialog-background-bc { background-image: url('../../img_ltr/dialogBrown/bc.png'); }
.dialog.brown .dialog-background-br { background-image: url('../../img_ltr/dialogBrown/br.png'); }

/* Cancel (×) and info button */
.dialog.white .dialog-contents .cancel {
    position: absolute;
    background-position: -26px -25px;
    background-image: url('../../img_ltr/popup/dialog_close_button.png');
    width: 16px;
    height: 15px;
    left: -8px;
    top: 3px;
    cursor: pointer;
}
.dialog.white .dialog-contents .cancel:hover { background-position: -26px 0; }

.dialog.brown .dialog-contents .cancel {
    position: absolute;
    background-position: 0 0;
    background-image: url('../../img_ltr/layout/contentTitleDialogButtons.png');
    width: 28px;
    height: 32px;
    left: 0;
    top: -10px;
    cursor: pointer;
}
.dialog.brown .dialog-contents .cancel:hover { background-position: 0 -42px; }

.dialog.white .dialog-contents .info {
    position: absolute;
    background-position: 0 -25px;
    background-image: url('../../img_ltr/popup/dialog_close_button.png');
    width: 16px;
    height: 15px;
    display: none;
    left: 10px;
    top: 3px;
}

.dialog.brown .dialog-contents .info {
    position: absolute;
    background-position: 0 -84px;
    background-image: url('../../img_ltr/layout/contentTitleDialogButtons.png');
    width: 28px;
    height: 32px;
    display: none;
    left: 33px;
    top: -10px;
}

/* Dragbar corner sprites */
.dragWrapper .dialog .dialog-contents .dialog-dragbar { cursor: move; }

.dragWrapper .dialog .dialog-contents .dialog-dragbar .dragbar-inner-left {
    float: left;
    width: 10px;
    height: 20px;
    background-image: url('../../img_ltr/dialogWhite/dragbar_corners.png');
    background-position: 0;
}
.dragWrapper .dialog .dialog-contents .dialog-dragbar .dragbar-inner-right {
    float: right;
    width: 10px;
    height: 20px;
    background-image: url('../../img_ltr/dialogWhite/dragbar_corners.png');
    background-position: -12px 0;
    margin-top: -20px;
}
.dragWrapper .dialog.brown .dialog-contents .dialog-dragbar .dragbar-inner-left,
.dragWrapper .dialog.brown .dialog-contents .dialog-dragbar .dragbar-inner-right {
    background-image: url('../../img_ltr/dialogBrown/dragbar_corners.png');
}
.dragWrapper .dialog .dialog-contents .dialog-dragbar .dragbar-inner-mid {
    background: #EEEEEE;
    margin-left: 10px;
    margin-right: 10px;
    height: 20px;
}

/* ── VILLAGE1 LAYOUT (compact3.css eksik) ── */

/* ── BUILDING LIST LAYOUT ── */
.buildingList {
    position: relative !important;
    box-sizing: border-box;
    padding: 7px 10px !important;
    background-color: rgba(255,255,255,0.92);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    border-radius: 7px;
}

/* Header satırı: "Binalar:" solda, buton sağda */
.buildingList .boxes-contents {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.buildingList .boxes-contents > h5 {
    flex: 1;
    margin: 0;
    font-weight: normal;
    font-size: 12px;
}
.buildingList .finishNow {
    position: static !important;
    flex-shrink: 0;
}

/* Bina listesi: tam genişlik, bir satırda ad + süre */
.buildingList ul {
    flex-basis: 100%;
    width: 100%;
    padding: 0;
    margin: 4px 0 0;
    list-style: none;
}
.buildingList ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}
.buildingList ul li > a { flex-shrink: 0; padding: 0 4px 0 0; }
.buildingList div.name { flex: 1; }
.buildingList div.buildDuration,
.buildingList div.buildStart {
    flex-shrink: 0;
    font-size: 11px;
    color: #6b6b6b;
    white-space: nowrap;
    margin-left: 12px;
}

/* Üretim paneli buildingList ile yan yana */
.village1Content {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.village1Content #map_details {
    flex: 1;
}
.village1Content #map_details .villageList {
    box-sizing: border-box;
    padding: 4px;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    margin-bottom: 8px;
    border-radius: 7px;
    float: right;
    width: 192px;
}
div.village1 div#map_details .villageList {
    box-sizing: border-box;
    padding: 4px;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    margin-bottom: 8px;
    border-radius: 7px;
    float: right;
}
div.village1 div#map_details .villageList.production,
div.village1 div#map_details .villageList.units { width: 192px; }

/* ── STOCK BAR FONT SIZE ── */
#stockBar {
    font-size: 13px;
}
#stockBar .value,
#stockBar .stockBarButton .value,
#stockBar .capacity .value {
    font-size: 13px;
}

/* ── LANGUAGE SWITCHER FLAGS ── */
#servertime {
    position: absolute;
    z-index: 9999;
    display: flex;
    align-items: center;
    font-size: 12px;
    white-space: nowrap;
}
#langSwitcher {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    position: relative;
    z-index: 10000;
}
.langFlag {
    display: inline-flex;
    align-items: center;
    opacity: 0.5;
    margin: 0 2px;
    cursor: pointer;
    transition: opacity 0.15s;
}
.langFlag:hover,
.langFlag.active {
    opacity: 1;
}
.flagIcon {
    display: inline-block;
    width: 16px;
    height: 11px;
    background-image: url('../img_ltr/misc/flags/country_sprite.png');
    background-repeat: no-repeat;
}
.flagIcon.flag_en {
    background-position: -1040px 0;
}
.flagIcon.flag_tr {
    background-position: -3536px 0;
}
/* Custom logo image */
#topBar #logo {
    position: absolute !important;
    top: 42px !important;
    left: 25px !important;
    width: 220px !important;
    height: 80px !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
}
#siteLogo {
    width: 215px;
    height: auto;
    object-fit: contain;
    display: block;
}

/* ── ORANGE buttons (tribe/activation Confirm) ── */
button.orange {
    background: none !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: inline-block;
    width: auto;
}
.buttonContainer {
    text-align: center;
}
button.orange .button-container .button-content {
    color: #2c2c2c;
}
button.orange:not(.disabled) .button-container {
    border: 1px solid #332805;
    background-image: linear-gradient(to bottom, #f8c000, #f0a600);
    box-shadow: inset 2px 0 1px -1px #6f561a, inset -2px 0 1px -1px #6f4f1b, inset 0 3px 1px -1px #e2bb2e, inset 0 -3px 1px -1px rgba(75,58,10,0.6);
    padding: 4px 20px;
}
button.orange:not(.disabled) .button-container.hover:not(.click),
button.orange:not(.disabled) .button-container:hover {
    background-color: #f8c000;
    background-image: none;
    border-color: #60542c;
}
button.orange:not(.disabled) .button-container.hover:not(.click) .button-content,
button.orange:not(.disabled) .button-container:hover .button-content {
    box-shadow: inset 0 20px 25px -10px rgba(255,255,255,0.5);
    color: #332805;
}
button.orange.disabled .button-container {
    border: 1px solid #b9b091;
    background-image: none;
    background-color: #d8cfa7;
    box-shadow: none;
}

/* ── HERO ATTRIBUTES PROGRESS BARS ── */
div.hero_inventory .bar-bg {
    background-color: #fff !important;
    height: 8px !important;
    border: 1px solid #c6c6c6 !important;
    padding: 1px !important;
    margin: 1px !important;
    border-radius: 0 !important;
    position: relative;
    overflow: hidden;
}
div.hero_inventory .bar {
    background-color: #006900 !important;
    background-image: none !important;
    height: 100% !important;
    float: left;
    position: static !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    width: 0;
    box-sizing: border-box;
}
div.hero_inventory .bar:before {
    display: none !important;
}
div.hero_inventory #attributes .health .bar-bg .bar {
    background-color: #99c01a !important;
}
div.hero_inventory #attributes.hero-regenerate .health .bar-bg .bar {
    background-color: #f88c1f !important;
}
div.hero_inventory .attributes .progress .bar.setted {
    background-color: #99c01a !important;
    background-image: none !important;
    transition-duration: 250ms;
}
div.hero_inventory .attribute .progress {
    width: 191px;
    max-width: 191px;
    min-width: 191px;
}

/* ── TUTORIAL HIGHLIGHT RECTANGLES ── */
.highlighted.background {
    box-shadow: none;
    border: none;
}
.highlighted.rectangle {
    background-color: #ff0000;
}
.colorBlind .highlighted.rectangle {
    background-color: #0024d8;
}
.highlighted.rectangle.left,
.highlighted.rectangle.right {
    width: 3px;
}
.highlighted.rectangle.top,
.highlighted.rectangle.bottom {
    height: 3px;
}
.highlighted.rectangle.top.left { border-top-left-radius: 4px; }
.highlighted.rectangle.top.right { border-top-right-radius: 4px; }
.highlighted.rectangle.bottom.right { border-bottom-right-radius: 4px; }
.highlighted.rectangle.bottom.left { border-bottom-left-radius: 4px; }

/* ── QUEST MONITOR sidebar ── */
#sidebarBoxQuestmaster .content li a.quest {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 150px;
    font-size: 11px;
}
#sidebarBoxQuestmaster .content li {
    overflow: hidden;
}