.elementor-3023 .elementor-element.elementor-element-8650376{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3023 .elementor-element.elementor-element-8fe0807 .elementor-heading-title{color:#000000;}.elementor-3023 .elementor-element.elementor-element-587842a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3023 .elementor-element.elementor-element-3873819{--display:flex;}.elementor-3023 .elementor-element.elementor-element-0f2048d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3023 .elementor-element.elementor-element-ecb7359{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3023 .elementor-element.elementor-element-ecb7359.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3023 .elementor-element.elementor-element-2e4c54d{--display:flex;}.elementor-3023 .elementor-element.elementor-element-3aca4ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3023 .elementor-element.elementor-element-98cfc57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3023 .elementor-element.elementor-element-ecb7359{--width:61.198%;}}/* Start custom CSS for html, class: .elementor-element-d9882e9 *//* === START OF ELITE CSS CODE === */
:root {
    --kda-primary-color: #FF8000; --kda-primary-darker: #e67300; --kda-secondary-color: #333333;
    --kda-secondary-darker: #222; --kda-background-color: #f9f9f9; --kda-surface-color: #ffffff;
    --kda-border-color: #dee2e6; --kda-text-color: #333; --kda-light-text-color: #6c757d;
    --kda-white: #fff; --kda-success-color: #28a745; --kda-warning-color: #ffc107; --kda-danger-color: #dc3545;
    --kda-shadow: 0 4px_25px rgba(0, 0, 0, 0.1);
}
body.dark-mode {
    --kda-background-color: #121212; --kda-surface-color: #1e1e1e; --kda-border-color: #444;
    --kda-text-color: #e0e0e0; --kda-secondary-color: #e0e0e0; --kda-light-text-color: #999;
}
.kda-main-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; max-width: 1600px; margin: 20px auto; }
.kda-input-col, .kda-results-col { background-color: var(--kda-surface-color); border-radius: 12px; box-shadow: var(--kda-shadow); padding: 30px; transition: background-color 0.3s; }
.kda-header { text-align: center; }
.kda-logo { max-width: 150px; margin-bottom: -10px; }
.kda-main-grid h1, .kda-main-grid h2, .kda-main-grid h3 { color: var(--kda-secondary-color); font-weight: 700; }
.kda-main-grid h1 { color: var(--kda-primary-color); text-align: center; margin-top: 0; margin-bottom: 20px; font-size: 2.2em; }
.kda-tabs { display: flex; border-bottom: 1px solid var(--kda-border-color); margin-bottom: 20px; }
.kda-tab { padding: 10px 20px; cursor: pointer; border-bottom: 3px solid transparent; font-weight: bold; color: var(--kda-light-text-color); }
.kda-tab.active { color: var(--kda-primary-color); border-bottom-color: var(--kda-primary-color); }
.kda-main-grid textarea, .kda-main-grid input { width: 100%; padding: 12px; border: 1px solid var(--kda-border-color); border-radius: 8px; font-size: 16px; box-sizing: border-box; background-color: var(--kda-background-color); color: var(--kda-text-color); transition: border-color 0.3s, background-color 0.3s; }
.kda-main-grid textarea { min-height: 250px; resize: vertical; }
.kda-main-grid label { display: block; margin-bottom: 8px; font-weight: bold; color: var(--kda-secondary-color); }
.kda-input-group { margin-bottom: 20px; }
.kda-button-group { display: flex; justify-content: center; gap: 20px; margin-top: 30px; }
button.kda-primary-button, button.kda-secondary-button { background-color: var(--kda-primary-color); color: var(--kda-white); border: none; padding: 12px 25px; border-radius: 8px; cursor: pointer; font-size: 18px; font-weight: bold; transition: background-color 0.3s ease, transform 0.2s ease; }
button.kda-primary-button:hover { background-color: var(--kda-primary-darker); transform: translateY(-2px); }
button.kda-secondary-button { background-color: var(--kda-secondary-color); }
button.kda-secondary-button:hover { background-color: var(--kda-secondary-darker); transform: translateY(-2px); }
.kda-results-col { position: relative; }
.kda-loader-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); display: none; justify-content: center; align-items: center; border-radius: 12px; z-index: 10; }
body.dark-mode .kda-loader-overlay { background-color: rgba(30, 30, 30, 0.8); }
.kda-loader-overlay.show { display: flex; }
.kda-spinner { border: 5px solid var(--kda-border-color); border-top: 5px solid var(--kda-primary-color); border-radius: 50%; width: 50px; height: 50px; animation: kda-spin 1s linear infinite; }
@keyframes kda-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.kda-main-grid table { width: 100%; border-collapse: collapse; margin-top: 15px; }
.kda-main-grid table th, .kda-main-grid table td { border: 1px solid var(--kda-border-color); padding: 10px 12px; text-align: left; font-size: 15px; }
.kda-main-grid table thead th { background-color: var(--kda-secondary-color); color: var(--kda-white); font-weight: bold; }
body.dark-mode .kda-main-grid table thead th { background-color: #333; }
.kda-main-grid table tbody tr:nth-child(even) { background-color: var(--kda-background-color); }
.kda-collapsible-header { cursor: pointer; background-color: var(--kda-background-color); border: 1px solid var(--kda-border-color); color: var(--kda-text-color); padding: 12px 18px; border-radius: 8px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.3s; }
.kda-collapsible-header:hover { background-color: var(--kda-border-color); }
.kda-collapsible-header h3 { color: var(--kda-text-color); margin: 0; font-size: 1.1em; font-weight: bold; }
.kda-collapsible-header .kda-arrow { font-size: 20px; transition: transform 0.3s ease; }
.kda-collapsible-header.active .kda-arrow { transform: rotate(90deg); }
.kda-collapsible-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
.kda-collapsible-content.show { max-height: 1500px; transition: max-height 0.6s ease-in; }
.kda-seo-score-container { text-align: center; margin-bottom: 25px; }
.kda-seo-score-dial { width: 120px; height: 120px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--kda-danger-color) 0deg, var(--kda-border-color) 0deg); margin: 0 auto 10px; transition: background 1s ease-out; }
.kda-seo-score-dial-inner { width: 100px; height: 100px; background: var(--kda-surface-color); border-radius: 50%; display: grid; place-items: center; font-size: 2.2em; font-weight: bold; color: var(--kda-text-color); }
#kda-seoScoreFeedback { font-weight: bold; font-size: 1.1em; }
.kda-score-legend { display: flex; justify-content: center; gap: 20px; font-size: 14px; margin-top: 15px; color: var(--kda-light-text-color); }
.kda-score-legend span { display: flex; align-items: center; }
.kda-score-legend .color-box { width: 15px; height: 15px; border-radius: 3px; margin-right: 8px; }
.kda-stat-card { background: var(--kda-background-color); border: 1px solid var(--kda-border-color); border-radius: 8px; padding: 15px; text-align: center; }
#kda-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 15px; }
.kda-stat-card h4 { margin: 0 0 5px 0; font-size: 1em; color: var(--kda-light-text-color); }
.kda-stat-card p { margin: 0; font-size: 1.5em; font-weight: bold; color: var(--kda-primary-color); }
#kda-highlighted-text { background: var(--kda-background-color); border: 1px solid var(--kda-border-color); border-radius: 8px; padding: 15px; margin-top: 15px; max-height: 300px; overflow-y: auto; line-height: 1.7; }
#kda-highlighted-text mark { background-color: var(--kda-warning-color); color: #333; padding: 2px; border-radius: 3px; }
.kda-theme-switch-wrapper { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-bottom: 15px; color: var(--kda-light-text-color); }
.kda-theme-switch { display: inline-block; height: 24px; position: relative; width: 50px; }
.kda-theme-switch input { display:none; }
.kda-slider { background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; border-radius: 34px; }
.kda-slider:before { background-color: #fff; bottom: 4px; content: ""; height: 16px; left: 4px; position: absolute; transition: .4s; width: 16px; border-radius: 50%; }
input:checked + .kda-slider { background-color: var(--kda-primary-color); }
input:checked + .kda-slider:before { transform: translateX(26px); }
@media screen and (max-width: 1024px) { .kda-main-grid { grid-template-columns: 1fr; } }
/* === END OF CSS CODE === *//* End custom CSS */