/*# sourceMappingURL=theme.css.map */

#header {
    background: #fff;
    position: sticky;
    top: -1px;
    box-shadow: 0 4px 4px rgb(119 119 119 / 7%);
    z-index: 3;
}
#header>.container>#header-region > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
}
.layout-container {
    margin: 0;
    overflow: clip;
}
.block-petrolozer-views-block-user-menu-block-1 {
    display: contents;
}
.mobil-search-widget, #block-petrolozer-views-block-user-menu-block-1 {
    margin-left: auto;
}

/* Search */

#block-main-search .form--inline.clearfix [type="submit"] {
    display: none;
}
input#edit-cari, input#edit-cari--2 {
    display: block;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 15px;
    margin: 0 0 0 25px;
}
/* loading page */

.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999; /* En üst katman */
    text-align: center;
}

.page-loader:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    position: relative;
}

.page-loader img {
    width: 80px; /* Loader resminin boyutu */
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    border: 2px solid transparent;
    border-radius: 50%;
    padding: 2px;
    box-shadow: 0 0 0 0 rgb(28 36 84);
    transform: scale(1);
    animation: pulse 3s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(28, 36, 84, 0.377);
    }
    
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgb(28 36 84);
    }
    
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(28, 36, 84, 0.562);
    }
}

.glassmorphism {
    background: linear-gradient(135deg, #0a0d14 0%, #1c1f2e 100%);
    backdrop-filter: blur(10px);
    border: 1px solid rgb(21 23 30);
}
.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.balance-gradient {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

.animated-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pulse-dot {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.7; }
    100% { transform: scale(1); opacity: 1; }
}

.floating-element {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

.modern-button {
    background: linear-gradient(45deg, #6366f1, #8b5cf6);
    border: none;
    transition: all 0.3s ease;
}

.stats-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: conic-gradient(#10b981 0deg 270deg, #e5e7eb 270deg 360deg);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.stats-circle::before {
    content: '';
    width: 44px;
    height: 44px;
    background: white;
    border-radius: 50%;
    position: absolute;
}

.stats-number {
    position: relative;
    z-index: 1;
    font-weight: bold;
    color: #10b981;
}

.cari {
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}
.gelen {
    background: linear-gradient(135deg, #00d672 0%, #00a85a 100%);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 214, 114, 0.2);
}
.giden {
    background: linear-gradient(135deg, #ff453a 0%, #cc1b1b 100%);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(255, 69, 58, 0.2);
}
.carfo {
    background-color: #1a1d2b;
    padding: 10px;
    border-radius: 10px;
}
#hesap-hareketi-modal {
    background: none;
}
span#balance-value, span#boundary-value {
    display: none;
}

.uk-open>.uk-modal-dialog{
    background: linear-gradient(135deg, #0a0d14 0%, #1c1f2e 100%);
    backdrop-filter: blur(10px);
    border: 1px solid rgb(21 23 30);
    color: #fff;
}
.uk-modal-title {
    font-size: 17px !important;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
#block-petrolozer-views-block-account-movement-chart-block-1, #block-petrolozer-views-block-monthly-income-block-2 {
    display: none;
}

text.highcharts-title, g.highcharts-axis-labels.highcharts-yaxis-labels text, g.highcharts-axis-labels.highcharts-xaxis-labels text {
    color: #fff !important;
    fill: #fff !important;
}
/* cari sayfası cari haraketleri*/

.caripage .form--inline .form-item {
    margin: 0;
}
.caripage .view-filters .form--inline {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    background: url(https://novebo.com/themes/custom/novebo/images/source/block/banner/banner.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right 15px;
}
span.uk-label.Gelen {
    background-color: #61f8a4;
    color: #000;
    font-size: 12px;
    border-radius: 10px;
    text-transform: capitalize;
}
span.uk-label.Giden {
    background-color: #cc0b6b;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    text-transform: capitalize;
}


/* ui diolog */

.ui-dialog {
    border: none !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: #0a0d15 !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 15px !important;
}
.ui-dialog .ui-dialog-title {
    color: #fff;
    font-size: 15px;
}
.ui-widget.ui-widget-content{
    border: none;
    border-radius: 10px;
}
.ui-dialog-buttonpane {
    background: #0a0d15 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 0 10px 10px;
}
.ui-button {
    background: #23c086 !important;
    color: #fff !important;
    border: none !important;
    min-width: 100px;
}
.ui-widget select, .ui-widget input {
    background-color: #f8f8f8;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 7px;
    width: 100%;
    margin: auto;
}
.horizontal-tabs-panes .horizontal-tabs-pane {
    padding: 0 !important;
}
.horizontal-tabs.clearfix {
    border: none;
}
ul.horizontal-tabs-list {
    background-color: transparent !important;
    border-bottom: none !important;
}
.details-wrapper {
    padding: 0 !important;
}
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    background-color: #0a0d15 !important;
    filter: brightness(3) contrast(7);
}


/* loading progress */
.uk-progress.progress-green::-webkit-progress-value {
  background-color: #057163;
}
.uk-progress.progress-green::-moz-progress-bar {
  background-color: #057163;
}
.uk-progress.progress-green::-ms-fill {
  background-color: #057163;
}

.progress-green {
  animation: fillValue 0.7s linear; 
}

@keyframes fillValue {
  from {
    width: 0%;
}
to {
    width: 100%;
}
}
.progress-green.uk-progress {
  margin-top: 10px !important;
}


#block-petrolozer-button button.uk-button {
    background-color: #f8f8f8;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 5px;
    color: #231f20;
}
/* search*/
#block-main-search {
    width: 600px;
    max-width: 100%;
}

#block-main-search input[type='text'], .msw [id^="edit-cari--"], #block-formsearchpage input[type='text'] {
    background: url(/themes/custom/petrolozer/images/source/icon/search/loupe.svg), #fff;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center left 10px;
    height: 45px;
    padding: 5px 5px 5px 40px;
    border-radius: 20px;
    border: 1px solid #E2E4ED;
    margin: auto;
}
#block-main-search .form--inline.clearfix {
    display: flex;
}
#block-main-search .form--inline .form-item{
    width: 100%;
}

.msw [id^="edit-actions--"], #block-formsearchpage #edit-actions {
    display: none;
}

/* contexual hide */
#block-petrolozer-button .contextual {
    display: none;
}
#block-petrolozer-logo .contextual {
    position: block;
}
@media only screen and (max-width: 600px) {
  #block-petrolozer-logo .contextual {
    display: none;
}
}

/* Notification */


.notifications {
  position: relative;
  margin-right: 10px;
}
.notifications img {
  max-width: none;
}
.notifications .uk-dropdown {
  width: 460px;
  top: 47px !important;
  border-radius: 5px;
  min-height: 420px;
}

.notifications .uk-dropdown .nheader {
  padding: 10px;
  border-bottom: 1px solid #f5f6f9;
}

.notifications span.ncount {
  position: absolute;
  left: 10px;
  top: -5px;
  pointer-events: none;
  font-size: 10px;
  color: #FFF;
  background: #E90C38;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  z-index: 1;
}
.onotify {
  display: flex;
  align-items: self-start;
  gap: 10px;
  margin-bottom: 15px;
}
.notify-type {
  background: #f5f6f9;
  padding: 10px;
  border: 1px solid #f2f2f2;
  border-radius: 54px;
}
.onotify a.nlink {
  display: block;
  background: #ededed;
  padding: 4px 10px;
  border-radius: 3px;
  color: #1c2454;
  font-weight: 600;
  margin-top: 5px;
  width: fit-content;
}
.onotify a.nlink:hover {
  background: #e90c38;
  color: #fff;
}
.notify-time {
  font-size: 12px;
  color: #80849f;
}
.notifications .uk-switcher {
  max-height: 400px;
  overflow: auto;
}
.notifications a.notification-all {
  position: absolute;
  display: block;
  background: #f5f6f9;
  border-radius: 0 0 5px 5px;
  padding: 5px;
  bottom: 0;
  width: 100%;
  width: -webkit-fill-available;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  box-shadow: 4px 1px 10px #dcdcdc61;        
}



input[name^="field_spend_"][name$="_remove_button"] {
  background: url(https://cdn-icons-png.flaticon.com/512/6861/6861362.png);
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: auto;
  color: #fff;
  border: none;
  padding: 5px 15px;
  cursor: pointer;
  filter: grayscale(1);
}

input[name^="field_spend_"][name$="_remove_button"]:hover {
  filter: none;
  transform: scale(1.1);
}

input[id^="edit-field-spend-add-more"][type="submit"] {
  background-color: #0a0d15;
  width: auto;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}






/****/

/* Drupal Araç Yakıt Hareketi Formu - Modern CSS */

/* Ana form container */
.field--name-field-spend {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin-bottom: 24px;
}

/* Form başlığı */
.field--name-field-spend .field-label h4 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  margin: 0;
  padding: 20px 24px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 0;
}

/* Tablo genel düzeni */
.field-multiple-table {
  border: none;
  margin: 0;
  background: transparent;
}

.field-multiple-table thead {
  background: transparent;
}

.field-multiple-table thead th {
  border: none;
  padding: 0;
}

.field-multiple-table tbody {
  background: transparent;
}

/* Her bir yakıt giriş satırı */
.field-multiple-table tbody tr {
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  margin-bottom: 16px;
  display: block;
  padding: 24px;
  transition: all 0.3s ease;
  position: relative;
}

.field-multiple-table tbody tr:hover {
  border-color: #667eea;
  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.15);
  transform: translateY(-2px);
}

/* Tablo hücrelerini yeniden düzenle */
.field-multiple-table tbody td {
  border: none;
  padding: 0;
  display: block;
  vertical-align: top;
}

/* Sürükle işareti */
.field-multiple-drag {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.tabledrag-handle {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3e%3cpath d='M8 6h2v2H8V6zm0 4h2v2H8v-2zm0 4h2v2H8v-2zm6-8h2v2h-2V6zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2z'/%3e%3c/svg%3e") no-repeat center;
  width: 20px;
  height: 30px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.tabledrag-handle:hover {
  opacity: 1;
}

/* Ana form alanları container */
.field-multiple-table tbody tr td:nth-child(2) {
  margin-left: 32px;
  margin-right: 80px;
}

/* Form alanlarını yan yana dizme */
.field-multiple-table tbody tr td:nth-child(2) fieldset .fieldset-wrapper .js-form-wrapper {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  flex-wrap: wrap;
}

.field-multiple-table tbody tr td:nth-child(2) fieldset .fieldset-wrapper .js-form-wrapper > div {
  flex: 1;
  min-width: 200px;
}

/* Alternatif: Eğer yukarıdaki çalışmazsa bu kodu dene */
.field-multiple-table .inline-entity-form .js-form-wrapper {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  flex-wrap: wrap;
}

.field-multiple-table .inline-entity-form .js-form-wrapper .field--widget-options-select,
.field-multiple-table .inline-entity-form .js-form-wrapper .field--widget-number,
.field-multiple-table .inline-entity-form .js-form-wrapper .field--widget-string-textfield {
  flex: 1;
  min-width: 150px;
}

/* Fieldset düzeni */
.field-multiple-table fieldset {
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

.field-multiple-table fieldset legend {
  display: none;
}

.fieldset-wrapper {
  padding: 0;
}

/* Form etiketleri */
.field-multiple-table .form-item label {
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 8px;
  font-size: 14px;
  display: block;
}

/* Select ve input alanları */
.field-multiple-table .form-select,
.field-multiple-table .form-text,
.field-multiple-table .form-number {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  background: white;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.field-multiple-table .form-select:focus,
.field-multiple-table .form-text:focus,
.field-multiple-table .form-number:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* Litre alanı için özel düzenleme */
.field--name-field-liter .form-item {
  position: relative;
}

.field--name-field-liter .form-number {
  padding-right: 50px;
}

.field--name-field-liter .field-suffix {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(5px);
  color: #718096;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
}

/* Kaldır butonu */
.field-multiple-table tbody tr td:nth-child(3) {
  position: absolute;
  right: 16px;
  top: 20px;
}

.field-multiple-table .button {
  background: #e53e3e;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}

.field-multiple-table .button:hover {
  background: #c53030;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(229, 62, 62, 0.3);
}

/* Ağırlık sütunu gizle */
.delta-order {
  display: none !important;
}

/* Başka öğe ekle butonu */
.field-add-more-submit {
  background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 24px auto 0;
  display: block;
  position: relative;
}

.field-add-more-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(72, 187, 120, 0.3);
}

.field-add-more-submit::before {
  content: '+ ';
  font-size: 18px;
  font-weight: bold;
}

/* Tablo kontrolları gizle */
.tabledrag-toggle-weight-wrapper,
.tableresponsive-toggle-columns {
  display: none;
}

/* Responsive tasarım */
@media (max-width: 768px) {
  /* Ana wrapper flex yapısını koru ama değiştir */
  .field-multiple-table tbody tr td:nth-child(2) fieldset .fieldset-wrapper .js-form-wrapper,
  .field-multiple-table .inline-entity-form .js-form-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Yakıt türü ve litre yan yana - esnek genişlik */
.field--name-field-fuel-type,
.field--name-field-liter {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* İlk alan (yakıt türü) sağ margin kaldır çünkü gap var */
.field--name-field-fuel-type {
    margin-right: 0 !important;
}

/* Plaka tam genişlik */
.field--name-field-license-plate {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* Tüm field wrapper'ları sıfırla */
.field-multiple-table .js-form-wrapper > div {
    margin: 0 !important;
    display: block !important;
}

.field-multiple-table tbody tr td:nth-child(2) {
    margin-left: 16px;
    margin-right: 60px;
}

.field-multiple-table tbody tr {
    padding: 20px 16px;
}

/* Sürükle işaretini gizle */
.field-multiple-drag {
    display: none;
}

.field-multiple-table tbody tr td:nth-child(2) {
    margin-left: 0;
}

/* Kaldır butonunu yeniden konumlandır */
.field-multiple-table tbody tr td:nth-child(3) {
    position: static;
    margin-top: 16px;
    text-align: center;
}
}

@media (max-width: 480px) {
  .field--name-field-spend .field-label h4 {
    padding: 16px;
    font-size: 16px;
}

.field-multiple-table tbody tr {
    padding: 16px 12px;
}

.field-add-more-submit {
    padding: 14px 24px;
    font-size: 14px;
}
}

/* Geçiş efektleri */
.field-multiple-table tbody tr {
  transition: all 0.3s ease;
}

/* Form validasyon stilleri */
.field-multiple-table .form-item.error input,
.field-multiple-table .form-item.error select {
  border-color: #e53e3e;
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1);
}

.field-multiple-table .form-item.error label {
  color: #e53e3e;
}

/* Başarı durumu */
.field-multiple-table .form-item.success input,
.field-multiple-table .form-item.success select {
  border-color: #48bb78;
  box-shadow: 0 0 0 3px rgba(72, 187, 120, 0.1);
}