#navbarDefault {
    justify-content: center !important;
}

/* navbar */
#presale-btn {
    display: none;
}

#presale-btn-mobile {
    display: block;
}

.hero-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-card {
    background-color: rgb(10, 49, 97, 0.6);

}

.header-card * {
    color: white !important;
}

.quotation {
    border-radius: 18px;
}

.hero-image {
    max-width: 100% !important;
    /* S'adapte à la largeur disponible */
    height: auto !important;
    /* Conserve les proportions */
    width: 100% !important;
    /* Taille personnalisée (tu peux ajuster cette valeur) */
}

#president img,
#about img {
    max-width: 100%;
}

.background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: clip-path 0s ease;
}



h1#hamstrump {
    font-size: 96px;
    margin-bottom: 150px;
}

.hams {
    color: #294b75 !important;
}

.trump {
    color: #b31942 !important;

}

@font-face {
    font-family: hamstrump;
    src: url(../font/Coffee\ Spark.otf);
}

.hamstrump-radius {
    border-radius: 50px;
}

.hamstrump {
    font-family: hamstrump !important;
}

#mainNav * {
    color: #b31942;
    font-family: poppins;
}

.about-content p {
    color: #b31942 !important;
    font-size: 18px;
    line-height: normal !important;
    /* text-align: start !important; */
}

#about .row {
    margin-bottom: 50px;
}

#president {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn {
    font-family: hamstrump !important;
}

.hamstrump-btn {
    color: white !important;
    font-size: 25px;
}

.hamstrump-btn:hover {
    background-color: white !important;
    color: #b31942 !important;
}

.hamstrump-btn-hams {
    font-size: 25px;
    color: white !important;
    background-color: #294b75;
    border-color: #294b75 !important;
}


.hamstrump-btn-hams:hover {
    background-color: white !important;
    color: #294b75 !important;
    border-color: #294b75 !important;
}

.hamstrump-btn-trump {
    font-size: 25px;
    color: white !important;
    background-color: #b31942;
    border-color: #b31942;
}

.hamstrump-btn-trump:hover {
    background-color: white !important;
    color: #b31942 !important;
    border-color: #b31942;
}

.hamstrump-mobile {
    display: none !important;
}

#hamstrump-main {
    margin-top: 100px !important;
}

/* Roadmap section */
.card {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* Ombre sur les cartes */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* Transition douce pour l'animation */
    border-radius: 25px;
}

.card:hover {
    transform: translateY(-10px);
    /* Effet de déplacement vers le haut au hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    /* Ombre plus prononcée au hover */
}

.card-body {
    flex-grow: 1;
}

.card-title {
    font-weight: bold;
    font-size: 1.5rem;
    color: #d32727;
}

.card-text {
    font-size: 1rem;
}

.roadmap-section {
    margin-top: 50px;
}

/* Ajuste la taille des images, centrées avec des marges */
.card-img-top {
    width: 80%;
    /* Réduction de la largeur de l'image à 80% de la carte */
    margin: 0 auto;
    /* Centrage horizontal de l'image */
    margin-top: 15px;
    /* Espacement en haut de l'image */
    object-fit: cover;
    height: 220px;
    /* Hauteur ajustée pour que l'image ne soit pas trop grande */
    border-radius: 25px;
    /* Coins arrondis */
}

/* Assembly */

/* Container général */
#tokenomics-section {
    text-align: center;
    /* margin-top: 50px; */
}

/* Arc de cercles */
#token-arc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

/* Points (cercles) */
.token-dot {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 5px;
    display: inline-block;
}

/* Couleurs spécifiques des points */
.token-dot.pre-sale {
    background-color: #7A263A;
    /* Couleur Pre Sale */
}

.token-dot.liquidity-pool {
    background-color: #F4A7B9;
    /* Couleur Liquidity Pool */
}

.token-dot.reserve {
    background-color: #F4B400;
    /* Couleur Reserve */
}

.token-dot.early-investors {
    background-color: #A1C4FF;
    /* Couleur Early Investors */
}

.token-dot.team {
    background-color: #1C3E72;
    /* Couleur Team */
}

/* Rows disposition en arc */
.token-row {
    display: flex;
    justify-content: center;
}

.row-1 {
    transform: translateX(-60px) rotate(-10deg);
}

.row-2 {
    transform: translateX(-40px) rotate(-5deg);
}

.row-3 {
    transform: translateX(-20px) rotate(0deg);
}

.row-4 {
    transform: translateX(0px) rotate(10deg);
}

/* Légende */
#token-legend {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.token-legend-item {
    display: flex;
    align-items: center;
    margin: 0 15px;
}

.token-legend-color {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
}

/* Couleurs dans la légende */
.token-legend-color.pre-sale {
    background-color: #7A263A;
}

.token-legend-color.liquidity-pool {
    background-color: #F4A7B9;
}

.token-legend-color.reserve {
    background-color: #F4B400;
}

.token-legend-color.early-investors {
    background-color: #A1C4FF;
}

.token-legend-color.team {
    background-color: #1C3E72;
}



/* Footer Hamstrump */

/* Hamstrump world Section */
.footer-area {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
    min-height: 50vh !important;
    /* background-image: url("../img/Pictures/hamstrump-world.jpeg") !important; */
    background: linear-gradient(0deg, rgba(150, 0, 50, 0.6), rgba(150, 0, 50, 0.6)), url("../img/Pictures/hamstrump-25.jpeg");
    background-size: cover;
    background-position: top 150px;
}

.footer-area * {
    color: white;
}

#hamstrump-world {
    /* background-image: url("../img/Pictures/hamstrump-world.jpeg") !important; */
    background: linear-gradient(0deg, rgb(39, 78, 121, 0.6), rgb(39, 78, 121, 0.6));
}

.hamstrump-footer-title {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: white;
    margin-bottom: 20px;
}

.hamstrump-footer-socials,
.hamstrump-footer-menu {
    list-style: none;
    padding-left: 0;
}

.hamstrump-footer-socials li,
.hamstrump-footer-menu li {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.hamstrump-footer-socials li i,
.hamstrump-footer-menu li i {
    margin-right: 10px;
}

.hamstrump-footer-socials li i {
    font-size: 20px;
}

.hamstrump-footer-menu li {
    font-size: 18px;
    font-weight: 500;
}

.hamstrump-footer p {
    font-size: 14px;
    line-height: 1.7;
}

.hamstrump-footer a {
    color: white;
    text-decoration: underline;
}

.hamstrump-footer a:hover {
    color: #ffdf00;
}

/* Ajustements de la disposition */
.mt-4 {
    margin-top: 30px;
}

.text-center {
    text-align: center;
}

/* Conteneur personnalisé pour le footer */
.hamstrump-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Disposition des colonnes */
.hamstrump-row {
    display: flex;
    justify-content: space-between;
}

.hamstrump-col {
    width: 30%;
}

.hamstrump-risk {
    width: 100%;
    margin-top: 20px;
}

#home {
    min-height: 100vh;
    background: url("../img/Pictures/hamstrump-7-optimized.jpg");
    background-size: cover;
}

.cookies-eu-banner {
    background: #444;
    color: #fff;
    padding: 6px;
    font-size: 13px;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.cookies-eu-banner button {
    text-decoration: none;
    background: #222;
    color: #fff;
    border: 1px solid #000;
    cursor: pointer;
    padding: 4px 7px;
    margin: 2px 0;
    font-size: 13px;
    font-weight: 700;
    transition: background 0.07s, color 0.07s, border-color 0.07s;
}

.cookies-eu-banner button:hover {
    background: #fff;
    color: #222;
}

.hidden {
    display: none;
}