/*
 Theme Name:   GT Minecraft Tools
 Theme URI:    https://generatepress.com
 Description:  GT Roblox Tools
 Author:       Kevin Kunkel
 Author URI:   https://gaming-tools.com
 Template:     generatepress
 Version:      0.1
*/


/* ----------------Template CSS (Mobile First) ----------------*/
.site-branding-container .site-logo{margin-right:13px}
.nav-float-right #site-navigation{margin-left:45px}
.main-navigation .main-nav ul li a{padding-left:18px;padding-right:18px}
.inside-article{padding-top:10px!important}
.gt-footer ul{padding:0 20px;font-size:16px;list-style:none;margin:0 auto;text-align:center;display:flex;flex-direction:row;justify-content:center;line-height:30px;margin-top:4px;flex-wrap:wrap}
.gt-footer li{margin:0 12px}
h1,h2,h3{margin-top:24px}
p{margin-bottom:20px}
.gt-archive{display:flex;flex-wrap:wrap;align-items:stretch;gap:20px;}
.gt-archive .blockquote{flex:1 1 calc(50% - 10px);max-width:calc(50% - 10px);box-sizing:border-box;}
@media(max-width:768px){.archive .blockquote{flex:1 1 100%;max-width:100%;}}
.center{text-align:center;margin:0 auto}
.red-text{color:#E43C12}


/* --- Color System & Infoboxen --- */
:root{
--primary-color:#6ACD00;
--primary-color-dark:#64C001;
--bg-color:#1E2C32;
--custom-color1:#FF8316;
--custom-color2:#E4F376;
--custom-color3:#FF71BA;
--infobox-bg:#1E2C32;
--infobox-success-bg:#E8FFE5;
--infobox-success-border:#6ACD00;
--infobox-help-bg:#FEFACB;
--infobox-help-border:#FBD600;
--infobox-error-bg:#FDECE6;
--infobox-error-border:#F54200;
}


/* --- GT Table --- */
.gt-table{width:100%;border-collapse:collapse;background-color:#1E2C32;color:#e0e0e0;font-family:sans-serif;font-size:15px;margin-top:20px;border-radius:8px;overflow:hidden}
.gt-table thead{background-color:#0d151a}
.gt-table th,.gt-table td{padding:12px 16px;text-align:left;border:1px solid #3c4a50}
.gt-table tbody tr:hover{background-color:#27363c}
.gt-icon{width:18px;height:18px;vertical-align:middle;margin-right:6px}
.gt-table-wrapper{width:100%;overflow-x:auto;margin:20px 0}
.gt-table th,.gt-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #444}
@media(max-width:768px){
.gt-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.gt-table{width:100%;min-width:100%;border-collapse:collapse}
.gt-table th,.gt-table td{white-space:nowrap}
.gt-table-wrapper.tds{margin:-4px 16px!important;width:calc(100% - 32px)}
}
/* Heatmap Score Coloring – 6 abgestufte Farben im Darkmode */
.score{font-weight:bold;text-align:center;color:#fff;padding:4px 6px}
.s-verybad{background-color:#b00020}     /* Dunkelrot */
.s-bad{background-color:#d84315}         /* Warmes Rot/Orange */
.s-mid{background-color:#fbc02d}         /* Kräftiges Gelb */
.s-good{background-color:#7cb342}        /* Hellgrün */
.s-great{background-color:#43a047}       /* Grasgrün */
.s-excellent{background-color:#00e676}   /* Leuchtendes Signalgrün */

/* -- Tags + Badges -- */
.gt-tag{display:inline-block;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;margin:2px}
.gt-rare{background:#32d296}
.gt-epic{background:#ff9800}
.gt-legendary{background:#7e57c2}
.gt-hot{background:#ef5350}
.gt-badge{display:inline-block;padding:4px 10px;font-size:13px;border-radius:8px;font-weight:600}
.gt-success{background:#4caf50;color:#fff}
.gt-alert{background:#E2BD2A;color:#fff}
.gt-error{background:#ef5350;color:#fff}

/* -- Score Coloring (LoL Style, Dark Mode optimiert) -- */
.gt-score{font-weight:bold;text-align:center}
.s-high1{background:color-mix(in srgb,#E4F376 25%,#1E2C32);color:#fff}
.s-high2{background:color-mix(in srgb,#E4F376 45%,#1E2C32);color:#fff}
.s-mid1{background:color-mix(in srgb,#ffea94 25%,#1E2C32);color:#fff}
.s-mid2{background:color-mix(in srgb,#ffea94 45%,#1E2C32);color:#fff}
.s-low1{background:color-mix(in srgb,#FF8316 25%,#1E2C32);color:#fff}
.s-low2{background:color-mix(in srgb,#FF8316 45%,#1E2C32);color:#fff}






/* --- Infoboxen --- */
.gt-box{display:flex;align-items:center;padding:15px 15px 10px;margin-bottom:20px;border-width:2px;border-style:solid;border-radius:17px;}
.gt-box-icon-container{width:70px;height:70px;margin-right:20px;display:flex;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0;padding:5px;}
.gt-box-icon{font-size:2.5em;line-height:1;}
.gt-box-content{flex-grow:1;}
.gt-box-content h3{margin-top:10px;margin-bottom:4px;font-size:1.3em;}
.gt-box-custom-image,.gt-box-image{width:84px;height:84px;margin-right:20px;margin-top:-7px;object-fit:contain;flex-shrink:0;}
.gt-info{border-color:var(--bg-color);background-color:var(--bg-color);color:#fff}
.gt-info .gt-box-icon-container{background-color:var(--custom-color2);}
.gt-idea{border-color:var(--infobox-help-border);background-color:var(--infobox-help-bg);}
.gt-warning{border-color:var(--infobox-error-border);background-color:var(--infobox-error-bg);}
.gt-positive{border-color:var(--infobox-success-border);background-color:var(--infobox-success-bg);}
.gt-help{border-color:var(--infobox-help-border);background-color:var(--infobox-help-bg);}
.toolbox .tool-wrapper .gt-box{margin:0 20px;background:var(--bg-color);border-color:var(--primary-color-dark);}
.toolbox .tool-wrapper .gt-box span{color:var(--custom-color3);font-style:italic;}
@media(max-width:1023px){
.gt-box{flex-direction:column;text-align:center;align-items:center;}
.gt-box-icon-container,.gt-box-custom-image,.gt-box-image{margin-right:0;margin-bottom:10px;margin-top:0;}
.gt-box-content h3{margin-top:0;}
}

/* --- Disclaimer --- */
.disclaimer{font-size:12.5px;padding:0 14px 15px;color:#ccc;max-width:660px}
.disclaimer span{color:var(--custom-color1)}
.gt-disclaimer{background-color:var(--bg-color);color:#B3B3B3;padding:20px 72px 12px 22px;font-style:italic;}
.gt-disclaimer img{width:64px;height:64px;margin:-2px 16px 2px 0;}
.gt-disclaimer .gt-box-content{padding-top:8px;}
.gt-disclaimer .focus-text{color:var(--primary-color);font-weight:bold;}
.gt-disclaimer .disclaimer-text{color:var(--custom-color1);}
@media(max-width:1023px){
.gt-disclaimer{padding:5px 20px;}
.gt-disclaimer .gt-box-custom-image{width:84px;height:84px;margin:10px 0 -16px;}
}




/* --- FAQ Area --- */
.gt-faq-toggle-wrap{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0;justify-content:center}
.faq-toggle-box{background-color:#fff;border-radius:12px;box-shadow:0 0 12px #00000014;border:1px solid #ddd;flex:1 1 calc(50% - 16px);min-width:250px;max-width:500px;overflow:hidden}
.faq-toggle-question{background-color:#f3f3f3;padding:15px 14px;font-weight:700;font-size:16px;color:#333;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:7px}
.faq-icon-wrapper img{width:35px;height:35px;flex-shrink:0;object-fit:contain;display:block}
.faq-question-text{display:inline-block;line-height:1.3}
.faq-toggle-answer{padding:12px 16px;font-size:15px;color:#444}
@media (max-width: 700px) {
.faq-toggle-box{flex:1 1 100%}
}


/* --- Tool --- */
.tool-wrapper{width:100%;padding:0 0 4px;background:var(--bg-color);border-radius:14px;margin-bottom:30px;font-family:'Segoe UI',sans-serif;color:#fff}
.tool-header-wrapper{display:flex;align-items:center;gap:4px;justify-content:center;text-align:center;background:#0F1E25;padding:13px 14px;margin:0;border-top-left-radius:12px;border-top-right-radius:12px}
.tool-header-wrapper h1{font-size:23px;line-height:30px;margin:0}
.tool-header-wrapper img{width:36px;height:36px;margin:-2px 6px 0 0}
.tool-header span{color:var(--primary-color)}
.header-text{color:#ccc; font-size:13px; text-align:center; margin-bottom:0;padding:18px 14px 4px}
.tool-flex{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;margin:20px 0}
.tool-box{flex:1;min-width:280px;max-width:420px;margin:0 10px;background:var(--bg-color);padding:20px;border-radius:12px;text-align:center;border:1px solid #3d5159}
.tool-label{font-weight:600;letter-spacing:.5px;font-size:.95em;margin-bottom:10px;padding:6px 10px;border-radius:6px;display:inline-block;background:#ffffff0d}
.tool-input-wrapper{display:flex;justify-content:center;align-items:center;gap:10px;background:#303f45;border:1px solid #3d5159;border-radius:10px;padding:15px;box-shadow:inset 0 1px 3px #0009}
.tool-icon{height:28px;width:28px;flex-shrink:0}
.tool-input{background:transparent;border:none;font-size:2.4em;font-weight:700;text-align:center;color:#fff;outline:none;width:100%}
.tool-slider{width:100%;margin-top:15px}
.spinner-buttons{display:flex;flex-direction:column;gap:4px}
.spinner-buttons button{background:#1e2c32;color:var(--custom-color3);border:none;padding:2px 6px;font-size:1em;cursor:pointer;line-height:1}
.spinner-buttons button:hover{background:#2a3b44}
.tool-exchange{margin:30px 3%;padding:12px 20px;background:var(--bg-color);border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #3d5159;font-size:1em;box-shadow:inset 0 1px 3px #0009}
.tool-exchange-label{color:#aaa;font-style:italic;flex:1}
.tool-exchange-input{background:transparent;border:none;color:#fff;font-size:1.8em;text-align:right;width:180px;outline:none}
input[type="number"],input[type="text"]{background-color:transparent;color:inherit;border:none;outline:none;appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}
input[type="number"],input[type="text"]{background-color:transparent!important;color:inherit;border:none;outline:none;appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none;box-shadow:none}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.tool-switch{display:flex;align-items:center;justify-content:center;flex:0 0 40px;text-align:center;padding:10px 0;margin-top:10px;margin-bottom:0;min-height:200px}
.tool-switch div{line-height:1;font-size:2em;opacity:.6}

@media (max-width: 768px) {
.tool-header{font-size:1.25em;padding:8px 6px 10px}
.tool-header img{max-height:28px!important;margin:0 6px -7px 0}
.header-text{padding:8px 14px 0px;font-size:12px;margin-bottom:4px!important}
.tool-flex{flex-direction:column;gap:16px;margin:8px 0}
.tool-box{margin:0 auto;max-width:95%;width:95%;padding:8px}
.tool-label{padding:4px 10px;margin-bottom:6px}
.tool-input-wrapper{padding:4px 12px}
.tool-input{font-size:1.8em}
.tool-exchange{flex-direction:column;gap:8px;text-align:center;padding:7px 16px 3px;font-size:0.8em}
.tool-exchange-input{font-size:1.6em;width:100%;text-align:center;padding:3px 14px}
.tool-exchange-label{width:100%;text-align:center}
.tool-switch{width:100%;min-height:auto;padding:0;margin:-13px 0 -7px}
.tool-switch div{font-size:1.8em;margin:0}
}


/* --- GT Headerlinks --- */
.gt-headerlinks{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;margin:20px auto;border:1px solid #444;border-radius:12px;overflow:hidden;font-family:sans-serif}
.gt-headerlinks a{flex:1 1 16.66%;min-width:120px;text-align:center;background-color:#2c2c2c;color:#fff;font-weight:700;padding:12px 0;text-decoration:none;transition:.2s;border-right:1px solid #444;font-size:1rem}
.gt-headerlinks a:hover:not(.active){background-color:#444;color:#fff}
.gt-headerlinks a.active{background-color:var(--primary-color-dark);color:#fff;border-color:var(--primary-color-dark);cursor:default;pointer-events:none}
.gt-headerlinks a:last-child{border-right:none}
@media(max-width:768px){
.gt-headerlinks{margin:0 0 14px}
.gt-headerlinks a{flex:1 1 50%;min-width:auto;border-right:1px solid #444;border-bottom:1px solid #444;border-radius:0;font-size:0.9rem}
.gt-headerlinks a:nth-child(2n){border-right:none}
.gt-headerlinks a:nth-last-child(1),.gt-headerlinks a:nth-last-child(2){border-bottom:none}
.gt-headerlinks a:first-child{border-top-left-radius:12px}
.gt-headerlinks a:nth-child(2){border-top-right-radius:12px}
.gt-headerlinks a:nth-last-child(2){border-bottom-left-radius:12px}
.gt-headerlinks a:last-child{border-bottom-right-radius:12px}
}












/* --- Cheese --- */
.cheese-test{background:tomatox}
.cheese-center{margin:0 auto;text-align:center}
.cheese-wide{width:100%}
.cheese-big-wide{width:100%}

.cheese-medium{width:336px}
.double-cheese{margin-bottom:20px}
.blogpost-center{position:relative;left:180px}

.mobile-cheese-small{width:100%;margin-bottom:20px}



/* --- Tools / Data --- */

.tool{position:relative}
.tool-content{background:#fff;padding:20px;filter: drop-shadow(0px 2px 14px rgba(0,0,0,0.2))}
.tool-content p{margin-bottom:10px}
.tool-blogpost{padding:20px}
.blogpost,.data-blogpost{max-width:800px;margin:0 auto}
.data{margin-bottom:32px}
.data h1,.data h2,.data p{text-align:center}
.tool-content h1{margin-top:-2px}


/* --- List Category Posts --- */

.lcp_catlist{list-style:none;margin:0;display:flex;flex-direction:row;flex-wrap:wrap}
.lcp_catlist li{width:49%;position:relative;padding:0 24px 2px 220px;min-height:152px;margin-bottom:40px}
.lcp_catlist li:nth-child(2n){margin-left:2%}
.lcp_catlist li a:first-of-type{text-decoration:none;font-size:22px;font-weight:700;line-height:28px}
.lcp_catlist li a:first-child+a{position:absolute;left:0;top:4px}
.lcp_excerpt{;border-top:1px solid #ccc;margin-top:4px;padding-top:4px}





/* ---------------------------- Desktop only ---------------------------- */
@media all and (min-width:1024px){

/* --- Tools / Data --- */

.toolbox{max-width:1360px;display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:30px}
.banana-tool{width:360px;}
.tool{width:calc(100% - 360px)}

.data .tool{width:calc(100%)}
.data .tool-content{padding-left:20px;padding-right:20px}

.tool-content{padding:40px 360px 40px 40px;min-height:500px}
.tool-content.content-full{padding:40px 40px 10px 40px}
.tool-content.content-full.tool-empty{padding:0;background:none}
.tool-character{width:360px;position:absolute;right:-2px;top:60px}
.tool-blogpost{padding:0 20px 0 380px}
}

/* ------- Medium Desktop -------- */
@media all and (min-width:1024px) and (max-width:1480px){
.tool-content{padding:40px 40px 40px 40px}
.tool-character{width:390px;position:relative;left:0;right:auto;top:auto;bottom:auto;background:#fff;width:100%;padding-bottom:10px;text-align:center}

}

/* ------- Small Desktop -------- */
@media all and (min-width:1024px) and (max-width:1224px){

}


/* ---------------------------- Mobile only ----------------------------- */
@media all and (max-width:1023px){
.sub-menu-right{margin-left:0!important}
.main-nav li{border-top:1px solid #333}
.main-nav li a{line-height:60px!important}
.main-nav li:last-child{margin-bottom:-18px}
.inside-article{padding-top:0!important}
.site-logo img{margin-left:15px}




/* --- Tools / Data --- */
.data{padding:0;margin-bottom:20px}
.toolbox,.data{margin:-20px -20px 0 -20px}
.tool-content{position:relative;z-index:2;margin-top:200px;padding:16px 13px}
.tool-blogpost{padding:20px 0 0}
.tool-content.content-full{margin-top:0}
.tool-character{z-index:1;text-align:center;position:absolute;top:-200px;width:100%}
.tool-header img{max-height:60px;width:auto}

/* --- Cheese --- */
.cheese-frame{width:calc(100% - 40px)}
.blogpost-center{left:auto}

/* --- List Category Posts --- */
.lcp_catlist li{width:100%;margin-bottom:20px;padding:0 0 20px 105px;border-bottom:1px solid #ccc;min-height:auto}
.lcp_catlist li a:first-of-type{font-size:18px;font-weight:700;line-height:24px}
.lcp_catlist li a:last-of-type{width:90px;max-width:90px}
.lcp_catlist li:nth-child(2n){margin-left:0}
.lcp_excerpt{border:none;padding:0;margin:0;font-size:16px;line-height:22px}

}