/*
Theme Name:   KSRK Crackers Child
Theme URI:    https://ksrkcrackers.com
Description:  Child theme of Astra for KSRK Crackers. Holds the brand colours, typography and small site-wide tweaks so Astra updates never overwrite them.
Author:       ExtendedIDEA Digital Growth Agency
Author URI:   https://extendedidea.com
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  ksrk-child
*/

/* ------------------------------------------------------------------
   Brand tokens (same values used by the KSRK Quick Order plugin)
------------------------------------------------------------------- */
:root {
	--ksrk-teal:   #03BCBC;
	--ksrk-pink:   #D93B8D;
	--ksrk-navy:   #1A2044;
	--ksrk-orange: #E66F53;
	--ksrk-off:    #F9F8F8;
	--ksrk-line:   #e6e7ee;
}

/* ------------------------------------------------------------------
   Base
------------------------------------------------------------------- */
html { scroll-behavior: smooth; }

body {
	color: var(--ksrk-navy);
	-webkit-font-smoothing: antialiased;
}

/* Tamil text renders with Noto Sans Tamil wherever it appears */
:lang(ta),
.ksrk-tamil {
	font-family: 'Noto Sans Tamil', 'Latha', sans-serif;
}

h1, h2, h3, h4, h5, h6 { color: var(--ksrk-navy); }

a { color: var(--ksrk-pink); }
a:hover, a:focus { color: var(--ksrk-teal); }

img { max-width: 100%; height: auto; }

/* ------------------------------------------------------------------
   Buttons (theme, WooCommerce, Contact Form 7)
------------------------------------------------------------------- */
.ast-button,
.button,
button[type="submit"],
input[type="submit"],
.wpcf7-submit,
.woocommerce a.button,
.woocommerce button.button {
	background: var(--ksrk-orange);
	color: #fff;
	border: 0;
	border-radius: 8px;
	font-weight: 700;
	transition: background .2s, transform .1s;
}
.ast-button:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wpcf7-submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--ksrk-pink);
	color: #fff;
}
.wpcf7-submit:active { transform: translateY(1px); }

/* ------------------------------------------------------------------
   Contact Form 7 order form
------------------------------------------------------------------- */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="number"],
.wpcf7 form select,
.wpcf7 form textarea {
	width: 100%;
	max-width: 100%;
	padding: 10px 12px;
	border: 1px solid #d6d8e0;
	border-radius: 8px;
	background: #fff;
	box-sizing: border-box;
}
.wpcf7 form input:focus,
.wpcf7 form select:focus,
.wpcf7 form textarea:focus {
	outline: 0;
	border-color: var(--ksrk-teal);
	box-shadow: 0 0 0 3px rgba(3, 188, 188, .18);
}
.wpcf7-not-valid-tip { color: #d00; font-size: 13px; margin-top: 4px; }
.wpcf7 form .wpcf7-response-output {
	margin: 14px 0 0;
	padding: 10px 14px;
	border-radius: 8px;
}

/* ------------------------------------------------------------------
   WooCommerce clean-up (the site uses the quick-order form, not the cart)
------------------------------------------------------------------- */
.woocommerce-result-count,
.woocommerce-ordering { display: none; }

/* ------------------------------------------------------------------
   Mobile
------------------------------------------------------------------- */
@media (max-width: 544px) {
	body { overflow-x: hidden; }
	.ast-container { padding-left: 12px; padding-right: 12px; }
}