/*
Theme Name: Fish Amoxicillin
Theme URI: https://fishamoxicillin.com
Description: Pet and fish health storefront for Fish Amoxicillin. Child theme of Twenty Twenty-Five.
Author: Fish Amoxicillin Inc
Template: twentytwentyfive
Version: 1.0.1793749814
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fam-theme
*/

/* ---------- Base ---------- */
:root {
	--lf-radius: 16px;
	--lf-radius-sm: 10px;
	--lf-ocean: var(--wp--preset--color--accent-3);
	--lf-deep: var(--wp--preset--color--accent-6);
	--lf-turq: var(--wp--preset--color--accent-1);
	--lf-foam: var(--wp--preset--color--accent-2);
	--lf-mist: var(--wp--preset--color--accent-5);
	--lf-slate: var(--wp--preset--color--accent-4);
}

body { -webkit-font-smoothing: antialiased; }

:where(.wp-site-blocks) *:focus-visible {
	outline: 3px solid var(--lf-turq);
	outline-offset: 2px;
}

.lf-eyebrow {
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: .78rem;
	font-weight: 700;
	color: var(--wp--preset--color--lagoon);
}

/* ---------- Header ---------- */
.lf-announcement {
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .01em;
}
.lf-announcement p { margin: 0; }

.lf-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: saturate(1.4) blur(10px);
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
	border-bottom: 1px solid var(--lf-mist);
}
body.admin-bar .lf-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .lf-header { top: 0; } }

.lf-logo { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none !important; color: var(--lf-deep); }
.lf-logo svg { flex: none; }
.lf-logo__text { display: flex; flex-direction: column; line-height: 1; }
.lf-logo__name { font-size: 1.45rem; font-weight: 800; letter-spacing: -.02em; color: var(--lf-deep); }
.lf-logo__tag { font-size: .62rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--wp--preset--color--lagoon); margin-top: .3rem; }

.lf-header .wp-block-search { flex: 1 1 auto; max-width: 520px; }
.lf-header .wp-block-search__inside-wrapper {
	border: 1px solid var(--lf-mist) !important;
	border-radius: 999px;
	padding: 3px;
	background: var(--lf-foam);
}
.lf-header .wp-block-search__input { border: 0 !important; background: transparent; padding-left: 1rem; font-size: .95rem; }
.lf-header .wp-block-search__button { border-radius: 999px !important; margin: 0; padding: .55rem .9rem; }

.lf-header .wc-block-mini-cart__button,
.lf-header .wc-block-customer-account a { color: var(--lf-deep); }
.lf-header .wc-block-mini-cart__badge { background: var(--lf-turq); color: #fff; border-color: #fff; }

.lf-nav-row .wp-block-navigation__container { gap: 1.6rem; }
.lf-nav-row .wp-block-navigation-item__content { padding: .35rem 0; }
.lf-nav-row .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--lagoon); text-decoration: none; }
.lf-nav-row .wp-block-navigation__submenu-container {
	border: 1px solid var(--lf-mist) !important;
	border-radius: var(--lf-radius-sm);
	box-shadow: var(--wp--preset--shadow--card);
	padding: .5rem 0;
	min-width: 230px !important;
}
.lf-nav-row .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .45rem 1.1rem; font-weight: 500; }

@media (max-width: 781px) {
	.lf-header__search-col { order: 3; flex-basis: 100% !important; }
	.lf-header .wp-block-search { max-width: none; }
	.lf-logo__name { font-size: 1.25rem; }
}

/* ---------- Hero ---------- */
.lf-hero { position: relative; overflow: hidden; isolation: isolate; }
.lf-hero::before {
	content: "";
	position: absolute; inset: 0; z-index: -1;
	background:
		radial-gradient(60% 50% at 80% 10%, rgba(19,168,168,.35) 0%, rgba(19,168,168,0) 70%),
		radial-gradient(40% 40% at 10% 90%, rgba(19,168,168,.18) 0%, rgba(19,168,168,0) 70%);
}
.lf-hero::after {
	content: "";
	position: absolute; left: 0; right: 0; bottom: -1px; height: 70px; z-index: -1;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 40c120 20 240 30 360 22S600 22 720 18s240 8 360 20 240 18 360 4v28H0z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;
}
.lf-hero h1 { color: #fff; }
.lf-hero .lf-eyebrow { color: #7fe3da; }
.lf-hero__art { position: relative; }
.lf-hero__art img {
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 30px 60px rgba(0,0,0,.28);
}
.lf-hero__chips { gap: .6rem !important; }
.lf-chip {
	display: inline-flex; align-items: center; gap: .45rem;
	padding: .45rem .9rem; border-radius: 999px;
	background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22);
	color: #fff; font-size: .85rem; font-weight: 600; margin: 0;
}
.lf-bubbles span {
	position: absolute; bottom: -20px; border-radius: 50%;
	border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.06);
	animation: lf-rise linear infinite;
}
@keyframes lf-rise {
	0% { transform: translateY(0) translateX(0); opacity: 0; }
	10% { opacity: 1; }
	100% { transform: translateY(-620px) translateX(18px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .lf-bubbles { display: none; } }

.wp-block-button.is-style-outline.lf-btn-light > .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.6); }
.wp-block-button.is-style-outline.lf-btn-light > .wp-block-button__link:hover { background: #fff; color: var(--lf-deep); }
.wp-block-button.lf-btn-turq > .wp-block-button__link { background: var(--lf-turq); color: #04202f; }
.wp-block-button.lf-btn-turq > .wp-block-button__link:hover { background: #fff; color: var(--lf-deep); }

/* ---------- Cards & tiles ---------- */
.lf-card {
	border: 1px solid var(--lf-mist);
	border-radius: var(--lf-radius);
	background: #fff;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.lf-card:hover { transform: translateY(-3px); box-shadow: var(--wp--preset--shadow--lift); border-color: transparent; }

.lf-cat-tile { position: relative; overflow: hidden; height: 100%; }
.lf-cat-tile .wp-block-image { margin: 0; }
.lf-cat-tile .wp-block-image img { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; mix-blend-mode: multiply; }
.lf-cat-tile h3 a { color: var(--lf-deep); }
.lf-cat-tile h3 a::after { content: ""; position: absolute; inset: 0; }
.lf-cat-tile h3 a:hover { text-decoration: none; color: var(--wp--preset--color--lagoon); }

.lf-trust-icon {
	width: 48px; height: 48px; border-radius: 14px;
	display: grid; place-items: center;
	background: var(--lf-foam); color: var(--lf-ocean);
}
.lf-trust-icon svg { width: 26px; height: 26px; }

.lf-promo { border-radius: 24px; overflow: hidden; position: relative; }
.lf-promo .wp-block-image img { mix-blend-mode: multiply; }

@media (max-width: 781px) {
	main .wp-block-columns.lf-cat-grid { flex-wrap: wrap !important; gap: 12px !important; }
	main .wp-block-columns.lf-cat-grid > .wp-block-column { flex-basis: calc(50% - 6px) !important; flex-grow: 0; }
	.lf-cat-tile { padding: .8rem !important; }
	.lf-cat-tile h3 { font-size: 1rem !important; margin-top: .6rem !important; }
	.lf-cat-tile p { display: none; }
	main .lf-promo .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:last-child { display: none; }
	main .lf-promo .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:first-child { flex-basis: 100% !important; }
	.lf-nav-row { padding-top: .2rem !important; padding-bottom: .4rem !important; }
	.lf-announcement { font-size: .78rem; }
}

.lf-brand-strip p {
	font-weight: 800; font-size: 1.15rem; letter-spacing: -.01em;
	color: var(--lf-slate); opacity: .85; margin: 0;
}

/* ---------- Product grid ---------- */
.wc-block-product-template .wc-block-product,
.wp-block-woocommerce-product-template .wc-block-product {
	border: 1px solid var(--lf-mist);
	border-radius: var(--lf-radius);
	padding: 14px 14px 18px;
	background: #fff;
	display: flex; flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.wc-block-product-template .wc-block-product:hover { transform: translateY(-3px); box-shadow: var(--wp--preset--shadow--lift); border-color: transparent; }
.wc-block-product .wc-block-components-product-image { border-radius: var(--lf-radius-sm); overflow: hidden; background: #fff; margin-bottom: .9rem !important; }
.wc-block-product .wc-block-components-product-image img { aspect-ratio: 1 / 1; object-fit: contain !important; }
.wc-block-product .wp-block-post-title { font-size: .98rem !important; font-weight: 600; line-height: 1.35; letter-spacing: -.005em; margin-bottom: .5rem !important; }
.wc-block-product .wp-block-post-title a { color: var(--lf-deep); }
.wc-block-product .wc-block-components-product-price { font-size: 1.05rem !important; font-weight: 800; color: var(--lf-deep); }
.wc-block-product .wp-block-woocommerce-product-button { margin-top: auto; }
.wc-block-product .wp-block-button__link,
.wc-block-product .wc-block-components-product-button__button {
	width: 100%;
	border-radius: 999px !important;
	font-size: .92rem !important;
	padding: .65rem 1rem !important;
	background: var(--lf-ocean) !important;
	color: #fff !important;
	border: 0 !important;
}
.wc-block-product .wc-block-components-product-button__button:hover { background: var(--lf-deep) !important; }
.lf-product-brand { font-size: .74rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: var(--wp--preset--color--lagoon); margin-bottom: .25rem !important; }
.lf-product-brand a { color: inherit; }

/* ---------- Shop / archive ---------- */
.lf-archive-hero { border-bottom: 1px solid var(--lf-mist); }
.lf-shop-layout { align-items: flex-start !important; }
.lf-filters-col { position: sticky; top: 140px; min-width: 0; }
.lf-filters-col .wc-block-product-filters { max-width: 100%; overflow: hidden; }
.lf-filters-col input[type="text"],
.lf-filters-col input[type="number"] { min-width: 0; width: 100%; box-sizing: border-box; border: 1px solid var(--lf-mist); border-radius: 8px; padding: .4rem .5rem; }
.lf-filters-col .wc-block-product-filter-price-slider__left,
.lf-filters-col .wc-block-product-filter-price-slider__right { min-width: 0; flex: 1 1 0; }
.lf-filters-col label { white-space: normal; }
@media (max-width: 600px) {
	.wc-block-product .wc-block-components-product-button__button,
	.wc-block-product .wp-block-button__link { font-size: .84rem !important; padding: .55rem .5rem !important; white-space: nowrap; }
}
.wc-block-product-filters h3 { font-size: 1rem !important; color: var(--lf-deep); }
.wc-block-product-filters .wp-block-woocommerce-product-filter-price,
.wc-block-product-filters .wp-block-woocommerce-product-filter-taxonomy,
.wc-block-product-filters .wp-block-woocommerce-product-filter-status {
	border-top: 1px solid var(--lf-mist); padding-top: 1.1rem;
}
.wc-block-product-filters__open-overlay {
	border: 1px solid var(--lf-mist) !important; border-radius: 999px !important;
	padding: .55rem 1.1rem !important; background: #fff !important; font-weight: 700;
}
.lf-toolbar { border-bottom: 1px solid var(--lf-mist); padding-bottom: .9rem; }
.wc-block-catalog-sorting select, .woocommerce-ordering select {
	border: 1px solid var(--lf-mist); border-radius: 999px; padding: .5rem 2rem .5rem 1rem; background-color: #fff;
}
@media (max-width: 781px) {
	.lf-filters-col { position: static; }
}

/* ---------- Single product ---------- */
.lf-single .wp-block-post-title { font-size: clamp(1.6rem, 2.6vw, 2.2rem) !important; }
.lf-single .wc-block-components-product-price { font-size: 1.7rem !important; font-weight: 800; color: var(--lf-deep); }
.lf-single .wp-block-woocommerce-product-stock-indicator { font-weight: 700; }
.lf-single .wc-block-components-product-stock-indicator--in-stock,
.lf-single .stock.in-stock { color: #0f7b4f; }
.lf-single .wc-block-components-product-stock-indicator--out-of-stock,
.lf-single .stock.out-of-stock { color: #b42318; }
.lf-single .single_add_to_cart_button,
.lf-single .wc-block-add-to-cart-form .button {
	border-radius: 999px !important; padding: .9rem 2rem !important; font-weight: 800 !important;
	background: var(--lf-ocean) !important; color: #fff !important; border: 0 !important;
}
.lf-single .single_add_to_cart_button:hover { background: var(--lf-deep) !important; }
.lf-single .quantity .qty { border-radius: 999px; border: 1px solid var(--lf-mist); min-height: 48px; }
.lf-single table.variations select {
	border: 1px solid var(--lf-mist); border-radius: 10px; padding: .6rem .9rem; min-width: 220px; background-color: #fff;
}
.lf-single table.variations th.label { font-weight: 700; color: var(--lf-deep); }
.lf-single .woocommerce-product-gallery,
.lf-single .wc-block-product-gallery-large-image { border-radius: var(--lf-radius); }
.lf-single .woocommerce-product-gallery__image img { border-radius: var(--lf-radius); }
.lf-single .flex-control-thumbs img { border-radius: 8px; border: 1px solid var(--lf-mist); }

.lf-assurance {
	border: 1px solid var(--lf-mist); border-radius: var(--lf-radius);
	background: var(--lf-foam);
}
.lf-assurance p { margin: 0; font-size: .92rem; }
.lf-assurance strong { color: var(--lf-deep); }
.lf-assurance-row { gap: .7rem !important; align-items: flex-start !important; }
.lf-assurance-row svg { flex: none; color: var(--lf-ocean); margin-top: 2px; }

.lf-single .woocommerce-tabs, .lf-single .wp-block-woocommerce-product-details { margin-top: 2rem; }
.lf-single .wc-tabs { border-bottom: 1px solid var(--lf-mist) !important; }
.lf-single .wc-tabs li a { font-weight: 700; }
.lf-single .woocommerce-Tabs-panel table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
.lf-single .woocommerce-Tabs-panel th,
.lf-single .woocommerce-Tabs-panel td { border: 1px solid var(--lf-mist); padding: .55rem .8rem; text-align: left; }
.lf-single .woocommerce-Tabs-panel thead th { background: var(--lf-foam); }
.lf-single .woocommerce-Tabs-panel h2 { font-size: 1.5rem; }
.lf-single .woocommerce-Tabs-panel h3 { font-size: 1.2rem; margin-top: 1.6rem; }
.lf-single .woocommerce-Tabs-panel h4 { font-size: 1.05rem; margin-top: 1.2rem; }

/* ---------- Cart / checkout ---------- */
.wc-block-cart .wc-block-components-button:not(.is-link),
.wc-block-checkout .wc-block-components-checkout-place-order-button {
	border-radius: 999px; background: var(--lf-ocean); color: #fff; font-weight: 800;
}
.wc-block-cart .wc-block-components-button:not(.is-link):hover { background: var(--lf-deep); }
.lf-cart-note { border-radius: var(--lf-radius); }

/* ---------- Content pages ---------- */
.lf-page-hero { border-bottom: 1px solid var(--lf-mist); }
.lf-policy h2 { font-size: 1.45rem; margin-top: 2.2rem; }
.lf-policy h3 { font-size: 1.15rem; margin-top: 1.6rem; }
.lf-policy table { border-collapse: collapse; width: 100%; }
.lf-policy th, .lf-policy td { border: 1px solid var(--lf-mist); padding: .6rem .8rem; text-align: left; vertical-align: top; }
.lf-policy th { background: var(--lf-foam); }

.lf-faq details {
	border: 1px solid var(--lf-mist); border-radius: var(--lf-radius-sm);
	padding: 1rem 1.2rem; background: #fff; margin-bottom: .75rem;
}
.lf-faq details[open] { background: var(--lf-foam); }
.lf-faq summary { cursor: pointer; font-weight: 700; color: var(--lf-deep); }
.lf-faq details > *:not(summary) { margin-top: .75rem; }

.lf-form { display: grid; gap: 1rem; }
.lf-form label { font-weight: 700; font-size: .92rem; color: var(--lf-deep); display: block; margin-bottom: .35rem; }
.lf-form input, .lf-form textarea, .lf-form select,
.woocommerce form .input-text, .woocommerce-form-track-order input {
	width: 100%; border: 1px solid #b9d6de; border-radius: 10px; padding: .75rem .9rem; font: inherit; background: #fff;
}
.lf-form input:focus, .lf-form textarea:focus { border-color: var(--lf-ocean); outline: 2px solid rgba(19,168,168,.35); }
.lf-form button, .woocommerce-form-track-order button {
	border: 0; border-radius: 999px; padding: .85rem 1.8rem; font-weight: 800;
	background: var(--lf-ocean); color: #fff; cursor: pointer; font: inherit; font-weight: 800;
}
.lf-form button:hover, .woocommerce-form-track-order button:hover { background: var(--lf-deep); }
.lf-form .lf-hp { position: absolute; left: -9999px; }
.lf-notice { padding: 1rem 1.2rem; border-radius: 10px; margin-bottom: 1rem; font-weight: 600; }
.lf-notice--ok { background: #e7f7ef; color: #0f5e3c; }
.lf-notice--err { background: #fdecea; color: #8a1c13; }

/* ---------- Footer ---------- */
.lf-footer a { color: #cfe9ef; }
.lf-footer a:hover { color: #fff; }
.lf-footer h2, .lf-footer h3 { color: #fff; }
.lf-footer .wp-block-navigation-item__content { color: #cfe9ef; }
.lf-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); }
.lf-paypal-badge {
	display: inline-flex; align-items: center; gap: .5rem;
	background: #fff; color: #003087; border-radius: 8px; padding: .35rem .7rem; font-weight: 800; font-size: .85rem;
}

/* ---------- Fish & bird treatment notice ---------- */
.fam-notice {
	border-left: 4px solid var(--lf-turq);
	background: var(--wp--preset--color--accent-5);
	padding: .9rem 1.1rem;
	border-radius: var(--lf-radius-sm);
}

/* ---------- Home: all fish antibacterials in a single row ---------- */
/* Extra class in the selector: WooCommerce's own mobile rule for .columns-4 grids would otherwise win. */
.lf-row-all .wc-block-product-template.wc-block-product-template__responsive {
	display: grid !important;
	grid-auto-flow: column !important;
	grid-auto-columns: minmax(118px, 1fr) !important;
	grid-template-columns: none !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scroll-snap-type: x mandatory;
	padding-bottom: 8px;
	margin: 0;
}
/* position:relative so absolutely positioned bits in the cards (image overlays, screen-reader
   labels) are clipped by the scroller instead of widening the page on phones. */
.lf-row-all { min-width: 0; overflow: hidden; position: relative; }
.lf-row-all .wp-block-woocommerce-product-collection { min-width: 0; max-width: 100%; overflow: hidden; position: relative; }
.lf-row-all .wc-block-product-template.wc-block-product-template__responsive { position: relative; }
.lf-row-all .wc-block-product-template > li {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	scroll-snap-align: start;
}
.lf-row-all .wc-block-product .wp-block-post-title { font-size: .84rem !important; line-height: 1.3 !important; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 3.9em; }
.lf-row-all .lf-product-brand, .lf-row-all .lf-product-brand a { font-size: .62rem !important; letter-spacing: .06em !important; }
.lf-row-all .wc-block-product { padding: 10px 10px 14px !important; }
.lf-row-all .wc-block-components-product-price { font-size: .84rem !important; white-space: nowrap; }
.lf-row-all .wc-block-components-product-button__button,
.lf-row-all .wc-block-components-product-button__button span { font-size: .74rem !important; white-space: nowrap !important; }
.lf-row-all .wc-block-components-product-button__button { padding: .55em .8em !important; min-height: 0; }
@media (max-width: 1099px) {
	.lf-row-all .wc-block-product-template.wc-block-product-template__responsive { grid-auto-columns: 168px !important; }
}

/* ---------- Footer labels (plain text, styled like the old headings) + compliance line ---------- */
.lf-footer .lf-footer-label { color: var(--wp--preset--color--base); margin-top: 0; margin-bottom: .6rem; line-height: 1.25; }
.lf-footer .lf-compliance { margin-top: var(--wp--preset--spacing--40); margin-left: 0 !important; opacity: .85; max-width: 900px; }

/* ---------- Home: about section ---------- */
.lf-about h3 { font-size: 1.2rem; margin-top: 1.6rem; }
.lf-about ul { padding-left: 1.2rem; }
.lf-about li { margin-bottom: .45rem; }

/* ---------- Phones: product title + price reach the first screen; category intro clamped ---------- */
@media (max-width: 781px) {
	.single-product .woocommerce-breadcrumb { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .8rem; }
	/* Fixed height (not max-height) so the slider can't resize its frame after load (layout shift). */
	.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
		height: 28vh !important; width: auto !important; max-width: 100%; margin: 0 auto; object-fit: contain;
	}
	.single-product .woocommerce-product-gallery .flex-viewport { height: 28vh !important; }
	.single-product .woocommerce-product-gallery .flex-control-thumbs li { width: 14% !important; }
	.single-product .woocommerce-breadcrumb { margin-bottom: .4rem !important; }
	.single-product main .wp-block-columns { row-gap: .75rem !important; }
	.lf-archive-hero .wp-block-term-description:not(.is-open) {
		display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
	}
}
.lf-readmore {
	background: none; border: 0; padding: .2rem 0; margin-top: .3rem; cursor: pointer;
	color: var(--lf-ocean); font-weight: 700; font-size: .95rem; text-decoration: underline;
}