/*
Theme Name: SesameSuppliers
Theme URI: https://sesamesuppliers.com
Author: SesameSuppliers.com
Author URI: https://sesamesuppliers.com
Description: Enterprise-grade custom WordPress theme for SesameSuppliers.com — Pakistan's premier B2B sesame seed supplier, processor, distributor & exporter. Features WooCommerce integration, ACF-driven content management, market rates dashboard, city pages, and full SEO schema support.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
License URI: https://sesamesuppliers.com/license
Text Domain: sesamesuppliers
Tags: woocommerce, custom-post-types, acf, b2b, agriculture, seo-friendly, responsive-layout, accessibility-ready, translation-ready
*/

/*
 * Minimal WordPress compatibility styles.
 * All visual design is handled by Tailwind CSS CDN (injected via wp_head in inc/enqueue.php).
 * This file only contains WordPress-required utility classes.
 */

/* ── Accessibility: Skip Link ─────────────────────────────────────────────── */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #033619;
    color: #ffffff;
    padding: 8px 16px;
    z-index: 9999;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    text-decoration: none;
    transition: top 0.2s ease;
}
.skip-link:focus { top: 0; }

/* ── WordPress Block Alignments ───────────────────────────────────────────── */
.alignleft   { float: left; margin-right: 1.5em; margin-bottom: 1em; }
.alignright  { float: right; margin-left: 1.5em; margin-bottom: 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
.alignwide   { max-width: 1280px; margin-left: auto; margin-right: auto; }
.alignfull   { width: 100vw; max-width: none; margin-left: calc(-50vw + 50%); }

/* ── Screen Reader Text ───────────────────────────────────────────────────── */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* ── WordPress Captions ───────────────────────────────────────────────────── */
.wp-caption { max-width: 100%; }
.wp-caption-text { text-align: center; font-size: 0.875rem; color: #414941; margin-top: 0.5rem; }

/* ── WordPress Gallery ────────────────────────────────────────────────────── */
.gallery { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.gallery-item { flex: 1; min-width: 200px; }
.gallery-item img { width: 100%; height: auto; display: block; }

/* ── Material Symbols base ────────────────────────────────────────────────── */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
}

/* ── WordPress Admin Bar Offset ───────────────────────────────────────────── */
.admin-bar .fixed { top: 32px !important; }
@media screen and (max-width: 782px) {
    .admin-bar .fixed { top: 46px !important; }
}

/* ── Pagination ───────────────────────────────────────────────────────────── */
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    border: 1px solid #c1c9bf;
    border-radius: 0.125rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #191c1d;
    text-decoration: none;
    transition: background 150ms, color 150ms, border-color 150ms;
}
.page-numbers.current,
.page-numbers:hover { background: #033619; color: #ffffff; border-color: #033619; }
.page-numbers.dots { background: none; border: none; color: #717971; }

/* ── Gutenberg Entry Content ──────────────────────────────────────────────── */
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #033619;
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    line-height: 1.3;
}
.entry-content p { margin-bottom: 1.25em; line-height: 1.7; color: #191c1d; }
.entry-content a { color: #033619; text-decoration: underline; }
.entry-content a:hover { color: #206d00; }
.entry-content ul, .entry-content ol { margin-bottom: 1.25em; padding-left: 1.5em; }
.entry-content li { margin-bottom: 0.5em; }
.entry-content blockquote {
    border-left: 4px solid #033619;
    padding: 1rem 1.5rem;
    margin: 1.5em 0;
    background: #EAF7E4;
    font-style: italic;
    color: #414941;
}
.entry-content table { width: 100%; border-collapse: collapse; margin-bottom: 1.5em; }
.entry-content th { background: #033619; color: white; padding: 0.75rem 1rem; text-align: left; font-weight: 600; font-size: 0.875rem; }
.entry-content td { padding: 0.75rem 1rem; border-bottom: 1px solid #c1c9bf; }
.entry-content tr:nth-child(even) td { background: #f3f4f5; }
.entry-content img { max-width: 100%; height: auto; border-radius: 0.25rem; }
.entry-content pre { background: #1f4d2e; color: #bcefc4; padding: 1.5rem; border-radius: 0.25rem; overflow-x: auto; font-size: 0.875rem; }
.entry-content code { background: #EAF7E4; color: #033619; padding: 0.125em 0.375em; border-radius: 0.125rem; font-size: 0.875em; }

/* ── WooCommerce Minimal Fixes ────────────────────────────────────────────── */
.woocommerce-breadcrumb { display: none; } /* Use custom breadcrumbs */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
    border-radius: 0.25rem;
    padding: 1rem 1.25rem;
    font-family: 'Inter', sans-serif;
}
/* ── WOOCOMMERCE NOTICES OVERRIDES ────────────────────────────── */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	background-color: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-top: 4px solid #016087 !important; /* Theme primary */
	border-radius: 8px !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
	padding: 1rem 1.5rem !important;
	color: #374151 !important;
	display: flex !important;
	align-items: center !important;
	gap: 1rem !important;
}

.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before {
	display: none !important; /* Hide default WC icons */
}

.woocommerce-error {
	border-top-color: #dc2626 !important; /* Red for errors */
}

.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button {
	background-color: #016087 !important;
	color: #ffffff !important;
	padding: 0.5rem 1rem !important;
	border-radius: 4px !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	font-size: 0.875rem !important;
	border: none !important;
	margin-left: auto !important;
	transition: background-color 0.2s !important;
}

.woocommerce-message .button:hover {
	background-color: #014a69 !important;
}