/* Semrush Authority Checker Result Table */
.semrush-as-result-table { border-collapse: collapse !important; }
.semrush-as-result-table th { text-align: center; vertical-align: middle; padding: 3px 10px; border: 1px solid rgba(0,0,0,0.06) !important; line-height: 1.25em; background: rgba(55,91,215,0.04); color: #000; font-weight: bold !important; white-space: nowrap; }
.semrush-as-result-table th:hover { outline: 2px solid rgba(0,0,0,0.05); outline-offset: -2px; }
.semrush-as-result-table td { border: 1px solid rgba(0,0,0,0.06) !important; line-height: 1.25em; }
.semrush-as-result-table td a svg { fill: var(--mt-color__primary); }
.semrush-as-result-table.stripe>tbody>tr.odd>*, .semrush-as-result-table.display>tbody>tr.odd>* { box-shadow: inset 0 0 0 9999px rgb(255 255 255) !important; }

/* Table Rows */
#semrush_as_tbl thead tr { border-bottom: 3px solid rgb(65,102,225); }
#semrush_as_tbl tbody tr.odd { background: #fff; }
#semrush_as_tbl tbody tr.even { background: #f7f9fd; }
#semrush_as_tbl tbody tr.even:hover { background: #eef0f4; }

/* Copy Text */
.copy-text { position: relative; padding: 5px; background: #fff; border: 1px solid #ddd; border-radius: 10px; display: flex; }
.copy-text input.text { width: 100%; font-size: 18px; color: #555; border: none; margin-bottom: 0; padding: 0 5px; }
.copy-text .btnmy { min-width: 50px; padding: 10px; background: var(--primary-color); color: #fff; font-size: 18px; border: none; outline: none; border-radius: 10px; cursor: pointer; }
/* Layout */
#get_urls_show, #share_urls_show { margin-top: 15px !important; }
#get_urls_show .dt-buttons { float: right !important; }
#semrush_as_frm { text-align: center; }
#cloudflare { margin-top: 20px; }
#g-recaptcha, #cloudflare-turnstile { margin: 0 auto; width: max-content; margin-bottom: 20px; }
.sharebtn { margin-top: 20px; text-align: center !important; }

/* Buttons */
.button.is-style-rounded { border-radius: 30px; color: #fff; font-size: 15px; font-weight: 500; padding: 20px 45px; line-height: 1.5; }
.button.is-style-rounded:hover { background: #f97346 !important; }
span.semrush_as_btn:before, a.semrush_as_btn:before, .semrush_as_btn:before { background: #f97346 !important; }
.dt-button { padding: 8px !important; background: #fff !important; border: 0 none !important; }
.dt-button.buttons-copy i.success { color: green !important; }

/* Utilities */
.error { color: inherit; }
.hide { display: none; }
/* Tooltips */
.dt-tooltip { position: relative; }
.dt-tooltip:hover::before { content: attr(data-tooltip); display: block; width: 150px; text-wrap: wrap; white-space: normal; padding: 5px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; position: absolute; z-index: 3; bottom: 125%; left: 50%; margin-left: -60px; transition: opacity 0.3s; font-size: 80%; }
.dt-tooltip:hover::after { content: ""; position: absolute; top: -25%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent; }

/* Form Elements */
.explanation { text-align: justify; margin-top: 25px; font-size: 80%; }
.explanation ul li { padding: 0; }
#semrush_as_link { resize: vertical; margin-bottom: 5px !important; --mt-input__height: auto; }
#semrush_as_tbl_wrapper button { min-width: auto; }
.detail-wrap { margin-bottom: 50px; font-size: 14px !important; }
.total-website { float: left; }
.exclude-checkbox { float: right; }
.credit-wrap { text-align: right; margin-bottom: 5px; font-size: 14px !important; }
.text-right { text-align: right; }

/* Button States */
#semrush_as_formsend:disabled { color: #fff; cursor: not-allowed; }
#semrush_as_formsend:disabled::before { background-color: #ccc !important; }

/* Alerts & DataTables */
body .motta-alert { text-align: justify; margin-bottom: 10px; }
.dataTables_filter { display: none !important; }
/* Responsive Design */
@media only screen and (max-width: 1060px) {
	table.responsive { margin-bottom: 0; overflow: hidden; overflow-x: scroll; display: block; white-space: nowrap; }
}
@media (max-width: 992px) {
	.detail-wrap { display: grid; margin-bottom: 30px; }
}
@media only screen and (max-width: 420px) {
	.credit-wrap { text-align: justify !important; }
}
@media print {
	:root { --dt-row-hover: #fff !important; }
}

/* Loading States */
#semrush_as_formsend { position: relative; }
#semrush_as_formsend.button--loading { pointer-events: none; opacity: 0.8; }
#semrush_as_formsend.button--loading span { visibility: hidden; opacity: 0; }
#semrush_as_formsend.button--loading::after,
#share_custom_loader.button--loading { 
	font-size: 1.25em; animation: spinner__animation 1s linear infinite; backface-visibility: hidden; 
	border: 0.2em solid; border-left: 0.2em solid transparent; border-radius: 50%; 
	box-sizing: border-box; content: " "; height: 1em; left: 50%; 
	margin: -0.5em 0 0 -0.5em; position: absolute; top: 50%; 
	transform: translateZ(0) scale(0.5); transform-origin: 50% 50%; width: 1em; 
}
@keyframes spinner__animation {
	0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0deg); }
	to { transform: rotate(1turn); }
}

/* Metrics & Sliders */
.top-toolbar { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.metric-grid { float: left; }
.metric-group label { font-size: 14px; }
.metric-grid input[type="number"] { padding: 5px; width: 55px; height: 35px; margin: 0 5px; font-size: 14px; }
.metric-group div[id^="slider-range"] { flex: 1; height: 6px; background: #ddd; border-radius: 4px; }
@media only screen and (max-width: 1240px) {
	.metric-grid { float: unset !important; order: 1; margin-bottom: 1rem; }
	.top-toolbar { justify-content: center; }
}

/* UI Slider Overrides */
.ui-slider { display: inline-block !important; width: 120px !important; height: 5px !important; }
.ui-slider-horizontal .ui-slider-handle { top: -.5em !important; }
.ui-slider-horizontal .ui-slider-handle { top: -0.4em; border-radius: 50%; height: 15px; width: 15px; }
.ui-state-active { background-color: #f97248 !important; border: 0 !important; }
.ui-widget-header { background: #f97248 !important; }
.ui-widget-content { background: #7a7a7a !important; }

/* Skeleton Loader */
.datatable-dev-spinner { width: 20px; height: 20px; margin: 0 auto; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s infinite; border-radius: 4px; }
@keyframes skeleton-loading {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

/* Failed Retrieve Button */
.failedretrievebtn { margin: 15px 0; text-align: end; }

#semrush_as_frm .button--loading { pointer-events: none; opacity: 0.8; }
#semrush_as_formsend.blocked {pointer-events: none; opacity: 0.8; }