/*
Theme Name: Astra Child - Khsomaat
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

:root{
	--khs-green: #22C55E;
	--khs-green-dark: #16a34a;
	--khs-dark: #1F2937;
	--khs-gray: #4B5563;
	--khs-gray-light: #9CA3AF;
	--khs-bg: #F3F4F6;
	--khs-white: #FFFFFF;
}

body, button, input, select, textarea{
	font-family: 'Cairo', Tahoma, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, .site-title, .ast-header-navigation-item, .site-header .site-title a{
	font-family: 'Cairo', Tahoma, Arial, sans-serif;
	font-weight: 700;
}

body{
	background-color: var(--khs-bg);
	color: var(--khs-dark);
}

a{
	color: var(--khs-green-dark);
}
a:hover{
	color: var(--khs-green);
}

.ast-container{
	max-width: 1200px;
}

/* Buttons */
.ast-button, button, input[type="submit"], .wp-block-button__link, .khs-btn{
	background-color: var(--khs-green);
	border-color: var(--khs-green);
	color: var(--khs-white) !important;
	border-radius: 8px;
	font-weight: 600;
	padding: 12px 24px;
	transition: background-color .15s ease-in-out;
}
.ast-button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover, .khs-btn:hover{
	background-color: var(--khs-green-dark);
	border-color: var(--khs-green-dark);
	color: var(--khs-white) !important;
}

/* Secondary / outline retailer buttons */
.khs-btn-outline{
	display:inline-block;
	background-color: transparent;
	border: 2px solid var(--khs-dark);
	color: var(--khs-dark) !important;
	border-radius: 8px;
	font-weight: 600;
	padding: 10px 22px;
	text-decoration:none;
}
.khs-btn-outline:hover{
	background-color: var(--khs-dark);
	color: var(--khs-white) !important;
}

/* Header */
.site-header, .ast-primary-header-bar{
	background-color: var(--khs-white);
	border-bottom: 1px solid #E5E7EB;
}

/* Footer */
.site-footer, footer.site-footer, .ast-small-footer{
	background-color: var(--khs-dark);
	color: var(--khs-white);
}
.site-footer a, .ast-small-footer a{
	color: var(--khs-gray-light);
}
.site-footer a:hover, .ast-small-footer a:hover{
	color: var(--khs-green);
}

/* Cards / boxes */
.khs-card{
	background: var(--khs-white);
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

/* Badges */
.khs-badge{
	display:inline-block;
	background-color: rgba(34,197,94,.12);
	color: var(--khs-green-dark);
	border-radius: 999px;
	font-size: .8rem;
	font-weight: 600;
	padding: 4px 12px;
}

/* Disabled social icons (coming soon) */
.khs-social-disabled{
	opacity: .45;
	pointer-events: none;
	cursor: default;
}

/* RTL comparison table scroll wrapper */
.khs-table-wrap{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.5em 0;
}
.khs-table-wrap table{
	width: 100%;
	border-collapse: collapse;
	min-width: 560px;
}
.khs-table-wrap th, .khs-table-wrap td{
	border: 1px solid #E5E7EB;
	padding: 10px 14px;
	text-align: right;
}
.khs-table-wrap th{
	background-color: var(--khs-bg);
	font-weight: 700;
}

/* Focus states for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
	outline: 3px solid var(--khs-green);
	outline-offset: 2px;
}