/* WP Domain Checker - Style 2 CSS */

/* WHOIS display styles */
.wdc-whois-container {
    background-color: #fff;
    border-radius: 8px;
    padding: 0px;
    margin-top: 20px;
    text-align: left;
}

.wdc-whois-section {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.wdc-whois-section h3 {
    background-color: #f9fafb;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    border-bottom: 1px solid #e5e7eb;
    margin: 0;
    margin-top: 0px;
}

.wdc-whois-section h4 {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    padding: 10px 16px;
    background-color: #f9fafb;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    margin-top: -1px;
}

.wdc-whois-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
    padding: 16px;
}

.wdc-whois-grid.nested {
    grid-template-columns: 1fr;
    padding: 0;
    gap: 0;
}

.wdc-whois-grid-item {
    display: flex;
    flex-direction: column;
}

.wdc-whois-grid-item.full-width {
    grid-column: 1 / -1;
}

.nested .wdc-whois-grid-item {
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid #e5e7eb;
}

.nested .wdc-whois-grid-item:last-child {
    border-bottom: none;
}


.wdc-whois-label {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 4px;
    font-weight: 500;
}

.wdc-whois-value {
    font-size: 14px;
    color: #111827;
    word-break: break-all;
}

.wdc-whois-nameservers {
    padding: 16px;
}

.wdc-whois-nameserver-header,
.wdc-whois-nameserver-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 8px 0;
    border-bottom: 1px solid #e5e7eb;
}

.wdc-whois-nameserver-header .wdc-whois-label {
    font-weight: 600;
    color: #111827;
}

.wdc-whois-nameserver-item:last-child {
    border-bottom: none;
}
/* Dedicated CSS for Style 2 with consistent class naming */
/* CSS Custom Properties for theme customization */

.wdc-style-2 {
    /* Default CSS custom properties - can be overridden per instance */
    --wdc-button-bg-color: #29498d;
    --wdc-button-text-color: #ffffff;
    --wdc-button-border-color: #29498d;
    --wdc-input-bg-color: #ffffff;
    --wdc-input-border-color: #29498d;
    --wdc-input-text-color: #374151;
    --wdc-purchase-button-bg-color: #29498d;
    --wdc-purchase-button-text-color: #ffffff;
    --wdc-whois-button-bg-color: #6b7280;
    --wdc-whois-button-text-color: #ffffff;
    --wdc-skeleton-color: #e5e7eb;

    /* Legacy variable for backward compatibility */
    --wdc-style-two-main-color: var(--wdc-button-bg-color);
}

.wdc-style-2 label, .wdc-style-2 section {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

.wdc-style-2 h3, .wdc-style-2 span, .wdc-style-2 button{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: none;
}

.wdc-style-2 h3{
    font-size: 20px;
}

.wdc-style-2 .wdc-container {
	width: 99%;
	margin-right: auto;
    margin-left: auto;
}

.wdc-style-2 button {
    cursor: pointer;
}

.wdc-style-2 #loading {
    display: none;
}

.wdc-style-2 .wdc-button {
	display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.133;
    -webkit-font-smoothing: antialiased;
    transition: 150ms ease;
    transition-property: background-color, border-color, box-shadow, color;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    background-color: var(--wdc-button-bg-color);
    color: var(--wdc-button-text-color);
    border-width: 1px;
    border-style: solid;
    border-color: var(--wdc-button-border-color);
}

.wdc-style-2 .wdc-button:hover,
.wdc-style-2 .wdc-button:focus {
	/* background-color: #202e78; */
    color: #ffffff;
	/* box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25); */
    text-decoration: none;
    outline:0;

}

.wdc-style-2 a,.wdc-style-2 a:hover,.wdc-style-2 a:focus {
	box-shadow: none;
    outline:0;
}

.wdc-style-2 .wdc-button.small {
	padding: 11px 28px !important;
}

.wdc-style-2 .wdc-button.secondary {
	box-shadow: none;
    background-color: transparent;
    color: var(--wdc-style-two-main-color);
    border: 2px solid var(--wdc-style-two-main-color);
    padding: 16px 28px;
}

.wdc-style-2 .wdc-button.secondary:hover,
.wdc-style-2 .wdc-button.secondary:focus {
	background-color: var(--wdc-style-two-main-color);
    color: #ffffff;
    outline:0;
}

.wdc-style-2 .wdc-search-form {
	margin: 0 0 5px 0;
}

.wdc-style-2 .wdc-search-form .wdc-search-content {
	display: inline-block;
    width: 100%;
}

.wdc-style-2 .wdc-search-form .wdc-search-content input {
	display: inline-block;
    height: 40px;
    width: 100%;
    margin: 0 0 15px;
    padding: 0 16px;
    color: var(--wdc-input-text-color);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    box-shadow: 0 0 0 1px var(--wdc-input-border-color);
    border: 0;
    border-radius: 5px;
    background-color: var(--wdc-input-bg-color);
    transition: box-shadow 150ms ease;
}

.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label {
	margin: 0 10px 0 0;
    width: 100%;
}

.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input {
	width: 100%;
	margin: 0;
}

.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input:focus {
	color: var(--wdc-input-text-color);
    outline: 0;
    box-shadow: 0 0 0 2px var(--wdc-input-border-color);
}

.wdc-style-2 .wdc-heading {
    display: none;
	margin: 20px 0 10px 0;
	text-align: center;
}

.wdc-style-2 .wdc-heading h2 {
	color: #212b35;
	font-size: 36px;
	margin: 0 0 14px 0;
}

.wdc-style-2 .wdc-heading .wdc-heading-result,
.wdc-style-2 .wdc-heading .wdc-heading-info {
    color: rgb(47, 58, 95);
	font-weight: 300;
    margin: 0;
}

.wdc-style-2 .wdc-heading .wdc-heading-result .wdc-heading-query {
	font-weight: 700;
}

.wdc-style-2 .wdc-heading p {
	font-size: 24px;
	margin: 0 0 14px 0;
}

.wdc-style-2 .wdc-heading .wdc-heading-info {
	color: #637381;
}

.wdc-style-2 .wdc-error-panel .wdc-error {
	position: relative;
	padding: 15px 50px 15px 55px;
    min-height: 60px;
    border: 2px solid #eb644d;
    border-radius: 5px;
    background-color: rgba(235,100,77,0.05);
}

.wdc-style-2 .wdc-error-panel .wdc-error .icon {
	display: inline-block;
    width: 26px;
    height: 26px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.wdc-style-2 .wdc-error-panel .wdc-error .wdc-error-content {
	font-weight: 300;
}

.wdc-style-2 .wdc-error-panel .wdc-error .wdc-error-content p {
	margin: 0;
}

.wdc-style-2 .icon-error, .wdc-style-2 .wdc-error-panel .wdc-error .wdc-error-content {
	color: #eb644d;
}

.wdc-style-2 .icon-info {
	position: absolute;
    top: 15px;
    left: 15px;
    width: 26px;
    height: 26px;
    fill: #eb644d;
}

.wdc-style-2 .wdc-close {
	position: absolute;
    top: 0;
    right: 0;
    padding: 0.9375em;
    opacity: 0.8;
    transition: opacity 300ms ease-in-out;
}

.wdc-style-2 .wdc-close svg {
	width: 15px;
    height: 15px;
    fill: #eb644d;
}

.wdc-style-2 .wdc-result-subhead {
	font-weight: 500;
    color: #212b35;
    font-size: 12px;
    margin: 1px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    text-align: left;
    line-height: 42px;
}

.wdc-style-2 .wdc-domain-result {
	border-bottom: 1px solid #dfe3e8;
}

.wdc-style-2 .wdc-action {
	margin: 10px 0;
    font-size: 12px;
}

.wdc-style-2 .wdc-domain-result .wdc-domain-result__button {
	width: 100%;
    color: #212b35;
    overflow: hidden;
    padding: 10px 0px 10px 0px;
    font-size: 14px;
    font-weight: 400;
}

.wdc-style-2 .wdc-domain-result .wdc-domain-result__button.disabled {
	color: #454f5b;
	cursor: default;
}

.wdc-style-2 .wdc-domain-result .wdc-domain-result__button:nth-child(even) {
	background: #f4f5fa;
}

.wdc-style-2 .wdc-domain-result .wdc-domain-result__list:nth-child(odd) {
	background: #f4f5fa;
}

.wdc-style-2 .wdc-domain-result .wdc-domain-result__list:nth-child(even) {
	background: transparent;
}

.wdc-style-2 .wdc-domain-result .wdc-domain-empty {
	color: #454f5b;
    display: none;
    padding: 16px 0;
    text-align: center;
}

.wdc-style-2 .wdc-grid-price {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.wdc-style-2 .wdc-grid {
    line-height: 25px;
}

.wdc-style-2 .wdc-icon-result {
    width: 16px;
    height: 16px;
    color: var(--wdc-style-two-main-color);
	margin: 0 0 0 5px;
    font-size: 16px;
    vertical-align: middle;
}

.wdc-style-2 .small-heading {
	font-size: 14px;
	margin: 0 0 22px 0;
	line-height: 1.2142857143;
    font-weight: 500;
    letter-spacing: 0.7px;
	text-transform: uppercase;
}

.wdc-style-2 .wdc-button-next {
	display: block;
	margin: 0 auto;
}

.wdc-style-2 .wdc-spinner {
	color: var(--wdc-button-bg-color);
    text-align: center;
}

.wdc-style-2 .wdc-spinner:before {
	content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 50%;
    border: 3px solid var(--wdc-button-bg-color);
    border-top-color: transparent;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    display: inline-block;
    margin-right: 0.625em;
    position: relative;
    top: auto;
    left: auto;
}

/* Custom Grid System - Replacing Bootstrap */
.wdc-style-2 .wdc-row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.wdc-style-2 .wdc-col-6 {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 768px){
    .wdc-style-2 .wdc-col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .wdc-style-2.mobile .wdc-col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        display: block;
    }
}

/* Text Alignment Classes */
.wdc-style-2 .wdc-text-left {
    text-align: left;
}

.wdc-style-2 .wdc-text-right {
    text-align: right;
}

.wdc-style-2 .wdc-text-center {
    text-align: center;
}

/* Margin and Padding Utilities */
.wdc-style-2 .wdc-mt-5 {
    margin-top: 1rem;
}

.wdc-style-2 .wdc-mb-5 {
    margin-bottom: 1rem;
}

/* Button Styles */
.wdc-style-2 .btn {
    border: 1px solid transparent;
    white-space: nowrap;
}

/* Domain Result Styling */
.wdc-style-2 .wdc-grid-item {
    margin: 0;
}

.wdc-style-2 {
    margin: 10px auto 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.wdc-style-2 .wdc-domain-price {
	margin-right: 12px;
}

.wdc-style-2 #results .added_to_cart {
	margin: 0 0 0 5px;
}

.wdc-style-2 .wdc-container {
    display: none;
}

.wdc-style-2 .wdc-domain-unavailable button{
    background-color: var(--wdc-whois-button-bg-color);
    color: var(--wdc-whois-button-text-color);
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: .2rem;
    font-weight: 300;
    outline: 0;
    margin: 0;
}

.wdc-style-2 .wdc-domain-unavailable button:focus,
.wdc-style-2 .wdc-domain-unavailable button:active {
    outline: 0;
}

.wdc-style-2 .wdc-domain-unavailable{
	margin: 0 0 0 5px;
}

.wdc-style-2 .wdc-domain-result__list .wdc-domain-unavailable button:hover{
   background-color: var(--wdc-whois-button-bg-color);
}

.wdc-style-2 .added_to_cart {
	margin: 0 0 0 5px;
    color: var(--wdc-style-two-main-color);
}

.wdc-style-2 a:link, .wdc-style-2 a:visited, .wdc-style-2 a:hover, .wdc-style-2 a:active,
.wdc-style-2 button:link, .wdc-style-2 button:visited, .wdc-style-2 button:hover, .wdc-style-2 button:active {
  text-decoration: none;
}

.wdc-style-2 .hide {
    display: none;
}

.wdc-style-2 #wdc-recaptcha {
    margin-top: 10px;
    display: inline-block;
}

.wdc-style-2 .wdc-domain-available button {
    background-color: var(--wdc-purchase-button-bg-color);
    color: var(--wdc-purchase-button-text-color);
    font-size: 12px;
    line-height: 1.5;
    border-radius: .2rem;
    font-weight: 300;
    outline: 0;
    padding: 4px 12px;
    margin: 0;
}

.wdc-style-2 .wdc-domain-available button:focus,
.wdc-style-2 .wdc-domain-available button:active {
    outline: 0;
}

.wdc-style-2 .wdc-domain-available i {
	margin: 0 7px 0 0px;
    font-size: 12px;
    color: #fff;
	line-height: 1.3;
}

.wdc-style-2 .wdc-domain-result__button .icon-only button {
    background-color: transparent;
}

.wdc-style-2 .wdc-domain-result__button .icon-only i {
    color: var(--wdc-style-two-main-color);
    font-size: 18px;
    vertical-align: inherit;
}

.wdc-style-2 .recaptcha-text,
.wdc-style-2 .req-domain-text {
	display: none;
}

/* Responsive Design */
@media (max-width: 1079px) {
	.wdc-style-2 .wdc-heading p {
		font-size: 20px;
	}
	.wdc-style-2 .wdc-heading h2 {
		font-size: 24px;
	}
}

@media (max-width: 960px) {
	.wdc-style-2 .wdc-container {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 749px) {
	.wdc-style-2 {
		padding-left: 5%;
    	padding-right: 5%;
	}
	.wdc-style-2 .wdc-container {
		width: 100%;
	}
	.wdc-style-2 .wdc-search-form .wdc-search-content {
		display: block;
	}
	.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label {
		display: block;
		margin: 0;
	}
	.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input {
		margin: 0 0 15px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.wdc-style-2 .wdc-search-button {
		width: 100%;
	}
	.wdc-style-2 .wdc-domain-price {
		display: block;
		width: 100%;
		font-size: 12px;
		text-align: left;
	}
	.wdc-style-2 .wdc-icon-result {
        font-weight: 600;
	}

    .wdc-style-2 .wdc-domain-available {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: 500;
    }

    .wdc-style-2 .wdc-domain-available button {
        margin: 0;
    }

    .wdc-style-2 .wdc-domain-unavailable button{
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: 300;
        margin: 0;
    }
}

@media (min-width: 750px) {
	.wdc-style-2 .wdc-search-input__field {
		display: flex;
	}
	.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input {
		width: 100%;
	}

    .wdc-style-2.mobile .wdc-search-input__field {
		display: block;
	}

    .wdc-style-2.mobile {
        padding-left: 5%;
        padding-right: 5%;
    }
    .wdc-style-2.mobile .wdc-container {
        width: 100%;
    }
    .wdc-style-2.mobile .wdc-search-form .wdc-search-content {
        display: block;
    }
    .wdc-style-2.mobile .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label {
        display: block;
        margin: 0;
    }
    .wdc-style-2.mobile .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input {
        margin: 0 0 15px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .wdc-style-2.mobile .wdc-search-button {
        width: 100%;
    }
    .wdc-style-2.mobile .wdc-domain-price {
        display: block;
        width: 100%;
        font-size: 12px;
        text-align: center;
    }
    .wdc-style-2.mobile .wdc-heading-result {
        font-size: 14px;
    }
    .wdc-style-2.mobile .wdc-icon-result {
        font-weight: 600;
    }

    .wdc-style-2.mobile .wdc-domain-available {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: 500;
    }

    .wdc-style-2.mobile .wdc-domain-available button {
        margin: 0;
    }

    .wdc-style-2.mobile .wdc-domain-unavailable button {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        font-weight: 500;
        margin: 0;
    }
}

/* Animation for spinner */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.wdc-style-2 button:hover {
    filter: brightness(90%);
}