/* ============================================================
   Fleur Kong — styles communs
   Variables, logo, boutons, typographie partagés
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Caveat:wght@700&display=swap');

:root{
  /* Palette LesFleurs / Daily Flowers */
  --vert:        #6f9a72;
  --vert-fonce:  #4f7a56;
  --rose:        #ef9ab5;
  --rose-fonce:  #d06d8e;
  --or:          #f2b134;
  --or-doux:     #ffd98a;
  --lac:         #7db8d6;
  --rouge-ch:    #e23b3b;
  --creme:       #fdfaf3;
  --creme-2:     #f3ede3;
  --encre:       #33413a;
  --encre-2:     #2a2033;
  --gris-doux:   #d9d0c2;

  --ombre-douce: 0 12px 40px rgba(60,90,70,.18);
  --ombre-forte: 0 24px 70px rgba(0,0,0,.28);
  --radius:      18px;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}

body{
  font-family:'Poppins',sans-serif;
  color:var(--encre);
  background:var(--creme);
}

/* ---------- Logo Daily Flowers (vrai logo, images/logo-daily-flowers-white.svg) ---------- */
.df-logo{display:inline-flex;align-items:center;text-decoration:none;}
.df-logo-img{height:40px;width:auto;display:block;}

/* ---------- Drapeau suisse ---------- */
.flag-ch{display:inline-flex;width:.8em;height:.8em;background:var(--rouge-ch);border-radius:4px;position:relative;vertical-align:-.02em;}
.flag-ch::before,.flag-ch::after{content:"";position:absolute;background:#fff;}
.flag-ch::before{width:54%;height:18%;top:41%;left:23%;border-radius:1px;}
.flag-ch::after{width:18%;height:54%;top:23%;left:41%;border-radius:1px;}

/* ---------- Boutons ---------- */
.btn{
  font-family:'Poppins';font-weight:800;font-size:17px;
  border:none;border-radius:44px;padding:15px 40px;cursor:pointer;
  text-decoration:none;display:inline-block;text-align:center;
  transition:transform .1s, box-shadow .1s;
}
.btn-primaire{
  color:#3a1d10;
  background:linear-gradient(180deg,var(--or-doux),#eea45a);
  box-shadow:0 8px 22px rgba(238,164,90,.45),inset 0 1px 0 rgba(255,255,255,.6);
}
.btn-primaire:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(238,164,90,.55);}
.btn-primaire:active{transform:translateY(2px);}
.btn-rose{
  color:#fff;
  background:linear-gradient(180deg,var(--rose),var(--rose-fonce));
  box-shadow:0 8px 22px rgba(208,109,142,.4);
}
.btn-rose:hover{transform:translateY(-2px);}
.btn:focus-visible{outline:3px solid var(--lac);outline-offset:4px;}

/* ---------- Pied de page commun ---------- */
.pied{
  text-align:center;padding:30px 20px;
  background:var(--creme-2);
  border-top:1px solid rgba(0,0,0,.05);
}
.pied .df-logo{justify-content:center;margin-bottom:8px;}
.pied p{font-size:12px;color:var(--vert-fonce);opacity:.8;}
.pied a{color:var(--rose-fonce);text-decoration:none;font-weight:600;}