owner and admin section

public/cssinclude.php

@@ -8,18 +8,101 @@
    <link rel="stylesheet" href="assets/css/spacing.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <style>
-      /* Cuore preferito attivo → rosso pieno */
+      /* ===== Palette HairBook (dal logo) ===== */
+      :root {
+         --hb-magenta: #e6007e;
+         /* fucsia del logo */
+         --hb-pink: #e11d6b;
+         /* accento cuori / hover */
+         --hb-purple: #7b2d8e;
+         /* viola */
+         --hb-dark: #2d1b4e;
+         /* viola scuro (testi/topbar) */
+         --hb-grad: linear-gradient(90deg, #e6007e 0%, #7b2d8e 60%, #2d1b4e 100%);
+      }
+
+      /* ===== Cuore preferito ===== */
       .js-fav.is-active i,
       .js-fav.is-active .fa-heart {
-         color: #e11d6b;
+         color: var(--hb-pink);
       }
 
-      /* (opzionale) cuore non attivo un po' più tenue + rosso al passaggio del mouse */
       .js-fav i {
          transition: color .15s ease;
       }
 
       .js-fav:hover i {
-         color: #e11d6b;
+         color: var(--hb-pink);
+      }
+
+      /* ===== Topbar ===== */
+      .tp-header-area,
+      .tp-header-height .tp-header-area {
+         background: #ffffff;
+      }
+
+      /* voci di menu */
+      .tp-main-menu ul li a {
+         color: var(--hb-dark);
+         transition: color .15s ease;
+      }
+
+      .tp-main-menu ul li a:hover,
+      .tp-main-menu ul li.active>a {
+         color: var(--hb-magenta);
+      }
+
+      /* icone nella topbar (ricerca, utente, carrello…) */
+      .tp-header-action a,
+      .tp-header-action button,
+      .tp-header-action i {
+         color: var(--hb-dark);
+         transition: color .15s ease;
+      }
+
+      .tp-header-action a:hover,
+      .tp-header-action button:hover,
+      .tp-header-action a:hover i {
+         color: var(--hb-magenta);
+      }
+
+      /* ===== Bottoni principali ===== */
+      .tp-btn,
+      .tp-btn-sm,
+      .tp-btn-border:hover {
+         background: var(--hb-magenta);
+         border-color: var(--hb-magenta);
+         color: #fff;
+      }
+
+      .tp-btn:hover,
+      .tp-btn-sm:hover {
+         background: var(--hb-purple);
+         border-color: var(--hb-purple);
+         color: #fff;
+      }
+
+      /* ===== Link e accenti generici ===== */
+      a {
+         color: var(--hb-purple);
+      }
+
+      a:hover {
+         color: var(--hb-magenta);
+      }
+
+      /* ===== Icone accento sparse (location, telefono nelle card) ===== */
+      .tp-tour-info i,
+      .tp-tour-media-meta i {
+         color: var(--hb-magenta);
+      }
+
+      /* ===== Offcanvas / menu mobile ===== */
+      .tp-offcanvas-area .tp-main-menu-mobile ul li a {
+         color: var(--hb-dark);
+      }
+
+      .tp-offcanvas-area .tp-main-menu-mobile ul li a:hover {
+         color: var(--hb-magenta);
       }
    </style>