/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


#tamper-proof-badge #secure-modal {
	display:none; 
  position:fixed; 
  top:0; left:0; 
  width:100%; height:100%; 
  background:rgba(0,0,0,0.5); 
  backdrop-filter:blur(3px);
  z-index:9999;
  justify-content:center; 
  align-items:center;
	padding: 10px;
}

#tamper-proof-badge #secure-modal * {
	font-family: unset !important;
	letter-spacing: normal !important;
}

#tamper-proof-badge .ensuring-fairness-text {
    max-height: 60vh;
    overflow: auto;
    padding: 5px;	
	font-size: 14px;	
}

#tamper-proof-badge .ensuring-fairness-text a {
    color: #6bbc90 !important;
	font-size: 14px;
}

#how-we-know-link {
	color: #6bbc90 !important;
}



#tamper-proof-badge .secure-modal-container {
	background:#fff; 
    padding:20px; 
	color: #000000;
    max-width:400px; 
    border-radius:12px;
    text-align:left;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
}


#tamper-proof-badge #close-secure-modal, #tamper-proof-badge .check-validity-website {
	margin-top:10px; 
	background:#000000; 
	color:white; 
	border:none; 
	padding:8px 12px; 
	display: inline-block;
	font-size: 14px !important;
	border-radius:8px; 
	font-weight: 600;
	cursor:pointer;
	line-height: normal;
	height: auto;
	min-height: auto;
	vertical-align: top;
}



#tamper-proof-badge .check-validity-website {	
	background:#6bbc90; 
	margin-right: 5px;
}

#tamper-proof-badge svg {
	vertical-align: middle;
}

#tamper-proof-badge small {
	display: block;
	font-size: 13px !important;
}

#tamper-proof-badge small a {
	font-size: 13px !important;
}

#tamper-proof-badge {
	position: relative; 
	background: #000000;
	color: #ffffff;
	padding: 10px 16px;
	border-radius: 0px;
	font-size: 14px;
	font-weight: 500;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	text-align: center;
	gap: 8px;
	font-family: system-ui, sans-serif;
}


#tamper-proof-badge p {
	font-weight: 400;
	color: #000000;
}

#tamper-proof-badge h3 {
	margin: 0px;
	margin-bottom: 10px;
	font-size: 24px;
	color: #000000;
	font-weight: 600;
}


.woocommerce-checkout td.woocommerce-table__product-name ul.wc-item-meta {
	max-height: 2000px;
	overflow: auto;
}

.ajax-thankyou-warden {
	text-align: center;
	font-size: 18px;
	background-color: inherit;
	padding: 50px;
	border-radius: 10px;
}


/* Hiding display name */
.edit-account label[for="account_display_name"], .edit-account #account_display_name, .edit-account #account_display_name_description {
	display: none !important;
}

@media only screen and (max-width: 768px) {
    .woocommerce-cart table.cart .cart_item th {
        display: block;
    }
}