/*
Theme Name: Generic Medicine Online
Theme URI: https://demopharma.com
Author: Generic Medicine Online
Description: Custom WooCommerce theme for a pharmaceutical export storefront. Converted from the static build. Product data, categories, brands and policy pages are all editable in WordPress.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-theme
Tags: e-commerce, custom-menu, featured-images, translation-ready
WC requires at least: 8.0
WC tested up to: 9.9
*/

/*
  The real styles live in assets/css/ and are loaded by inc/enqueue.php:

    variables.css   design tokens - colours, radius, fonts
    reset.css       base reset
    utilities.css   precompiled utility classes (no build step)
    flags.css       country flag sprites
    components.css  named components (.btn, .product-card, .pdp-*)

  This file only carries the theme header WordPress needs, plus a few rules
  for markup WordPress outputs that the static site never had.
*/

/* --- WordPress core output ------------------------------------------------ */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.screen-reader-text:focus {
  position: fixed;
  top: .5rem;
  left: .5rem;
  z-index: 100000;
  width: auto;
  height: auto;
  clip: auto;
  padding: .75rem 1rem;
  border-radius: calc(var(--radius) - 2px);
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  box-shadow: 0 0 0 2px hsl(var(--ring));
}

.alignleft  { float: left;  margin: 0 1.5rem 1rem 0 }
.alignright { float: right; margin: 0 0 1rem 1.5rem }
.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption-text { font-size: .8125rem; color: hsl(var(--muted-foreground)) }

/* admin bar must not hide the sticky header */
body.admin-bar #site-header { top: calc(-2.5rem + 32px) }
@media (max-width: 782px) {
  body.admin-bar #site-header { top: calc(-2.5rem + 46px) }
}

/* --- header logo guard ------------------------------------------------------
   WooCommerce's `.woocommerce img { height:auto }` is no longer loaded, but a
   plugin could bring a similar rule back. Two selectors here out-specify any
   single-class rule, so the logo can never balloon again. */
#site-header .custom-logo,
#site-header a img { height: 2.25rem; width: auto; max-width: 150px; object-fit: contain }
@media (min-width: 768px) {
  #site-header .custom-logo,
  #site-header a img { height: 3rem; max-width: none }
}
footer .custom-logo { height: 4rem; width: auto; max-width: none }

/* the one utility the About hero uses that was never compiled */
.from-white { --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0)) }

/* utility the hero buttons use on the home page (not in the precompiled set) */
@media (min-width: 640px) { .sm\:flex-none { flex: none; } }

/* WooCommerce appends a "View cart" link after an AJAX add; the design shows a toast instead */
.product-card .added_to_cart { display: none; }