/*
Theme Name:   Al-Haram Child
Theme URI:    https://alharam.net/
Description:  Child theme for Al-Haram Enterprises. Custom category templates, WooCommerce B2B attributes, Rank Math meta handling and hreflang output.
Author:       Muhammad Tayyab
Version:      1.0.2
Template:     kadence
Text Domain:  alharam-child
Requires PHP: 8.2
*/

/* Design tokens live in assets/css/tokens.css.
   The rules below are layout overrides only. Component styles
   belong in assets/css/theme.css once that file exists. */


/* ---------------------------------------------------------------
   Homepage layout
   The homepage is built from full-width block groups that supply
   their own backgrounds and vertical rhythm. Kadence's hero band,
   content-area margins and boxed article wrapper all fight that,
   so they are removed here rather than per-page in the editor.
   Scoped to .home so interior pages keep the boxed treatment.
   --------------------------------------------------------------- */
.home .entry-hero {
	display: none;
}

.home .content-area {
	margin-top: 0;
	margin-bottom: 0;
}

.home .entry-content-wrap {
	padding: 0;
}

.home .entry.single-entry {
	background: transparent;
	box-shadow: none;
}


/* ---------------------------------------------------------------
   Outline buttons
   The block editor writes border-color and border-width but no
   border-style, so outline buttons render with no visible border.
   --------------------------------------------------------------- */
.wp-block-button__link.has-border-color {
	border-style: solid;
}


/* ---------------------------------------------------------------
   Mobile header
   The site title is wider than a phone viewport and pushes the
   Kadence menu toggle off-screen. Hidden below 768px so the logo
   and hamburger fit; reduced rather than hidden on tablet.
   --------------------------------------------------------------- */
@media (max-width: 767px) {
	.site-branding .site-title {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.site-branding .site-title {
		font-size: 16px;
		line-height: 1.2;
	}
}


/* ---------------------------------------------------------------
   Horizontal overflow guard
   Stops any over-wide element shifting the whole page sideways.
   Applied to body only: on html it breaks position: sticky in
   some browsers, which the Kadence sticky header relies on.
   --------------------------------------------------------------- */
body {
	overflow-x: hidden;
}