/* Custom CSS for QuickAffilink plugin */
/*
#toplevel_page_quickaffilink-settings li:nth-child(2) {
	display: none;
}
*/
.quickaffilink-form-container {
    /* Add container styles if necessary */
	width:400px;
}

.quickaffilink-form-group {
    margin-bottom: 15px;
}

.quickaffilink-select,
.quickaffilink-input {
   font-size:120%;
	width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.quickaffilink-btn {
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    cursor: pointer;
}

.quickaffilink-btn:hover {
    background-color: #0056b3;
}

.quickaffilink-modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.quickaffilink-modal-content {
  background-color: #fefefe;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border: 1px solid #888;
  width: 400px;
  width: 300px;
}

.quickaffilink-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.quickaffilink-close:hover,
.quickaffilink-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.codeBlock {
    display: block;
    background-color: #2271b1; 
    padding: 15px;
    border-radius: 5px;
    font-family: Consolas, monospace;
    font-size: 14px;
    color: #fff; 
    line-height: 1.5;
    overflow-x: auto; 
    white-space: pre-wrap; 
}

/* CSS for hover effect */
.codeBlock:hover {
    cursor: pointer;
    background-color: #1c5b94; 
}


/* Center pagination */
 .tablenav-pages {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* Style pagination links */
 .page-numbers {
    display: inline-block;
    padding: 10px 15px; /* Adjust padding to make it bigger */
    margin: 0 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
}

/* Hover state for pagination links */
.page-numbers:hover {
    background-color: #f0f0f0;
}

/* Current page link */
 .page-numbers.current {
    background-color: #0073aa;
    color: #fff;
}
.next, .prev{
	font-size:150%;
}

/* Dashboard Element Container */
.qaf-dashboard {
    width: 100%; /* Adjusted width to make it full-width by default */
    margin-bottom: 20px;
	margin-right: 10px;
    height:255px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Media query for smaller screens */
@media only screen and (min-width: 768px) {
    .qaf-dashboard {
        width: calc(100% / 4); /* Adjusted width for 3 columns on larger screens */
        float: left; /* Align elements to the left */
    }
}
.qaf-dashboard h2{
    font-size: 14px;
    padding: 8px 12px;
    margin: 0;
    line-height: 1.4;
}
.qaf-dashboard ul{
margin: 8px -12px 0 -12px;
}
.qaf-dashboard li:nth-child(odd) {
    background-color: #f6f7f7;
}
.qaf-dashboard li {
    display: grid;
    grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
    column-gap: 10px;
    color: #646970;
    padding: 4px 12px;
}
.qaf-dashboard li {
    margin-bottom: 6px;
}

.qaf-dashboard li:hover {
    background-color: 	#fffee0;
}
.qaf-dashboard .postbox .inside {
    padding: 0 12px 12px;
    line-height: 1.4;
    font-size: 13px;
}
.no-data{
	text-align:center;
	color:red;

}

.quickaffilink-about-wrap {
           font-family: Arial, sans-serif;
        }

        .quickaffilink-about-heading {
            color: #333;
			text-align: left;
        }

        .quickaffilink-about-list {
            margin-left: 20px;
        }

        .quickaffilink-about-list-item {
            margin-bottom: 10px;
        }

        @media screen and (max-width: 800px) {
            .quickaffilink-about-wrap {
                max-width: 90%;
            }
        }

	   .quickaffilink-container {
		  display: flex;
		  flex-direction: row;
		  justify-content: space-between;
		  align-items: flex-start; /* Align steps at the top */
		}
		.quickaffilink-step {
		  text-align: center;
		  flex: 1;
		  padding: 20px;
		  background-color: #fff;
		  border-radius: 10px;
		  margin-right: 10px; /* Space between steps */
		  height:150px;
		}
		.quickaffilink-step:last-child {
		  margin-right: 0; /* Remove margin from the last step */
		}
		.quickaffilink-step-number {
		  font-size: 2em;
		  font-weight: bold;
		}
		.quickaffilink-step-description {
		  font-size: 1em;
		  color: #666;
		  margin-top: 15px; /* Space between step number and description */
		}
		.quickaffilink-step-description a {
		  font-weight: bold; /* Make links bold */
		}
		@media (max-width: 768px) {
		  .quickaffilink-container {
			flex-direction: column;
			align-items: stretch;
		  }
		  .quickaffilink-step {
			margin-right: 0;
			margin-bottom: 15px; /* Space between steps */
		  }
		}
/* Production Information*/
.product-container{max-width:300px;margin:0;border:1px solid #000;padding:10px;box-sizing:border-box;margin-bottom:15px}.product-images{display:flex}.product-images img{width:100px;margin:0 5px;padding:10px;cursor:pointer}.product-main-image{width:100%}.product-title{font-size:18px;margin:0}.product-price{font-size:16px;margin:0}.product-stock{color:green;margin:0;font-weight:bold}.out-of-stock{color:red;font-weight:bold;margin:0}