/*
Themes Name: Astra child
Author: Astra
Description: Astra child of Astra
Template: astra

*/
        .page-id-1231 .ast-container{
            margin-left: 0;
            margin-right: 0;
            width: 100%;
            max-width: 100%;
        }
        
        #dashboard-wrapper {
            width: 100%;
            margin: 0 auto;
            padding: 40px;
        }
        #dashboard-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        .action-buttons {
          display: flex;
          gap: 16px;
        }

        #page-title-section {
            margin-bottom: 30px;
        }

        #main-heading {
            font-size: 42px;
            font-family: 'Merriweather', serif;
            font-weight: 900;
            margin-bottom: 8px;
        }

        #page-description {
            color: #666;
            font-family: 'Poppins';
            font-size: 16px;
        }

        #action-buttons-bar {
            display: flex;
            justify-content: flex-end;
            gap: 15px;
            margin-bottom: 30px;
        }

        .dashboard-btn {
            padding: 10px 20px;
            border: none;
            border-radius: 30px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s;
        }

        #date-filter-select {
          width: 125px;
          max-width: 200px;
          height: 42px;
          padding: 8px 12px;
          font-size: 14px;
          border-radius: 30px;
          border: 1px solid #ccc;
          font-weight: 500;
          cursor: pointer;
          background-color: #008f6e;
          color: white;
          
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
        
          background-image: url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23fff' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E") !important;
          background-repeat: no-repeat;
          background-position: right 12px center;
          background-size: 14px;
        }
        #date-filter-select option {
          background-color: white;
          color: black;
        }


        #export-csv-btn {
            background-color: white;
            color: #333;
            border: 1px solid #ddd;
        }
        #export-csv-btn:hover{
            background: #008f6e;
            color: white;
        }

        #statistics-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 40px;
        }

        .metric-card {
            background: white;
            padding: 25px;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }

        .metric-title {
            font-size: 18px;
            color: #000;
            margin-bottom: 15px;
            font-weight: 600;
            font-family: 'Poppins';
        }

        .metric-display {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        .metric-number {
            font-size: 32px;
            font-weight: 700;
        }

        .metric-badge {
            padding: 4px 10px;
            border-radius: 30px;
            font-size: 12px;
            font-weight: 400;
        }

        .badge-positive {
            background-color: #18D159;
            color: #ffffff;
        }

        .metric-controls {
            display: flex;
            gap: 10px;
        }

        .metric-action-btn {
            padding: 8px 16px;
            font-size: 13px;
            border-radius: 30px;
            border: 1px solid #e5e7eb;
            background: white;
            color: #000;
            cursor: pointer;
            transition: all 0.3s;
        }

        .metric-action-btn:hover {
            background-color: #008f6e;
            border: 1px solid #008f6e;
        }

        #recent-orders-container {
            background: white;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }

        #orders-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

        #orders-heading-group h2 {
            font-size: 24px;
            font-family: 'Poppins';
            margin-bottom: 5px;
        }

        #orders-heading-group p {
            font-size: 16px;
            color: #000000;
        }
        .status-pending {
          color: #F4A557;
        }
        
        .status-completed {
          color: #1BDC2E;
        }

        #view-all-orders-link {
            border: 1px solid #ccc;
            padding: 5px 24px;
            border-radius: 30px;
            color: #000;
            text-decoration: none;
            font-weight: 500;
            font-size: 14px;
        }
        #view-all-orders-link:hover{
            background:#008f6e;
            color:white;
        }
        .table-scroll-wrapper {
          width: 100%;
          overflow-x: auto;
        }

        #orders-data-table {
            width: 100%;
            min-width: 600px;
            border: 1px solid #ccc !important;
            border-collapse: collapse;
        }

        #orders-data-table thead th {
            text-align: left;
            border: 1px solid #ccc !important;
            padding: 15px;
            color: #999;
            font-weight: 500;
            font-size: 13px;
            border-bottom: 1px solid #f0f0f0;
        }

        #orders-data-table tbody td {
            padding: 20px 15px;
            border: 1px solid #ccc !important;
            border-bottom: 1px solid #f0f0f0;
            font-size: 14px;
        }

        .order-status-label {
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 500;
            display: inline-block;
        }

        .status-pending-order {
            background-color: #fef3c7;
            color: #f59e0b;
        }

        .status-completed-order {
            background-color: #d1fae5;
            color: #059669;
        }

        .order-action-menu-btn {
            background: none;
            cursor: pointer;
            font-size: 18px;
            color: #000;
            padding: 10px 24px;
            border: 1px solid #ccc;
            border-radius: 30px;
        }
        .order-action-menu-btn:hover{
            background: #008f6e;
            color: white;
            border: 1px solid #008f6e;
        }
        #pagination-controls {
            display: flex;
            gap: 10px;
            margin-top: 25px;
        }

        .page-number-btn {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 14px;
            border: 1px solid #e5e7eb;
            background: white;
            color: #000;
        }
        .page-number-btn:hover{
            background: #008f6e;
            border: 1px solid #008f6e;
        }

        .page-number-btn.active-page {
            background-color: #059669;
            color: white;
            border-color: #059669;
        }
        @media (max-width: 768px) {
          #dashboard-wrapper {
            padding: 20px;
          }
          #dashboard-header {
            flex-direction: column !important;
            align-items: flex-start !important;
            padding-bottom: 20px;
          }
        
          #main-heading {
            font-size: 28px;
          }
        
          #page-description {
            font-size: 13px;
          }
        
          #action-buttons-bar {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
          }
        
          .dashboard-btn {
            width: 100%;
            font-size: 14px;
          }

        
          #statistics-grid {
            grid-template-columns: 1fr;
            gap: 15px;
          }
        
          .metric-display {
            flex-direction: column;
            align-items: flex-start;
          }
        
          .metric-controls {
            flex-direction: column;
            gap: 8px;
          }
          #date-filter-select{
              width:100%;
              max-width: 100%;
          }
          .metric-action-btn{
              width: 100%;
          }
        
          #orders-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
          }
        
          #orders-heading-group h2 {
            font-size: 20px;
          }
        
          #orders-heading-group p {
            font-size: 12px;
          }
        
         .table-scroll-wrapper {
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
          }
        
          #orders-data-table thead th,
          #orders-data-table tbody td {
            white-space: nowrap;
          }
        
          .order-action-menu-btn {
            font-size: 16px;
          }
        
          #pagination-controls {
            flex-wrap: wrap;
            justify-content: center;
          }
        
          .page-number-btn {
            width: 30px;
            color: #000 ;
            height: 30px;
            font-size: 13px;
          }
        }
        
 /* CSS page detail blog */
     .chesshub-container {
        max-width: 1200px;
        /*margin: 150px auto;*/
        /*padding: 24px;*/
        background-color: #fff;
        border-radius: 12px;
        font-family: "Poppins", Helvetica, sans-serif;
        color: #1c1c1c;
      }

      .chesshub-back-btn {
        padding: 8px 24px;
        border-radius: 30px;
        border: 1px solid rgba(73, 73, 73, 0.2);
        background-color: #fff;
        color: #3a3a3a;
        font-weight: 500;
        cursor: pointer;
        margin-bottom: 24px;
      }
      .chesshub-back-btn:hover{
        background-color: #008f6e;
        color: white;
        border: 1px solid #008f6e;
      }
      .chesshub-back-btn:focus,
      .chesshub-back-btn:active {
        background-color: #008f6e;
        color: #fff;
        outline: none;
        border-color: rgba(73, 73, 73, 0.2);
     }

      .chesshub-title {
        font-family: "Merriweather", serif;
        font-size: 42px;
        font-weight: 900;
        line-height: 1.2;
        margin-bottom: 8px;
      }

      .chesshub-date {
        font-size: 14px;
        color: #1c1c1c;
        margin-bottom: 24px;
      }

      .chesshub-paragraph {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 24px;
      }

      .chesshub-subtitle {
        font-size: 20px;
        font-weight: 700;
        color: #3a3a3a;
        margin-bottom: 12px;
      }

      .chesshub-image-block {
        margin: 24px 0;
        text-align: center;
      }

      .chesshub-image-block img {
        width: 100%;
        height: 335px;
        object-fit: cover;
        border-radius: 8px;
      }

      .chesshub-caption {
        font-size: 14px;
        opacity: 0.4;
        margin-top: 8px;
      }