/*
Theme Name: Pakistan Knives & Swords
Description: Shop theme for Pakistan Knives & Swords. Looks like the original hand-built site; products, pictures and menus are managed in WooCommerce (Products in the dashboard). Orders go to WhatsApp.
Version: 1.3.6
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: pakistan-knives
*/

/* The main design is in assets/css/style.css. Below: additions for WordPress. */

/* Normal WordPress pages (Privacy Policy, Terms, Shipping, Cart, 404) */
body.wp-route main > :not(#wpPage) { display: none; }
body.wp-route #wpPage { display: block; }
.wp-page .contact-hero { padding: clamp(40px, 6vw, 70px) 0; }
.wp-page .contact-hero h1 { font-size: clamp(2rem, 5vw, 3.4rem); }
.wp-content { max-width: 860px; line-height: 1.75; color: var(--ink); }
.wp-content h2, .wp-content h3 { color: var(--navy); margin: 1.6em 0 .5em; line-height: 1.25; }
.wp-content a { color: var(--accent-strong); text-decoration: underline; }
.wp-content ul, .wp-content ol { padding-left: 1.4em; }
.wp-content img { max-width: 100%; height: auto; }
.wp-content table { width: 100%; border-collapse: collapse; }
.wp-content th, .wp-content td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; }

/* Price shown on product cards once a price is entered in WooCommerce */
.product-price { margin: 2px 0 6px; font-weight: 800; color: var(--accent-strong); }

/* Footer links (Appearance > Menus > Footer links) and copyright */
.footer-menu { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); }
.footer-menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.footer-menu a { color: #d9dade; text-decoration: none; }
.footer-menu a:hover { color: #fff; text-decoration: underline; }
.footer-copy { margin-top: 14px; color: #8d8f96; font-size: .78rem; }

/* WordPress admin bar should not cover the sticky header */
body.admin-bar .nav-shell { top: 32px; }
@media (max-width: 782px) { body.admin-bar .nav-shell { top: 46px; } }

/* Footer: logo + social icons, Quick Links menu, Contact details */
@media (min-width: 1021px) { .site-footer .footer-grid { grid-template-columns: 1.4fr 1fr 1.3fr; } }
.footer-about .footer-socials { margin-top: 6px; }
.footer-links, .footer-contact { list-style: none; margin: 0; padding: 0; display: grid; }
.footer-links { gap: 7px; }
.footer-contact { gap: 10px; }
.footer-contact li { display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; }
.footer-contact svg { width: 17px; height: 17px; flex: 0 0 auto; margin-top: 2px; color: var(--hero-green); }
.footer-links a, .footer-contact a { color: #bbbcc1; text-decoration: none; overflow-wrap: anywhere; }
.footer-links a:hover, .footer-links a:focus-visible, .footer-contact a:hover, .footer-contact a:focus-visible { color: #fff; text-decoration: underline; }
.contact-card .contact-strong + .contact-strong { margin-top: 6px; }

/* Logo: transparent PNG, shown without the old black tile behind it */
.brand-logo, .footer-brand img { background: transparent; padding: 0; border-radius: 0; }