/* #############################################################################
   TeraPower robots.txt-Generator
   Datei: style.css
   Beschreibung: Toolbezogene Gestaltung ohne globale Layoutüberschreibungen.
############################################################################# */

.RobotsTxtGeneratorSeite
{
   --RobotsTxtFarbeAkzent: #2563eb;
   --RobotsTxtFarbeAkzentDunkel: #1d4ed8;
   --RobotsTxtFarbeWeich: #eff6ff;
   --RobotsTxtFarbeRahmen: #d8e0ea;
   --RobotsTxtFarbeWarnung: #b45309;
   --RobotsTxtFarbeFehler: #b91c1c;
   --RobotsTxtFarbeOk: #15803d;
   --RobotsTxtRadius: 1rem;
}

.RobotsTxtGeneratorVerweis
{
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 1.5rem;
   border-color: rgba(37, 99, 235, 0.22);
   background:
      radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 22rem),
      #ffffff;
}

.RobotsTxtGeneratorVerweis p
{
   margin-bottom: 0;
}

.RobotsTxtGeneratorPanel
{
   width: min(100% - 2rem, var(--width-page, 1180px));
   margin-right: auto;
   margin-left: auto;
}

.RobotsTxtGeneratorRaster
{
   display: grid;
   grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
   gap: 1.5rem;
}

.RobotsTxtGeneratorAktionen
{
   margin-top: 0.5rem;
}

.RobotsTxtGeneratorSekundaerButton
{
   border-color: var(--color-border, #d8e0ea);
   color: var(--color-text, #172033);
   background: var(--color-surface, #ffffff);
}

.RobotsTxtGeneratorSekundaerButton:hover
{
   border-color: var(--RobotsTxtFarbeAkzent);
   color: var(--RobotsTxtFarbeAkzentDunkel);
   background: var(--RobotsTxtFarbeWeich);
}

.RobotsTxtGeneratorAusgabeBox textarea
{
   min-height: 420px;
   line-height: 1.55;
}

.RobotsTxtGeneratorMeldung
{
   min-height: 1.5rem;
   margin-top: 0.75rem;
   margin-bottom: 0;
   color: var(--RobotsTxtFarbeAkzentDunkel);
   font-weight: 700;
}

.RobotsTxtGeneratorMeldung--fehler
{
   color: var(--RobotsTxtFarbeFehler);
}

.RobotsTxtGeneratorMeldung--ok
{
   color: var(--RobotsTxtFarbeOk);
}

.RobotsTxtGeneratorMeldung--warnung
{
   color: var(--RobotsTxtFarbeWarnung);
}

.RobotsTxtGeneratorKurzHilfe
{
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 1rem;
   margin-top: 1.5rem;
}

.RobotsTxtGeneratorKurzHilfe article
{
   padding: 1rem;
   border: 1px solid var(--color-border-soft, #e8edf3);
   border-radius: var(--radius-medium, 14px);
   background: var(--color-surface-soft, #f8fafc);
}

.RobotsTxtGeneratorKurzHilfe h3
{
   margin-bottom: 0.45rem;
   font-size: 1rem;
}

.RobotsTxtGeneratorKurzHilfe p
{
   margin-bottom: 0;
   color: var(--color-text-soft, #536173);
   font-size: 0.94rem;
}

.RobotsTxtGeneratorBeispielListe
{
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 1rem;
}

.RobotsTxtGeneratorBeispielListe .note-box
{
   margin: 0;
}

.TGSWerbeBlockRahmen
{
   padding-top: 0;
   padding-bottom: 0;
}

.TGSWerbeBlock
{
   display: block;
   min-height: 180px;
   padding: 1rem;
   border: 1px dashed var(--color-border, #d8e0ea);
   border-radius: var(--radius-medium, 14px);
   background: var(--color-surface-soft, #f8fafc);
}

.TGSWerbeBlock__label
{
   display: block;
   margin-bottom: 0.75rem;
   color: var(--color-text-muted, #718096);
   font-size: 0.78rem;
   font-weight: 800;
   letter-spacing: 0.08em;
   text-align: center;
   text-transform: uppercase;
}

@media (max-width: 980px)
{
   .RobotsTxtGeneratorRaster,
   .RobotsTxtGeneratorKurzHilfe,
   .RobotsTxtGeneratorBeispielListe
   {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 720px)
{
   .RobotsTxtGeneratorVerweis
   {
      align-items: stretch;
      flex-direction: column;
   }

   .RobotsTxtGeneratorVerweis .button
   {
      width: 100%;
   }

   .RobotsTxtGeneratorPanel
   {
      width: min(100% - 1rem, var(--width-page, 1180px));
   }
}

@media print
{
   .TGSWerbeBlockRahmen,
   .RobotsTxtGeneratorAktionen
   {
      display: none !important;
   }
}