/* Dashakalp Traders — site styles (black & white corporate) */

:root {
	--dk-line: #e3e3e0;
	--dk-line-dark: rgba(255, 255, 255, 0.18);
	--dk-muted: #6f6f6f;
	--dk-radius: 0px;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { height: auto; }
::selection { background: #0b0b0b; color: #fff; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* ---------- Header ---------- */
header.wp-block-template-part { position: sticky; top: 0; z-index: 100; }
.admin-bar header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { .admin-bar header.wp-block-template-part { top: 0; } }

.dk-topbar { padding-top: 0.45rem; padding-bottom: 0.45rem; font-size: 0.78rem; letter-spacing: 0.04em; }
.dk-topbar p { margin: 0; }
.dk-topbar a { color: inherit; text-decoration: none; }
.dk-topbar a:hover { text-decoration: underline; }
.dk-topbar-slogan { text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; font-size: 0.7rem; opacity: 0.85; }

.dk-header { border-bottom: 1px solid var(--dk-line); padding-top: 0.85rem; padding-bottom: 0.85rem; transition: box-shadow .25s ease; }
.is-scrolled .dk-header { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); }
.dk-header-inner { align-items: center; }
.dk-header .wp-block-site-logo img { display: block; }
.dk-header-right { gap: 1.75rem; align-items: center; }

.dk-main-nav a, .dk-main-nav .wp-block-navigation-item__content { text-decoration: none; }
.dk-main-nav .wp-block-navigation__container { gap: 1.6rem; }
.dk-main-nav .wp-block-navigation-item__content { padding: 0.35rem 0; position: relative; }
.dk-main-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 1px; background: currentColor; transition: right .2s ease;
}
.dk-main-nav .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after,
.dk-main-nav .current-menu-item > .wp-block-navigation-item__content::after { right: 0; }
.dk-main-nav .wp-block-navigation__submenu-container {
	border: 1px solid #0b0b0b !important; padding: 0.5rem 0 !important; min-width: 230px !important; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}
.dk-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 0.55rem 1.1rem !important; }
.dk-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: #0b0b0b; color: #fff; }
.wp-block-navigation__responsive-container.is-menu-open { padding: 2rem 1.5rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 1rem; font-size: 1.15rem; }

.dk-quote-btn .wp-block-button__link { padding: 0.7rem 1.15rem; font-size: 0.75rem; }
@media (max-width: 900px) { .dk-header-right .wp-block-buttons { display: none; } .dk-topbar-slogan { display: none; } }

/* ---------- Breadcrumbs ---------- */
.dk-main > .dk-breadcrumbs {
	max-width: var(--wp--style--global--wide-size) !important; font-size: 0.8rem; color: var(--dk-muted);
	padding: 0.85rem 0; margin-block: 0 !important; letter-spacing: 0.02em;
}
.dk-breadcrumbs a { color: inherit; text-decoration: none; }
.dk-breadcrumbs a:hover { color: #0b0b0b; text-decoration: underline; }
.dk-breadcrumbs .dk-sep { margin: 0 0.55rem; opacity: 0.5; }
.dk-main { margin-block-start: 0 !important; }
.dk-main > .wp-block-post-content { margin-block-start: 0 !important; }
.wp-block-post-content > *:first-child { margin-block-start: 0 !important; }

/* ---------- Typography helpers ---------- */
.dk-eyebrow { text-transform: uppercase; letter-spacing: 0.22em; font-size: 0.72rem !important; font-weight: 600; opacity: 0.7; margin-bottom: 0.75rem !important; }
.dk-lead { font-size: clamp(1.05rem, 1.6vw, 1.25rem) !important; line-height: 1.6; max-width: 46rem; opacity: 0.88; }
.dk-note { font-size: 0.82rem !important; color: var(--dk-muted); }
.has-white-color .dk-note, .has-black-background-color .dk-note { color: rgba(255, 255, 255, 0.6); }
.dk-center { text-align: center; }
.has-black-background-color a:not(.wp-block-button__link) { color: #fff; }

/* ---------- Sections ---------- */
.dk-section { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.wp-block-post-content > .alignfull + .alignfull { margin-block-start: 0 !important; }
.dk-wide > * + * { margin-block-start: 1.25rem; }

/* ---------- Hero / cover ---------- */
.dk-hero { margin-block: 0 !important; }
.dk-hero .wp-block-cover__inner-container { width: 100%; }
.dk-hero-inner h1 { color: #fff; max-width: 15ch; margin-block: 0.25rem 1rem; }
.dk-hero-inner .dk-lead { color: #fff; }
.dk-hero-inner .wp-block-buttons { margin-top: 2rem; }
.dk-hero-plain h1 { color: #fff; }

/* Buttons on dark backgrounds */
.has-black-background-color .wp-block-button__link,
.wp-block-cover .wp-block-button__link { background: #fff; color: #0b0b0b; border-color: #fff; }
.has-black-background-color .wp-block-button__link:hover,
.wp-block-cover .wp-block-button__link:hover { background: transparent; color: #fff; }
.is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline { background: transparent; color: #0b0b0b; border: 1px solid #0b0b0b; }
.is-style-outline > .wp-block-button__link:hover { background: #0b0b0b; color: #fff; }
.has-black-background-color .is-style-outline > .wp-block-button__link,
.wp-block-cover .is-style-outline > .wp-block-button__link { background: transparent; color: #fff; border-color: #fff; }
.has-black-background-color .is-style-outline > .wp-block-button__link:hover,
.wp-block-cover .is-style-outline > .wp-block-button__link:hover { background: #fff; color: #0b0b0b; }

/* ---------- Stats ---------- */
.dk-stats { gap: 0 !important; }
.dk-stats > .wp-block-column { border-left: 1px solid #0b0b0b; padding: 0.25rem 1.5rem; }
.dk-stats p { margin: 0; }
.dk-stat { font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.2rem, 4vw, 3.4rem) !important; line-height: 1.05; margin-bottom: 0.4rem !important; }
@media (max-width: 781px) { .dk-stats > .wp-block-column { border-left: 0; border-top: 1px solid #0b0b0b; padding: 1rem 0; } }

/* ---------- Cards ---------- */
.dk-grid { gap: 1.75rem !important; margin-block-start: 1.75rem !important; }
.dk-card { border: 1px solid var(--dk-line); background: #fff; display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.dk-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08); border-color: #0b0b0b; }
.dk-card > * { margin-inline: 1.4rem; }
.dk-card > .dk-card-img { margin: 0 0 1.25rem 0 !important; }
.dk-card-img img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.dk-card .dk-card-title { font-size: 1.45rem !important; margin-block: 0 0.5rem; }
.dk-card .dk-card-title a { text-decoration: none; }
.dk-card p { font-size: 0.95rem; color: #3d3d3d; margin-block: 0 0.75rem; }
.dk-card .dk-more { margin-top: auto !important; padding-bottom: 1.4rem; }
.dk-card .dk-more a { font-weight: 600; text-decoration: none; font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; color: #0b0b0b; }
.dk-card--empty { visibility: hidden; }
@media (max-width: 781px) { .dk-card--empty { display: none; } }
.has-black-background-color .dk-card { background: #111; border-color: var(--dk-line-dark); }

/* ---------- Lists ---------- */
.dk-checklist { list-style: none; padding-left: 0; }
.dk-checklist li { position: relative; padding: 0.9rem 0 0.9rem 2.2rem; border-bottom: 1px solid var(--dk-line); }
.has-black-background-color .dk-checklist li { border-color: var(--dk-line-dark); }
.dk-checklist li::before { content: ""; position: absolute; left: 0.2rem; top: 1.35rem; width: 0.9rem; height: 0.45rem; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }

/* ---------- Steps / timeline / commitments ---------- */
.dk-steps, .dk-timeline, .dk-commit { gap: 1.5rem !important; margin-top: 2rem !important; }
.dk-steps > .wp-block-column, .dk-timeline > .wp-block-column, .dk-commit > .wp-block-column { border-top: 2px solid #0b0b0b; padding-top: 1.25rem; }
.dk-step { font-family: var(--wp--preset--font-family--heading); font-size: 2.6rem !important; line-height: 1; margin: 0 0 0.5rem !important; }
.dk-steps h4, .dk-timeline h4, .dk-commit h4 { margin-block: 0.25rem 0.5rem; }
.dk-steps p, .dk-commit p, .dk-timeline p { font-size: 0.95rem; }

/* ---------- Panels ---------- */
.dk-panel { border: 1px solid #0b0b0b; padding: clamp(1.5rem, 3vw, 2.5rem) !important; }
.dk-panel h3 { margin-top: 0.25rem; }
.dk-sticky { position: sticky; top: 140px; }

/* ---------- Tables ---------- */
.dk-table { overflow-x: auto; margin-block: 1.5rem; }
.dk-table table { width: 100%; border-collapse: collapse; border: 1px solid #0b0b0b; background: #fff; color: #0b0b0b; }
.dk-table thead { border-bottom: 0; }
.dk-table th { background: #0b0b0b; color: #fff; text-align: left; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem; padding: 0.9rem 1rem; border: 0; }
.dk-table td { padding: 0.85rem 1rem; border: 0; border-bottom: 1px solid var(--dk-line); vertical-align: top; }
.dk-table tbody tr:nth-child(even) td { background: #fafaf8; }
.dk-table td a { color: #0b0b0b; font-weight: 600; }
.dk-spec td:first-child { width: 42%; }
.dk-inco td:first-child { font-family: var(--wp--preset--font-family--heading); font-size: 1.2rem; white-space: nowrap; }
@media (max-width: 781px) { .dk-table table { min-width: 640px; } .dk-spec table { min-width: 0; } }

/* ---------- Variety / product hero ---------- */
.dk-variety-hero h1 { font-size: clamp(2.4rem, 5vw, 3.8rem) !important; margin-block: 0.25rem 0.75rem; }
.dk-variety-hero .wp-block-image img { border: 1px solid #0b0b0b; }
.dk-pager { gap: 0.75rem !important; }
.dk-pager .wp-block-button__link { font-size: 0.72rem; }

/* ---------- Certifications ---------- */
.dk-cert { border: 1px solid #0b0b0b; padding: 1.75rem !important; background: #fff; }
.dk-cert h3 { font-size: 1.35rem !important; margin-block: 0.5rem; }
.dk-cert p { font-size: 0.95rem; }
.dk-badge { width: 2.4rem; height: 2.4rem; border-radius: 50%; background: #0b0b0b; color: #fff; display: grid; place-items: center; font-weight: 700; margin: 0 !important; }
.dk-certno { font-size: 0.85rem !important; letter-spacing: 0.04em; border-top: 1px dashed var(--dk-line); padding-top: 0.75rem; margin-top: auto !important; }

/* ---------- Pull quote ---------- */
.dk-quote { border: 0 !important; border-top: 2px solid #0b0b0b !important; border-bottom: 2px solid #0b0b0b !important; padding: 2.5rem 0 !important; text-align: left; }
.dk-quote p { font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important; font-style: italic; line-height: 1.2; }
.dk-quote cite { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; color: var(--dk-muted); }

/* ---------- CTA band ---------- */
.dk-cta h2 { color: #fff; margin-top: 0; }
.dk-cta p { opacity: 0.8; max-width: 40rem; }

/* ---------- Contact form ---------- */
.dk-form-wrap { margin-top: 1rem; }
.dk-form, .dk-form * { box-sizing: border-box; }
.dk-form .dk-fgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 1.25rem; }
@media (max-width: 640px) { .dk-form .dk-fgrid { grid-template-columns: 1fr; } }
.dk-form p { margin: 0 0 1.1rem; }
.dk-form label { display: block; font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.4rem; }
.dk-form input, .dk-form select, .dk-form textarea {
	width: 100%; font: inherit; font-size: 0.98rem; padding: 0.8rem 0.9rem; border: 1px solid #b9b9b6; border-radius: 0; background: #fff; color: #0b0b0b; transition: border-color .2s ease;
}
.dk-form input:focus, .dk-form select:focus, .dk-form textarea:focus { outline: none; border-color: #0b0b0b; box-shadow: 0 0 0 1px #0b0b0b; }
.dk-form button { cursor: pointer; font-family: inherit; }
.dk-form-foot { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; }
.dk-form-foot span { font-size: 0.82rem; color: var(--dk-muted); flex: 1 1 16rem; }
.dk-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.dk-notice { padding: 1rem 1.25rem; margin-bottom: 1.5rem; border: 1px solid #0b0b0b; }
.dk-notice--ok { background: #0b0b0b; color: #fff; }
.dk-notice--err { background: #fff; border-width: 2px; }

.dk-contact-card { margin: 0; }
.dk-contact-card > div { padding: 0.8rem 0; border-bottom: 1px solid var(--dk-line); }
.dk-contact-card dt { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.16em; color: var(--dk-muted); font-weight: 600; margin-bottom: 0.2rem; }
.dk-contact-card dd { margin: 0; }
.dk-contact-card a { color: inherit; }

/* ---------- Footer ---------- */
.dk-footer { font-size: 0.92rem; }
.dk-footer a { color: #fff; text-decoration: none; }
.dk-footer a:hover { text-decoration: underline; }
.dk-footer-title { font-family: var(--wp--preset--font-family--heading); font-size: 1.7rem !important; margin: 0; }
.dk-footer-title a { text-decoration: none; }
.dk-footer-slogan { text-transform: uppercase; letter-spacing: 0.22em; font-size: 0.7rem !important; opacity: 0.65; }
.dk-footer-head { text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.7rem !important; font-weight: 600; opacity: 0.6; margin-bottom: 1rem !important; }
.dk-footer .wp-block-navigation__container { gap: 0.6rem !important; }
.dk-footer .wp-block-navigation { font-size: 0.92rem; font-weight: 400; }
.dk-footer .dk-contact-card > div { border-color: var(--dk-line-dark); padding: 0.5rem 0; }
.dk-footer .dk-contact-card dt { color: rgba(255, 255, 255, 0.55); }
.dk-footer-sep { border-color: var(--dk-line-dark) !important; margin-block: 2.5rem 1.25rem !important; opacity: 1; }
.dk-footer-bottom p { margin: 0; font-size: 0.8rem; opacity: 0.7; }
.dk-footer-legal { max-width: 40rem; }

/* ---------- Images ---------- */
.wp-block-image img { display: block; }
.dk-section .wp-block-image { margin-block: 0; }

/* ---------- Responsive ---------- */
@media (max-width: 781px) {
	.dk-hero-inner h1 { max-width: none; }
	.dk-sticky { position: static; }
	.dk-pager { justify-content: flex-start !important; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; scroll-behavior: auto !important; }
}

/* Remove the gap above the footer */
.wp-site-blocks > footer.wp-block-template-part, .wp-site-blocks > main, .wp-site-blocks > .dk-main { margin-block-start: 0 !important; }
.dk-footer { border-top: 1px solid var(--dk-line-dark); }

/* ===================== Version 2 additions ===================== */

/* Brand: bold wordmark everywhere the company name appears in the frame */
.dk-header .wp-block-site-logo img { width: 280px; max-width: 58vw; }
.dk-footer-title, .dk-footer-title a { font-family: var(--wp--preset--font-family--body) !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 0.02em; font-size: 1.45rem !important; }
.dk-footer-since { text-transform: uppercase; letter-spacing: 0.28em; font-size: 0.68rem !important; opacity: 0.7; margin-top: 0.25rem !important; }

/* Hero: colourful artwork shows through on the right; solid overlay on small screens */
@media (max-width: 781px) {
	.dk-hero .wp-block-cover__background { background: rgba(11, 11, 11, 0.66) !important; }
}

/* Home: export desk at a glance */
.dk-glance .dk-facts { gap: 1rem !important; margin-block-start: 0 !important; }
.dk-glance .dk-facts + .dk-facts { margin-block-start: 1rem !important; }
.dk-fact { background: #fff; border: 1px solid #0b0b0b; padding: 1.25rem 1.25rem 1rem !important; }
.dk-fact p { margin: 0; }
.dk-fact-label { text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.68rem !important; font-weight: 700; color: var(--dk-muted); margin-bottom: 0.45rem !important; }
.dk-fact-value { font-weight: 700; font-size: 1.02rem !important; line-height: 1.35; }
.dk-fact-note { font-size: 0.8rem !important; color: var(--dk-muted); margin-top: 0.35rem !important; }
.dk-glance h2 { font-size: clamp(1.7rem, 3vw, 2.4rem) !important; }

/* Mission & Vision pillars */
.dk-pillar { border-top: 3px solid #0b0b0b; background: #fff; padding: 1.5rem !important; }
.dk-pillar h3 { font-size: 1.35rem !important; margin-block: 0.25rem 0.75rem; }
.dk-pillar p { font-size: 0.93rem; }
.dk-pillar-ask { color: var(--dk-muted); }
.dk-pillars .dk-card--empty { display: none; }

/* Incoterms: offered cards and status pills */
.dk-inco-card { border: 2px solid #0b0b0b; background: #fff; padding: 1.75rem !important; position: relative; }
.dk-inco-card::after { content: "Offered"; position: absolute; top: 1.25rem; right: 1.25rem; background: #0b0b0b; color: #fff; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 0.35rem 0.65rem; }
.dk-inco-code { font-family: var(--wp--preset--font-family--body); font-weight: 800; font-size: 3rem !important; line-height: 1; letter-spacing: 0.02em; margin: 0 !important; }
.dk-inco-card h3 { font-size: 1.3rem !important; margin-block: 0.4rem 0.75rem; }
.dk-inco-split { border-top: 1px dashed var(--dk-line); padding-top: 0.75rem; font-size: 0.9rem; }
.dk-inco-mode { font-size: 0.72rem !important; text-transform: uppercase; letter-spacing: 0.16em; color: var(--dk-muted); margin: 0 !important; }
mark.dk-pill { display: inline-block; white-space: nowrap; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.3rem 0.55rem; background: transparent; color: var(--dk-muted); border: 1px solid #c9c9c6; }
mark.dk-pill--on { background: #0b0b0b; color: #fff; border-color: #0b0b0b; }
.dk-inco td:first-child { font-family: var(--wp--preset--font-family--body); font-weight: 800; font-size: 1.15rem; }
.dk-inco tr:has(.dk-pill--on) td { background: #fff8e1 !important; }

/* Quote page */
.dk-next { padding-left: 1.2rem; }
.dk-next li { padding: 0.35rem 0; }

/* KHTM image */
.dk-khtm-img img { border: 2px solid #0b0b0b; }