/*
Theme Name: Feeling Tattoo Complet
Theme URI: https://www.feeling-tattoo-piercing.com/
Author: Feeling Tattoo
Description: Base identique v3.19. Le menu est accolé au contenu sans modifier le contenu.
Version: 3.20
*/

:root{
  --ft-header-banner:url('https://www.feeling-tattoo-piercing.com/wp-content/uploads/2024/03/header_banner-1.png');
  --ft-bg-inside:url('https://www.feeling-tattoo-piercing.com/wp-content/uploads/2024/03/background-inside-1.png?ver=1756121586');
  --ft-bg:url('https://www.feeling-tattoo-piercing.com/wp-content/uploads/2024/03/background-1.png?ver=1756137674');

  --ft-grid-max: 1140px;
  --ft-menu-width: 300px;
  --ft-grid-gap: 36px;

  --ft-line-height: 1.14;
  --ft-menu-line-height: 1.1;
  --ft-text: #111;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  color:var(--ft-text);
  line-height:var(--ft-line-height);
  background: var(--ft-bg) repeat-x top center #000;
}

.ft-wrap{
  max-width: var(--ft-grid-max);
  margin:0 auto;
  display:grid;
  grid-template-columns: var(--ft-menu-width) 1fr;
  gap: var(--ft-grid-gap);
  padding:14px 12px 48px;
}

.ft-header{background:transparent; text-align:center; padding:0}
.ft-header .ft-banner{ display:block; padding:8px 0 }

.ft-sidebar, .ft-content{ background:#fff; border:none }
.ft-sidebar{ position:relative; padding:18px 18px 26px }
.ft-sidebar::before{
  content:"";position:absolute;inset:0;
  background: var(--ft-bg-inside) repeat-y top center;
  background-size: 100% auto; opacity:.22; pointer-events:none
}
.ft-sidebar>*{position:relative;z-index:1}

.ft-content{ padding:18px 22px 36px; justify-self:start }