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

#wardenPuzzleBox .puzzle_container {
    min-height: 130px;
    flex-direction: column;
    vertical-align: middle;
    display: flex;
    align-items: center;
	    background-color: #f5f5f5;
    border-radius: 10px;
    justify-content: center;
}
/* Overlay */
#wardenPuzzleOverlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 999999999;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: wardenfadeIn 0.3s ease;
}

/* Popup Box */
#wardenPuzzleBox {
    background: #ffffff;
    padding: 25px;
    width: 92%;
    max-width: 420px;
    border-radius: 10px;
    text-align: center;
    animation: wardenslideUp 0.35s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    font-family: system-ui, sans-serif;
	padding-bottom: 20px;
}

/* Header */
#wardenPuzzleBox h2 {
    margin-top: 0;
    font-size: 22px;
    font-weight: 700;
}

/* Question text */
#wardenPuzzleQuestion {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
}

/* Input */
#wardenPuzzleInput {
    width: 100%;
    padding: 12px 14px;
    font-size: 16px;
	text-align: center;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin-top: 15px;
    outline: none;
}

/* Submit button */
#wardenPuzzleSubmit {
    width: 100%;
    margin-top: 14px;
    background: #000;
    border: none;
    color: #fff;
    padding: 12px 14px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
}
#wardenPuzzleSubmit:hover {
    background: #222;
}

/* Error message */
#wardenPuzzleError {
    color: #d00000;
    margin-top: 12px;
    font-size: 14px;
    display: none;
}

/* Info text */
#wardenPuzzleInfo {
    color: #666;
    margin-top: 8px;
    font-size: 13px;
	margin-bottom: 0px;
}

/* Image */
#wardenPuzzleImg {
    max-width: 100%;
    display: none;
    border-radius: 6px;
}

/* Animations */
@keyframes wardenfadeIn {
    from { opacity: 0; } to { opacity: 1; }
}
@keyframes wardenslideUp {
    from { transform: translateY(40px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}


.inside_auto_winner_loop {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px; 
	flex-wrap: wrap;
}

@media(max-width: 1000px) {
	.inside_auto_winner_loop {
		grid-template-columns: 1fr;
	}
}
#inside_auto_winner_loop .inside_auto_winner_loop_child.no_winner {
	background-color: #fff7f2;
}

#inside_auto_winner_loop {
	margin-bottom: 25px;
}

#inside_auto_winner_loop .inside_auto_winner_loop_child p {	
    padding: 0px !important;
    line-height: normal !important;
    margin-top: 0px;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    font-weight: 400;
}

.inside_auto_winner_loop_child span {
	display: block;
}

.inside_auto_winner_loop_child {
	background-color: #f2fff6;
	padding: 10px;
	font-size: 13px;
	border-radius: 10px;
}

.loopy-multiple-winners {
	margin-bottom: 25px;
	max-height: 300px; 
	overflow: auto;
}

#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;
	text-decoration: none !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;
    }
}