/**
 * My Account — mobile layout + unified session heading scale.
 *
 * Desktop type scale (≥992px) aligns with Minimog account content:
 *   Page title:    24px / 600 / 1.3
 *   Page subtitle: 15px / 400 / 1.5 muted
 *   Card title:    20px / 600 / 1.35  (Addresses cards, backpack sections)
 *
 * @package Icchibunny_Inventory
 */

/* Hidden on desktop by default */
.ic-account-mobile-profile,
.ic-account-mobile-tabs-card {
	display: none;
}

/*
 * My Account pink CTA scale (all sessions).
 * Desktop: 36px height / 12px type — compact but still clear.
 * Mobile (≤991): 40px / 12px — slightly taller for touch without looking oversized.
 */
.woocommerce-account .minimog-wc-account-content .primary-btn,
.woocommerce-account .minimog-wc-account-content button[type="submit"].button,
.woocommerce-account .minimog-wc-account-content button.button,
.woocommerce-account .minimog-wc-account-content a.button.primary-btn,
.woocommerce-account .minimog-wc-account-content .woocommerce-Button,
.woocommerce-account .ic-my-requests .button,
.woocommerce-account .ic-request-card .button,
.woocommerce-account .ic-transfer-actions .button {
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 16px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	border-radius: 50px !important;
}

@media (max-width: 991px) {
	.woocommerce-account .minimog-wc-account-content .primary-btn,
	.woocommerce-account .minimog-wc-account-content button[type="submit"].button,
	.woocommerce-account .minimog-wc-account-content button.button,
	.woocommerce-account .minimog-wc-account-content a.button.primary-btn,
	.woocommerce-account .minimog-wc-account-content .woocommerce-Button,
	.woocommerce-account .ic-my-requests .button,
	.woocommerce-account .ic-request-card .button,
	.woocommerce-account .ic-transfer-actions .button,
	.woocommerce-account .ic-backpack-view-details,
	.woocommerce-account .ic-backpack-filter-apply,
	.woocommerce-account .ic-backpack-request-shipping {
		height: 40px !important;
		min-height: 40px !important;
		font-size: 12px !important;
	}
}

/* -------------------------------------------------------------------------
 * Desktop: unified session headings
 * ---------------------------------------------------------------------- */
@media (min-width: 992px) {
	/* Page-level titles: Backpack, My Requests, detail pages */
	.woocommerce-account .ic-backpack-header h1,
	.woocommerce-account .ic-my-requests > h2,
	.woocommerce-account .ic-my-requests .ic-request-detail > h2,
	.woocommerce-account .ic-my-requests .ic-request-detail > h3,
	.woocommerce-account .ic-shipping-request h1,
	.woocommerce-account .minimog-wc-account-content-inner > h1:first-child,
	.woocommerce-account .minimog-wc-account-content-inner > h2:first-child {
		margin: 0 0 8px !important;
		font-size: 1.5rem !important; /* 24px */
		font-weight: 600 !important;
		line-height: 1.3 !important;
		letter-spacing: -0.01em;
		color: var(--minimog-color-heading, #1e1e1e) !important;
	}

	/* Page intro / subtitle */
	.woocommerce-account .ic-backpack-summary,
	.woocommerce-account .ic-backpack-header .ic-backpack-summary {
		margin: 0 !important;
		font-size: 0.9375rem !important; /* 15px */
		font-weight: 400 !important;
		line-height: 1.5 !important;
		color: #666 !important;
	}

	/* Addresses intro copy above the two cards */
	.woocommerce-account .minimog-wc-account-content-inner > p {
		font-size: 0.9375rem; /* 15px */
		line-height: 1.5;
		color: #666;
	}

	/*
	 * Card / section titles:
	 * Billing address, Shipping address, Available, Pre-order, etc.
	 * Theme only styles h3; WC template uses h2 — normalize both.
	 */
	.woocommerce-account .woocommerce-Address-title > h2,
	.woocommerce-account .woocommerce-Address-title > h3,
	.woocommerce-account .ic-backpack-section-title {
		margin: 0 !important;
		font-size: 1.25rem !important; /* 20px */
		font-weight: 600 !important;
		line-height: 1.35 !important;
		color: var(--minimog-color-heading, #1e1e1e) !important;
	}

	.woocommerce-account .ic-backpack-section-description {
		font-size: 0.875rem !important; /* 14px */
		line-height: 1.5 !important;
		font-weight: 400 !important;
	}

	/* Product / request card titles — standard card heading (16px desktop) */
	.woocommerce-account .ic-backpack-card-title,
	.woocommerce-account .ic-backpack-card-title a,
	.woocommerce-account .ic-request-card h3 {
		font-size: 1rem !important; /* 16px */
		font-weight: 600 !important;
		line-height: 1.35 !important;
		letter-spacing: -0.01em;
	}

	.woocommerce-account .ic-request-eyebrow,
	.woocommerce-account .ic-request-card p {
		font-size: 0.875rem !important; /* 14px */
		line-height: 1.5 !important;
	}

	.woocommerce-account .ic-backpack-header {
		margin-bottom: 28px;
	}

	/* Prize detail page — same hierarchy */
	.woocommerce-account .ic-backpack-detail-title {
		font-size: 1.5rem !important; /* 24px */
		font-weight: 600 !important;
		line-height: 1.3 !important;
	}

	.woocommerce-account .ic-backpack-detail-status-info h2,
	.woocommerce-account .ic-backpack-detail-section-title,
	.woocommerce-account .ic-backpack-other-actions > h2,
	.woocommerce-account .ic-backpack-detail-actions h3 {
		font-size: 1.25rem !important; /* 20px */
		font-weight: 600 !important;
		line-height: 1.35 !important;
	}

	.woocommerce-account .ic-backpack-detail-tier,
	.woocommerce-account .ic-backpack-detail-status-info p {
		font-size: 0.9375rem !important; /* 15px */
		line-height: 1.5 !important;
	}
}

@media (max-width: 991px) {
	/* Tighten page title under breadcrumb on account pages */
	.woocommerce-account .page-title-bar-minimal-01 {
		margin: 8px 0 20px;
	}

	.woocommerce-account .minimog-wc-account-wrap.ic-account-layout {
		display: block;
		border-radius: 16px;
	overflow: hidden;
	}

	/* Hide drawer sidebar + floating toggle; tabs replace them */
	.woocommerce-account .minimog-wc-account-wrap.ic-account-layout .minimog-wc-account-nav,
	.woocommerce-account .minimog-wc-account-wrap.ic-account-layout .btn-toggle-account-nav {
		display: none !important;
	}

	.woocommerce-account .minimog-wc-account-wrap.ic-account-layout .minimog-wc-account-content {
		width: 100%;
		max-width: 100%;
		padding: 18px 16px 28px;
	}

	.woocommerce-account .minimog-wc-account-wrap.ic-account-layout .minimog-wc-account-content-inner {
		max-width: 100%;
		margin: 0;
	}

	/* ---- Profile under My account title area ---- */
	.ic-account-mobile-profile {
		display: flex;
		align-items: center;
		gap: 14px;
		margin: 0 0 16px;
		padding: 4px 2px 14px;
		border-bottom: 1px solid rgba(30, 7, 0, 0.08);
	}

	.ic-account-mobile-profile__avatar {
		flex: 0 0 auto;
	}

	.ic-account-mobile-profile__avatar img,
	.ic-account-mobile-profile__img {
		display: block;
		width: 64px !important;
		height: 64px !important;
		max-width: 64px;
		border-radius: 50%;
		object-fit: cover;
	}

	.ic-account-mobile-profile__meta {
		min-width: 0;
		flex: 1 1 auto;
	}

	.ic-account-mobile-profile__name {
		margin: 0 0 4px;
		font-size: 17px;
		font-weight: 600;
		line-height: 1.3;
		color: var(--minimog-color-heading, #1e1e1e);
		word-break: break-word;
	}

	.ic-account-mobile-profile__logout {
		display: inline-block;
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		box-shadow: none;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.3;
		color: #9b9b9b;
		text-decoration: none;
	}

	.ic-account-mobile-profile__logout:hover,
	.ic-account-mobile-profile__logout:focus {
		color: #743d3d;
		background: none;
		text-decoration: underline;
		outline: none;
	}

	/* ---- Nav as tabs inside a card ---- */
	.ic-account-mobile-tabs-card {
		display: block;
		margin: 0 0 18px;
		padding: 10px;
		border: 1px solid rgba(232, 201, 201, 0.9);
		border-radius: 14px;
		background:
			linear-gradient(180deg, #ffffff 0%, #fff9f9 100%);
		box-shadow: 0 6px 18px rgba(116, 61, 61, 0.05);
	}

	.ic-account-mobile-tabs {
		display: flex;
		align-items: stretch;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding: 2px;
	}

	.ic-account-mobile-tabs::-webkit-scrollbar {
		display: none;
	}

	.ic-account-mobile-tabs__item {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		min-height: 38px;
		padding: 8px 14px;
		border: 1px solid rgba(30, 7, 0, 0.1);
		border-radius: 999px;
		background: #fff;
		color: #6f6f6f;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.2;
		text-decoration: none;
		white-space: nowrap;
		box-shadow: none;
		transform: none !important;
		transition: none;
	}

	.ic-account-mobile-tabs__item:hover,
	.ic-account-mobile-tabs__item:focus,
	.ic-account-mobile-tabs__item:active {
		background: #fff;
		color: #6f6f6f;
		box-shadow: none;
		transform: none !important;
		outline: none;
	}

	.ic-account-mobile-tabs__item::before,
	.ic-account-mobile-tabs__item::after {
		content: none !important;
		display: none !important;
	}

	.ic-account-mobile-tabs__item.is-active,
	.ic-account-mobile-tabs__item.woocommerce-MyAccount-navigation-link.is-active {
		background: #f9e4e4;
		border-color: #e8c9c9;
		color: #743d3d;
	}

	.ic-account-mobile-tabs__item.is-active:hover,
	.ic-account-mobile-tabs__item.is-active:focus {
		background: #f9e4e4;
		color: #743d3d;
	}

	.ic-account-mobile-tabs__label {
		display: inline-block;
	}

	/*
	 * ---- Unified session heading scale (Backpack / My Requests / etc.) ----
	 * Page title:   22px / 600 / tight leading  (mobile-safe, not 1.75em)
	 * Page subtitle:14px / 400 / muted
	 * Section title:17px / 700
	 * Section sub:  13px / 400 / muted
	 * Matches account body density and Minimog mobile content headings.
	 */
	.woocommerce-account .ic-backpack-header {
		margin-bottom: 18px;
	}

	.woocommerce-account .ic-backpack-header h1,
	.woocommerce-account .ic-my-requests > h2,
	.woocommerce-account .ic-my-requests .ic-request-detail > h2,
	.woocommerce-account .ic-shipping-request h1,
	.woocommerce-account .minimog-wc-account-content-inner > h2:first-child,
	.woocommerce-account .minimog-wc-account-content-inner > h1:first-child {
		margin: 0 0 6px !important;
		font-size: 1.375rem !important; /* 22px */
		font-weight: 600 !important;
		line-height: 1.3 !important;
		letter-spacing: -0.01em;
		color: var(--minimog-color-heading, #1e1e1e) !important;
	}

	.woocommerce-account .ic-backpack-summary,
	.woocommerce-account .ic-my-requests > .ic-session-subtitle,
	.woocommerce-account .ic-backpack-header .ic-backpack-summary {
		margin: 0 0 4px !important;
		font-size: 0.875rem !important; /* 14px */
		font-weight: 400 !important;
		line-height: 1.45 !important;
		color: #666 !important;
	}

	/* Collapsible section titles (Available / Pre-order) */
	.woocommerce-account .ic-backpack-section-title {
		font-size: 1.0625rem !important; /* 17px */
		font-weight: 700 !important;
		line-height: 1.3 !important;
	}

	.woocommerce-account .ic-backpack-section-description {
		margin: 0 0 14px !important;
		font-size: 0.8125rem !important; /* 13px */
		font-weight: 400 !important;
		line-height: 1.45 !important;
		color: rgba(30, 30, 30, 0.68) !important;
	}

	.woocommerce-account .ic-backpack-section-count {
		min-width: 26px;
		height: 22px;
		font-size: 11px !important;
	}

	/* Card item titles on phone — 14px standard compact heading */
	.woocommerce-account .ic-backpack-card-title,
	.woocommerce-account .ic-backpack-card-title a,
	.woocommerce-account .ic-request-card h3 {
		font-size: 0.875rem !important; /* 14px */
		font-weight: 600 !important;
		line-height: 1.35 !important;
	}

	.woocommerce-account .ic-request-eyebrow,
	.woocommerce-account .ic-request-card p {
		font-size: 0.8125rem !important; /* 13px */
		line-height: 1.45 !important;
		color: #666 !important;
	}

	.woocommerce-account .ic-my-requests {
		margin-top: 0;
	}

	.woocommerce-account .ic-my-requests > h2 {
		margin-bottom: 14px !important;
	}

	.woocommerce-account .ic-request-tabs {
		margin-bottom: 18px;
	}

	.woocommerce-account .ic-request-tabs a {
		font-size: 0.8125rem; /* 13px — match mobile tab chips */
		font-weight: 600;
		line-height: 1.2;
		padding: 8px 12px;
	}
}

@media (max-width: 560px) {
	.ic-account-mobile-profile__avatar img,
	.ic-account-mobile-profile__img {
		width: 56px !important;
		height: 56px !important;
		max-width: 56px;
	}

	.ic-account-mobile-profile__name {
		font-size: 16px;
	}

	.ic-account-mobile-tabs__item {
		min-height: 36px;
		padding: 7px 12px;
		font-size: 12.5px;
	}

	.woocommerce-account .minimog-wc-account-wrap.ic-account-layout .minimog-wc-account-content {
		padding: 16px 14px 24px;
	}

	/* Slightly tighter titles on narrow phones */
	.woocommerce-account .ic-backpack-header h1,
	.woocommerce-account .ic-my-requests > h2,
	.woocommerce-account .ic-my-requests .ic-request-detail > h2,
	.woocommerce-account .ic-shipping-request h1,
	.woocommerce-account .minimog-wc-account-content-inner > h2:first-child,
	.woocommerce-account .minimog-wc-account-content-inner > h1:first-child {
		font-size: 1.25rem !important; /* 20px */
	}

	.woocommerce-account .ic-backpack-section-title {
		font-size: 1rem !important; /* 16px */
	}

	.woocommerce-account .ic-backpack-detail-title {
		font-size: 1.25rem !important; /* 20px */
	}

	.woocommerce-account .ic-backpack-detail-status-info h2,
	.woocommerce-account .ic-backpack-detail-section-title,
	.woocommerce-account .ic-backpack-other-actions > h2,
	.woocommerce-account .ic-backpack-detail-actions h3 {
		font-size: 1rem !important; /* 16px */
	}

	.woocommerce-account .ic-backpack-detail-tier,
	.woocommerce-account .ic-backpack-detail-status-info p {
		font-size: 0.875rem !important; /* 14px */
	}

	.woocommerce-account .ic-backpack-detail-list dt,
	.woocommerce-account .ic-backpack-detail-list dd {
		font-size: 0.8125rem !important; /* 13px */
	}
}