@import "../../../../common/assets/scss/variables";
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
$tami-font: 'DM Sans', sans-serif;

#tami_woocommerce_order_widget {
  font-family: $tami-font;
  border-color: $tami-purple;
  background-color: $tami-green;
  background-image: url("../images/wave-only/beyaz-dalga.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 100%;
  .accordion-section-title::after, .handlediv, .item-edit, .postbox .handlediv.button-link, .toggle-indicator{
    color: #ffffff;
  }
  .handle-order-higher, .handle-order-lower {
    color: rgba(255,255,255,.9);
    &[aria-disabled="true"] {
      color: rgba(255,255,255,.5);
    }
  }
  .inside {
    position: relative;
    margin-top: 0;
    padding-top: 6px;
    & > * {
      z-index: 1;
      position: relative;
    }
    &:before{
      content: ' ';
      left: 0;
      top: 0;
      position: absolute;
      z-index: 0;
      width: 100%;
      height: 100%;
      background-color: $tami-green;
      opacity: .5;
    }
  }
  .postbox-header {
    h2 {
      text-indent: -9999px;
    }

    background-color: $tami-purple;
    background-image: url("../images/tami-white.svg");
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 10px center;
  }

  .tami-text-paid-with-tami {
    font-size: 16px;
    text-align: center;
    display: inline-block;
    width: 100%;
  }

  .tami-widget-content {
    table {
      margin-top: 10px;
      .tami-widget-content-row {
        vertical-align: top;
        .tami-widget-content-title {
          font-size: 15px;
          text-align: right;
          font-weight: 700;
          width: 120px;
          padding-right: 7px;
          padding-top: 3px;
          padding-bottom: 3px;
          /*border-bottom: 1px dashed $tami-grey;*/
        }

        .tami-widget-content-value {
          font-size: 14px;
          /*border-bottom: 1px dashed $tami-grey;*/
          padding-top: 3px;
          padding-bottom: 3px;
        }
        &:last-child{
          .tami-widget-content-title,
          .tami-widget-content-value {
            border-bottom-width: 0;
          }
        }
      }
    }
  }
}