/* ================================================================
   Global CSS minimal — Key of Magic
   Classes utilitaires utilisées dans les templates et pages WP
   ================================================================ */

/* ── Marges top ── */
.mt-0   { margin-top:    0; }
.mt-10  { margin-top:   10px; }
.mt-15  { margin-top:   15px; }
.mt-20  { margin-top:   20px; }
.mt-30  { margin-top:   30px; }
.mt-40  { margin-top:   40px; }
.mt-50  { margin-top:   50px; }
.mt-60  { margin-top:   60px; }
.mt-80  { margin-top:   80px; }
.mt-100 { margin-top:  100px; }

/* ── Marges bottom ── */
.mb-0   { margin-bottom:    0; }
.mb-10  { margin-bottom:   10px; }
.mb-15  { margin-bottom:   15px; }
.mb-20  { margin-bottom:   20px; }
.mb-30  { margin-bottom:   30px; }
.mb-40  { margin-bottom:   40px; }
.mb-50  { margin-bottom:   50px; }
.mb-60  { margin-bottom:   60px; }

/* ── Paddings top ── */
.pt-0   { padding-top:    0; }
.pt-10  { padding-top:   10px; }
.pt-20  { padding-top:   20px; }
.pt-30  { padding-top:   30px; }
.pt-40  { padding-top:   40px; }
.pt-50  { padding-top:   50px; }
.pt-60  { padding-top:   60px; }
.pt-80  { padding-top:   80px; }
.pt-100 { padding-top:  100px; }
.pt-120 { padding-top:  120px; }

/* ── Paddings bottom ── */
.pb-0   { padding-bottom:    0; }
.pb-10  { padding-bottom:   10px; }
.pb-20  { padding-bottom:   20px; }
.pb-30  { padding-bottom:   30px; }
.pb-40  { padding-bottom:   40px; }
.pb-50  { padding-bottom:   50px; }
.pb-60  { padding-bottom:   60px; }

/* ── Paddings left/right ── */
.pl-0   { padding-left:    0; }
.pl-10  { padding-left:   10px; }
.pl-15  { padding-left:   15px; }
.pl-30  { padding-left:   30px; }
.pr-0   { padding-right:   0; }
.pr-10  { padding-right:  10px; }
.pr-15  { padding-right:  15px; }
.pr-30  { padding-right:  30px; }

/* ── Padding top+bottom combiné ── */
.ptb-20  { padding: 20px 0; }
.ptb-30  { padding: 30px 0; }
.ptb-40  { padding: 40px 0; }
.ptb-50  { padding: 50px 0; }
.ptb-60  { padding: 60px 0; }
.ptb-80  { padding: 80px 0; }
.ptb-100 { padding: 100px 0; }

/* ── Utilitaires ── */
.white-bg       { background: #ffffff; }
.gray-bg        { background: #eaeaea; }
.transparent-bg { background: transparent; }
.text-right     { text-align: right; }
.alignright     { float: right; margin-right: 25px; }
.alignleft      { float: left; margin-right: 15px; }

/* ── Portfolio / Galerie ── */
.portfolio-details ul        { padding-bottom: 15px; }
.portfolio-details ul li     { list-style-type: disc; margin-left: 20px; padding-left: 10px; }