/**
 * Robots & Indexing Page Styles
 * Premium design for robots.txt and indexing settings
 * @since 3.0.0
 */

/* ============================================
   SECTION TITLES
   ============================================ */

.prorank-section-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin-top: 32px !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
}

/* ============================================
   INPUT WIDTHS BY CONTENT TYPE
   ============================================ */

/* API Keys - 600px */
.prorank-robots-indexing-settings input[name="indexnow_api_key"],
.prorank-robots-indexing-settings input[placeholder*="API key"] {
  width: 600px !important;
  max-width: 100% !important;
}

/* Number inputs - 100px */
.prorank-robots-indexing-settings input[type="number"] {
  width: 100px !important;
}

/* Specific number fields */
.prorank-robots-indexing-settings input[name="rule_min_words"],
.prorank-robots-indexing-settings input[name="rule_max_age_days"] {
  width: 100px !important;
}

/* ============================================
   TOGGLE ROW ENHANCEMENTS
   ============================================ */

.prorank-robots-indexing-settings .prorank-toggle-row {
  transition: all 0.2s ease !important;
}

.prorank-robots-indexing-settings .prorank-toggle-row:hover {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .prorank-robots-indexing-settings input[name="indexnow_api_key"] {
    width: 100% !important;
  }

  .prorank-section-title {
    font-size: 16px !important;
    margin-top: 24px !important;
  }
}