/*
Theme Name: InkLube Child
Theme URI: https://inklube.com
Description: InkLube child theme of Hello Elementor. Dequeues parent CSS so the InkLube design system controls all styling. Pairs with Header Footer Elementor templates for global header/footer.
Author: InkLube
Author URI: https://inklube.com
Template: hello-elementor
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: inklube-child
*/

body {
  background: #0A0A0A;
  color: #F5F0EB;
  font-family: 'Inter', sans-serif;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

html {
  background: #0A0A0A;
}

#inklube-home h1, #inklube-home h2, #inklube-home h3, #inklube-home h4, #inklube-home h5, #inklube-home h6, #inklube-home p,
.inklube-page h1, .inklube-page h2, .inklube-page h3, .inklube-page h4, .inklube-page h5, .inklube-page h6, .inklube-page p {
  color: inherit;
}

#inklube-home section.bone,
#inklube-home .vps,
#inklube-home .products,
#inklube-home .shops,
#inklube-home .manifesto,
#inklube-home .newsletter {
  color: #0E0E0E;
}


/* === InkLube trade/hand-coded page design system ===
   Restored 11 Aug 2026 after page slugs changed. This CSS was previously
   enqueued conditionally by page slug, so renaming pages silently unstyled them.
   Kept here so it applies wherever the .ilube-* markup is used. === */

	/* page wrapper resets */
	body.ilube-trade-bg .page-content,
	body.ilube-trade-bg .page-content,
	body.ilube-trade-bg .site-content { padding:0 !important; max-width:none !important; margin:0 !important; }
	body.ilube-trade-bg { background:#0A0A0A !important; color:#FFFFFF; }
	body.ilube-trade-bg .page-title,
	body.ilube-trade-bg .entry-title { display:none !important; }

	/* sections */
	.ilube-section { padding: 100px 32px; max-width:1280px; margin:0 auto; }
	.ilube-section--narrow { max-width:880px; }
	.ilube-section--white { background:#FFFFFF; color:#0A0A0A; max-width:none; padding-left:0; padding-right:0; }
	.ilube-section--white > .ilube-inner { max-width:1280px; margin:0 auto; padding:0 32px; }
	.ilube-hero { padding-top:140px; padding-bottom:80px; text-align:center; }

	/* type */
	.ilube-eyebrow { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:12px; letter-spacing:0.18em; color:#8A8A8A; margin:0 0 18px; }
	.ilube-h1 { font-family:'Anton',sans-serif; text-transform:uppercase; font-size:104px; line-height:0.92; letter-spacing:0.005em; margin:0 0 28px; }
	.ilube-h2 { font-family:'Anton',sans-serif; text-transform:uppercase; font-size:64px; line-height:0.95; letter-spacing:0.01em; margin:0 0 24px; }
	.ilube-h3 { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:14px; letter-spacing:0.1em; margin:0 0 12px; }
	.ilube-lede { font-size:20px; line-height:1.45; max-width:680px; margin:0 0 40px; color:#D6CFC8; }
	.ilube-section--white .ilube-lede { color:#3a3a3a; }
	.ilube-section--white .ilube-eyebrow { color:#8A8A8A; }
	.ilube-hero .ilube-lede { margin-left:auto; margin-right:auto; }

	/* buttons */
	.ilube-btn { display:inline-block; padding:16px 28px; font-family:'Archivo Black',sans-serif; font-size:13px; text-transform:uppercase; letter-spacing:0.1em; text-decoration:none; border:2px solid transparent; transition:all 0.15s; cursor:pointer; line-height:1; }
	.ilube-btn + .ilube-btn { margin-left:12px; }
	.ilube-btn-light { background:#FFFFFF; color:#0A0A0A; border-color:#FFFFFF; }
	.ilube-btn-light:hover { background:transparent; color:#FFFFFF; }
	.ilube-btn-dark { background:#0A0A0A; color:#FFFFFF; border-color:#0A0A0A; }
	.ilube-btn-dark:hover { background:transparent; color:#0A0A0A; }
	.ilube-btn-ghost-light { background:transparent; color:#FFFFFF; border-color:#FFFFFF; }
	.ilube-btn-ghost-light:hover { background:#FFFFFF; color:#0A0A0A; }
	.ilube-btn-ghost-dark { background:transparent; color:#0A0A0A; border-color:#0A0A0A; }
	.ilube-btn-ghost-dark:hover { background:#0A0A0A; color:#FFFFFF; }

	/* grids + cards */
	.ilube-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
	.ilube-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
	.ilube-grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:48px; align-items:start; }
	@media (max-width:980px) {
	  .ilube-grid-3, .ilube-grid-4 { grid-template-columns:repeat(2,1fr); }
	  .ilube-grid-2 { grid-template-columns:1fr; gap:32px; }
	  .ilube-h1 { font-size:56px; }
	  .ilube-h2 { font-size:38px; }
	  .ilube-section { padding:64px 24px; }
	  .ilube-hero { padding-top:80px; padding-bottom:48px; }
	}
	@media (max-width:560px) {
	  .ilube-grid-3, .ilube-grid-4 { grid-template-columns:1fr; }
	}

	.ilube-card { border:1px solid rgba(255,255,255,0.18); padding:32px; }
	.ilube-card-num { font-family:'Anton',sans-serif; font-size:48px; line-height:1; color:#8A8A8A; margin:0 0 16px; }
	.ilube-card h4 { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:14px; letter-spacing:0.08em; margin:0 0 12px; }
	.ilube-card p  { font-size:15px; line-height:1.55; color:#D6CFC8; margin:0; }
	.ilube-section--white .ilube-card { border-color:#E5E5E5; }
	.ilube-section--white .ilube-card-num { color:#8A8A8A; }
	.ilube-section--white .ilube-card p { color:#3a3a3a; }

	/* gate banner */
	.ilube-gate { display:flex; align-items:center; flex-wrap:wrap; gap:24px; padding:28px 32px; max-width:1280px; margin: 0 auto 48px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.18); }
	.ilube-gate .ilube-gate-text { flex:1; min-width:280px; }
	.ilube-gate h3 { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:16px; letter-spacing:0.04em; margin:6px 0 0; color:inherit; }
	.ilube-gate-eyebrow { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:11px; letter-spacing:0.18em; color:#8A8A8A; }
	.ilube-gate-in { background:#FFFFFF; color:#0A0A0A; border-color:#0A0A0A; }
	.ilube-gate-in .ilube-gate-eyebrow { color:#0A0A0A; opacity:0.55; }

	/* split / feature blocks */
	.ilube-split { display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; }
	.ilube-split > div { padding:80px 40px; display:flex; flex-direction:column; justify-content:center; }
	.ilube-split-dark { background:#0A0A0A; color:#FFFFFF; }
	.ilube-split-light{ background:#FFFFFF; color:#0A0A0A; }
	@media (max-width:900px){ .ilube-split { grid-template-columns:1fr; } }

	/* steps */
	.ilube-steps { counter-reset:step; display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
	.ilube-step { position:relative; padding-top:80px; }
	.ilube-step::before { counter-increment:step; content:counter(step,decimal-leading-zero); position:absolute; top:0; left:0; font-family:'Anton',sans-serif; font-size:64px; line-height:1; color:#0A0A0A; opacity:0.18; }
	.ilube-section--white .ilube-step::before { color:#0A0A0A; opacity:0.12; }
	.ilube-step h4 { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:16px; letter-spacing:0.06em; margin:0 0 12px; }
	.ilube-step p { font-size:15px; line-height:1.55; margin:0; }
	@media (max-width:900px){ .ilube-steps { grid-template-columns:1fr; } }

	/* terms table */
	.ilube-terms { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid rgba(255,255,255,0.18); }
	.ilube-terms > div { display:flex; justify-content:space-between; gap:24px; padding:20px 28px; border-bottom:1px solid rgba(255,255,255,0.12); }
	.ilube-terms > div:nth-last-child(-n+2) { border-bottom:none; }
	.ilube-terms span { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:11px; letter-spacing:0.14em; color:#8A8A8A; }
	.ilube-terms strong { font-family:'Inter',sans-serif; font-weight:500; font-size:15px; text-align:right; }
	.ilube-section--white .ilube-terms { border-color:#E5E5E5; }
	.ilube-section--white .ilube-terms > div { border-bottom-color:#E5E5E5; }
	@media (max-width:700px){ .ilube-terms { grid-template-columns:1fr; } .ilube-terms > div { border-bottom:1px solid rgba(255,255,255,0.12); } }

	/* application form (dark bg variant) */
	.ilube-trade-form { display:flex; flex-direction:column; gap:20px; }
	.ilube-trade-form .ilube-form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
	.ilube-trade-form label { display:flex; flex-direction:column; gap:6px; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:11px; letter-spacing:0.14em; color:#8A8A8A; }
	.ilube-trade-form input, .ilube-trade-form textarea { background:transparent; border:1px solid rgba(255,255,255,0.3); color:#FFFFFF; font-family:'Inter',sans-serif; font-size:15px; padding:14px 16px; text-transform:none; letter-spacing:0; box-shadow:none; border-radius:0; }
	.ilube-trade-form input:focus, .ilube-trade-form textarea:focus { outline:none; border-color:#FFFFFF; }
	.ilube-trade-form button { align-self:flex-start; }
	.ilube-form-success { background:#FFFFFF; color:#0A0A0A; padding:32px; border:1px solid #0A0A0A; max-width:880px; margin:0 auto; }
	.ilube-form-success h3 { margin:0 0 12px; font-family:'Anton',sans-serif; text-transform:uppercase; font-size:32px; letter-spacing:0.02em; }
	@media (max-width:700px) { .ilube-trade-form .ilube-form-row { grid-template-columns:1fr; } }

	/* press / assets list */
	.ilube-asset-public { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
	.ilube-asset-public a.tile { display:flex; flex-direction:column; justify-content:space-between; padding:32px; border:1px solid rgba(255,255,255,0.18); text-decoration:none; color:#FFFFFF; min-height:220px; transition:background 0.15s; }
	.ilube-asset-public a.tile:hover { background:rgba(255,255,255,0.06); }
	.ilube-asset-public a.tile span { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:12px; letter-spacing:0.12em; color:#8A8A8A; }
	.ilube-asset-public a.tile strong { font-family:'Anton',sans-serif; font-weight:normal; font-size:32px; line-height:1; text-transform:uppercase; letter-spacing:0.01em; margin:16px 0; }
	.ilube-asset-public a.tile em { font-style:normal; color:#D6CFC8; font-size:14px; line-height:1.5; }
	@media (max-width:900px){ .ilube-asset-public { grid-template-columns:1fr; } }

	/* color swatches (assets page) */
	.ilube-swatches { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid rgba(255,255,255,0.18); }
	.ilube-swatch { padding:32px 24px; border-right:1px solid rgba(255,255,255,0.18); }
	.ilube-swatch:last-child { border-right:none; }
	.ilube-swatch .chip { display:block; width:48px; height:48px; margin-bottom:16px; border:1px solid rgba(255,255,255,0.18); }
	.ilube-swatch span { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:12px; letter-spacing:0.12em; }
	.ilube-swatch em { display:block; font-style:normal; color:#8A8A8A; font-size:13px; margin-top:6px; font-family:'Inter',sans-serif; }
	@media (max-width:900px){ .ilube-swatches { grid-template-columns:repeat(2,1fr); } .ilube-swatch:nth-child(2) { border-right:none; } }

	/* glogirl coming soon */
	.ilube-cs { padding: 160px 32px; text-align:center; max-width:760px; margin:0 auto; }
	.ilube-cs .ilube-h1 { font-size:140px; }
	@media (max-width:900px){ .ilube-cs .ilube-h1 { font-size:72px; } .ilube-cs { padding:80px 24px; } }
	.ilube-cs-form { display:flex; gap:0; max-width:520px; margin:32px auto 0; }
	.ilube-cs-form input { flex:1; background:transparent; border:1px solid #FFFFFF; border-right:none; color:#FFFFFF; padding:14px 16px; font-family:'Inter',sans-serif; font-size:15px; }
	.ilube-cs-form input:focus { outline:none; }
	.ilube-cs-form button { background:#FFFFFF; color:#0A0A0A; border:1px solid #FFFFFF; padding:0 28px; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:12px; letter-spacing:0.1em; cursor:pointer; }

	/* My Account trade portal */
	.ilube-trade-title { font-family:'Anton',sans-serif; text-transform:uppercase; font-size:42px; letter-spacing:0.02em; margin:0 0 8px; line-height:1; color:#0A0A0A; }
	.ilube-trade-sub { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:12px; letter-spacing:0.15em; color:#8A8A8A; margin:0 0 32px; }
	.ilube-trade-h3 { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:12px; letter-spacing:0.15em; color:#8A8A8A; margin:32px 0 16px; }
	.ilube-trade-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
	.ilube-trade-stats > div { border:1px solid #232323; padding:24px; }
	.ilube-trade-stats span { display:block; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:11px; letter-spacing:0.12em; color:#8A8A8A; }
	.ilube-trade-stats strong { display:block; font-family:'Anton',sans-serif; font-size:36px; line-height:1; margin-top:8px; font-weight:normal; color:#0A0A0A; }
	.ilube-trade-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
	.ilube-trade-grid a { display:block; border:1px solid #232323; padding:24px; text-decoration:none; color:#0A0A0A; transition:all .15s; }
	.ilube-trade-grid a:hover { background:#0A0A0A; color:#FFFFFF; }
	.ilube-trade-grid a:hover em { color:rgba(255,255,255,0.7); }
	.ilube-trade-grid span { display:block; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:14px; letter-spacing:0.08em; }
	.ilube-trade-grid em { display:block; font-style:normal; color:#8A8A8A; font-size:14px; margin-top:8px; }
	.ilube-trade-terms { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid #232323; }
	.ilube-trade-terms > div { display:flex; justify-content:space-between; gap:24px; padding:18px 24px; border-bottom:1px solid #E5E5E5; }
	.ilube-trade-terms > div:nth-child(2n) { border-left:1px solid #E5E5E5; }
	.ilube-trade-terms > div:nth-last-child(-n+2) { border-bottom:none; }
	.ilube-trade-terms span { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:11px; letter-spacing:0.12em; color:#8A8A8A; }
	.ilube-trade-terms strong { font-weight:600; color:#0A0A0A; text-align:right; }
	.ilube-asset-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
	.ilube-asset { border:1px solid #232323; padding:24px; }
	.ilube-asset strong { display:block; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:14px; letter-spacing:0.08em; color:#0A0A0A; }
	.ilube-asset em { display:block; font-style:normal; color:#8A8A8A; font-size:14px; margin:8px 0 16px; }
	.ilube-asset-foot { display:flex; justify-content:space-between; align-items:center; }
	.ilube-asset-foot span { color:#8A8A8A; font-size:12px; }
	.ilube-asset-foot a { background:#0A0A0A; color:#FFFFFF; padding:10px 18px; text-decoration:none; font-family:'Archivo Black',sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:0.08em; border:2px solid #0A0A0A; }
	.ilube-asset-foot a:hover { background:transparent; color:#0A0A0A; }
	@media (max-width:700px){ .ilube-trade-stats, .ilube-trade-grid, .ilube-trade-terms, .ilube-asset-grid { grid-template-columns:1fr; } }

	/* shop "Wholesale" tag */
	.ilube-wholesale-tag { background:#0A0A0A; color:#FFFFFF; padding:2px 8px; font-size:10px; font-family:'Archivo Black',sans-serif; text-transform:uppercase; letter-spacing:0.1em; vertical-align:middle; margin-right:6px; display:inline-block; }
	

/* Hide the theme's duplicate page-title H1 on hand-coded ilube hero pages,
   so the in-content hero heading is the single H1. */
main.site-main:has(.ilube-hero) > .page-header { display: none; }
body.page-id-3204 .page-header,
body.page-id-3205 .page-header,
body.page-id-452 .page-header,
body.page-id-450 .page-header { display: none; }
