/*
Theme Name: Robokarya
Theme URI: https://robokarya.com
Description: Robokarya ka apna theme, GeneratePress ke upar. Parent ke update aate rahein, apni cheezein unke saath mitein nahi.
Author: Robokarya
Template: generatepress
Version: 1.1.0
Text Domain: robokarya
*/

/* GeneratePress ki CSS pehle load hoti hai, ye baad me — isliye yahan likhi
 * line parent par bhaari padti hai. Rang/font/chaudai Appearance → Customize
 * se badliye; CSS tabhi jab wahan wo cheez ho hi na. Ye file jaan-bujhkar
 * chhoti hai: har KB CSS har visitor ko har page par utarni padti hai. */

:root {
  --rk-accent: #0d7a5f;
  --rk-accent-ink: #ffffff;
  --rk-line: #e3e5e8;
  --rk-muted: #5a6169;
  --rk-bad: #b42318;
}

/* ---------- Contact form ---------- */

.rk-form { max-width: 560px; }

.rk-form label {
  display: block;
  margin: 0 0 14px;
  font-size: 0.9em;
  color: var(--rk-muted);
}

.rk-form input[type="text"],
.rk-form textarea {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 11px 12px;
  border: 1px solid var(--rk-line);
  border-radius: 8px;
  /* 16px se chhota hone par iPhone form par zoom kar deta hai. */
  font: inherit;
  font-size: 16px;
}

.rk-form input:focus,
.rk-form textarea:focus {
  outline: 2px solid var(--rk-accent);
  outline-offset: 1px;
}

.rk-form textarea { resize: vertical; }

.rk-form .button {
  /* Ungli se dabane layak — 44px se chhota button phone par chook jaata hai. */
  min-height: 46px;
  padding: 12px 22px;
  background: var(--rk-accent);
  color: var(--rk-accent-ink);
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.rk-req { color: var(--rk-bad); }

.rk-msg { padding: 12px 14px; border-radius: 8px; margin: 0 0 16px; }
.rk-ok  { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.rk-bad { background: #fef2f2; color: var(--rk-bad); border: 1px solid #fecaca; }

/* Bot ke liye rakha gaya khaana. Insaan ko kabhi nahi dikhna chahiye —
 * screen reader ko bhi nahi (aria-hidden HTML me hai). */
.rk-hp { display: none !important; }

/* ---------- Chhoti si polish ---------- */

/* Buttons/links par focus dikhe — keyboard se chalane wale ke liye. */
a:focus-visible, button:focus-visible { outline: 2px solid var(--rk-accent); outline-offset: 2px; }

/* Lambe URL/email phone par layout na phaadein. */
.entry-content { overflow-wrap: anywhere; }