/* =========================================================
   OVERRIDE FINAL - THEME BIRU #2aa3f4
   Dominan biru, background biru, teks beda tiap blok
   Tempel paling bawah CSS lama
   ========================================================= */

:root{
    --main:#2aa3f4;
    --main-dark:#075f9f;
    --main-soft:#7fd2ff;
    --main-light:#dff5ff;
    --deep:#03243f;
    --brown:#063d66;
    --white:#ffffff;
    --ink:#021b30;
    --gold:#7fd2ff;
    --gold-soft:#dff5ff;
    --bronze:#087ac4;
    --cream:#eefaff;
    --cyan:#00f0ff;
    --mint:#43ffba;
    --rose:#ff79c9;
    --violet:#c7a8ff;
    --orange:#ffbf63;
    --blue:#2aa3f4;
    --stroke:rgba(255,255,255,.45);
    --stroke-dark:rgba(3,36,63,.34);
    --card:rgba(223,245,255,.24);
    --card-dark:rgba(3,36,63,.76);
    --shadow:0 24px 70px rgba(3,48,82,.38);
}

/* Background utama */
body,
.user-page-section-background{
    background-color:#2aa3f4!important;
    background-image:
        radial-gradient(circle at 12% 8%, rgba(255,255,255,.55) 0, rgba(255,255,255,0) 28%),
        radial-gradient(circle at 88% 12%, rgba(127,210,255,.76) 0, rgba(127,210,255,0) 31%),
        radial-gradient(circle at 18% 88%, rgba(0,240,255,.28) 0, rgba(0,240,255,0) 32%),
        linear-gradient(135deg, #7fd2ff 0%, #2aa3f4 36%, #087ac4 68%, #dff5ff 100%)!important;
    color:#021b30!important;
}

body::before,
.user-page-section-background::before{
    background:
        linear-gradient(120deg, rgba(255,255,255,.24), transparent 28%, rgba(255,255,255,.18) 57%, transparent 82%),
        repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 1px, transparent 1px 18px),
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.22), transparent 34%)!important;
}

body::after,
.user-page-section-background::after{
    background:linear-gradient(0deg, rgba(2,27,48,.34), rgba(2,27,48,0))!important;
}

/* Card profil */
.wrapper .user-info{
    background:
        linear-gradient(145deg, rgba(223,245,255,.46), rgba(42,163,244,.22)),
        linear-gradient(135deg, rgba(255,255,255,.28), rgba(3,36,63,.2))!important;
    border:1px solid rgba(255,255,255,.58)!important;
    box-shadow:
        0 30px 90px rgba(3,48,82,.34),
        inset 0 1px 0 rgba(255,255,255,.58)!important;
}

.wrapper .user-info::before{
    border:1px dashed rgba(2,27,48,.28)!important;
}

.wrapper .user-info::after{
    background:radial-gradient(circle, rgba(255,255,255,.68), rgba(127,210,255,.25), transparent 68%)!important;
}

/* Logo */
.wrapper .user-page-section-content .user-info .logo-container .common-user-icon__component{
    background:
        radial-gradient(circle at 35% 22%, rgba(255,255,255,.98), rgba(223,245,255,.66) 42%, rgba(42,163,244,.42)),
        linear-gradient(145deg, #eefaff, #2aa3f4)!important;
    border:3px solid rgba(255,255,255,.86)!important;
    box-shadow:
        0 22px 55px rgba(3,48,82,.42),
        0 0 0 10px rgba(255,255,255,.13),
        inset 0 0 32px rgba(3,36,63,.24)!important;
}

.wrapper .user-page-section-content .user-info .logo-container .common-user-icon__component .common-user-icon-wrapper svg{
    fill:#03243f!important;
}

/* Tombol share atas */
.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper,
.wrapper .user-page-section-content .user-info .preview-share-icon__component{
    background:rgba(238,250,255,.94)!important;
    border:1px solid rgba(255,255,255,.86)!important;
    box-shadow:0 14px 30px rgba(3,48,82,.28)!important;
}

.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper:hover,
.wrapper .user-page-section-content .user-info .preview-share-icon__component:hover{
    background:#03243f!important;
    box-shadow:0 22px 46px rgba(2,27,48,.38)!important;
}

.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper svg,
.wrapper .user-page-section-content .user-info .preview-share-icon__component svg{
    fill:#087ac4!important;
}

.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper:hover svg,
.wrapper .user-page-section-content .user-info .preview-share-icon__component:hover svg{
    fill:#7fd2ff!important;
}

/* Blok 1 - Username */
.wrapper .user-page-section-content .user-info .username{
    color:#021b30!important;
    background:linear-gradient(135deg, rgba(255,255,255,.62), rgba(223,245,255,.34))!important;
    border:1px solid rgba(3,36,63,.22)!important;
    text-shadow:
        0 1px 0 rgba(255,255,255,.7),
        0 0 22px rgba(127,210,255,.5)!important;
}

/* Blok 2 - Deskripsi */
.wrapper .user-page-section-content .user-info .preview-user-description__component{
    color:#075f9f!important;
    background:rgba(255,255,255,.34)!important;
    border:1px solid rgba(3,36,63,.18)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.46),
        0 12px 26px rgba(3,48,82,.14)!important;
}

/* Card umum */
.wrapper .preview-signup-generator__component,
.wrapper .preview-signup-generator-terms__component,
.wrapper .preview-anonymous-messages__component,
.wrapper .preview-commerce-link-item__component,
.wrapper .preview-location-item__component,
.wrapper .preview-menu-item__component,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper,
.wrapper .preview-image-sliders-list__component .youtube-gallery,
.wrapper .preview-image-sliders-list__component .slider-grid,
.wrapper .preview-image-sliders-list__component .instagram-gallery{
    background:
        linear-gradient(145deg, rgba(223,245,255,.26), rgba(42,163,244,.12)),
        linear-gradient(135deg, rgba(3,36,63,.92), rgba(7,95,159,.84))!important;
    border:1px solid rgba(255,255,255,.45)!important;
    box-shadow:0 24px 70px rgba(3,48,82,.38)!important;
}

.wrapper .preview-signup-generator__component::before,
.wrapper .preview-signup-generator-terms__component::before,
.wrapper .preview-anonymous-messages__component::before,
.wrapper .preview-commerce-link-item__component::before,
.wrapper .preview-location-item__component::before,
.wrapper .preview-menu-item__component::before,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper::before,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper::before{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent)!important;
}

.wrapper .preview-signup-generator__component::after,
.wrapper .preview-signup-generator-terms__component::after,
.wrapper .preview-anonymous-messages__component::after,
.wrapper .preview-commerce-link-item__component::after,
.wrapper .preview-location-item__component::after,
.wrapper .preview-menu-item__component::after,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper::after,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper::after,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper::after,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper::after{
    background:
        radial-gradient(circle at 8% 12%, rgba(127,210,255,.34), transparent 24%),
        radial-gradient(circle at 92% 88%, rgba(255,255,255,.16), transparent 22%)!important;
}

.wrapper .preview-signup-generator__component:hover,
.wrapper .preview-signup-generator-terms__component:hover,
.wrapper .preview-anonymous-messages__component:hover,
.wrapper .preview-commerce-link-item__component:hover,
.wrapper .preview-location-item__component:hover,
.wrapper .preview-menu-item__component:hover,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper:hover,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper:hover,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper:hover,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper:hover{
    border-color:rgba(127,210,255,.94)!important;
    background:
        linear-gradient(145deg, rgba(223,245,255,.34), rgba(42,163,244,.15)),
        linear-gradient(135deg, rgba(2,27,48,.96), rgba(8,122,196,.88))!important;
    box-shadow:
        0 34px 90px rgba(3,48,82,.5),
        0 0 0 1px rgba(127,210,255,.38),
        inset 0 1px 0 rgba(255,255,255,.34)!important;
}

/* Thumbnail */
.wrapper .preview-signup-generator__component .thumbnail,
.wrapper .preview-signup-generator-terms__component .thumbnail,
.wrapper .preview-anonymous-messages__component .thumbnail,
.wrapper .preview-commerce-link-item__component .thumbnail,
.wrapper .preview-location-item__component .thumbnail,
.wrapper .preview-menu-item__component .thumbnail,
.wrapper .preview-links-list__component .preview-link-item__component .thumbnail,
.wrapper .preview-links-list__component .preview-lock-link-item__component .thumbnail{
    border:1px solid rgba(127,210,255,.58)!important;
    box-shadow:
        0 12px 28px rgba(2,27,48,.34),
        inset 0 0 0 1px rgba(255,255,255,.18)!important;
}

/* Blok 3 */
.wrapper .preview-signup-generator__component,
.wrapper .preview-signup-generator-terms__component,
.wrapper .preview-anonymous-messages__component{
    color:#dff5ff!important;
}

/* Blok 4 */
.wrapper .preview-commerce-link-item__component,
.wrapper .preview-location-item__component{
    color:#43ffba!important;
}

.wrapper .preview-commerce-link-item__component .up-down-icon svg,
.wrapper .preview-location-item__component .up-down-icon svg{
    fill:#43ffba!important;
}

/* Blok 5 */
.wrapper .preview-menu-item__component{
    color:#ffbf63!important;
}

.wrapper .preview-menu-item__component .up-down-icon svg{
    fill:#ffbf63!important;
}

/* Blok 6 - Header text */
.wrapper .preview-links-list__component .preview-header-component,
.wrapper .preview-links-list__component .preview-text-block-component{
    color:#03243f!important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.54), rgba(127,210,255,.36))!important;
    border:1px solid rgba(3,36,63,.22)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.58),
        0 12px 28px rgba(3,48,82,.18)!important;
    text-shadow:
        0 1px 0 rgba(255,255,255,.62),
        0 0 16px rgba(127,210,255,.28)!important;
}

/* Blok 7 - Link utama */
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper{
    color:#ffffff!important;
}

/* Warna teks beda tiap item */
.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+1) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+1) .preview-link-wrapper{
    color:#dff5ff!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+2) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+2) .preview-link-wrapper{
    color:#43ffba!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+3) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+3) .preview-link-wrapper{
    color:#ffbf63!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+4) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+4) .preview-link-wrapper{
    color:#ff79c9!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+5) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+5) .preview-link-wrapper{
    color:#c7a8ff!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+6) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+6) .preview-link-wrapper{
    color:#00f0ff!important;
}

/* Icon link */
.wrapper .preview-links-list__component .preview-link-item__component .phone-thumbnail svg,
.wrapper .preview-links-list__component .preview-lock-link-item__component .phone-thumbnail svg,
.wrapper .preview-links-list__component .preview-link-item__component .preview-share-icon__component,
.wrapper .preview-links-list__component .preview-link-item__component .shevron-icon__component,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-share-icon__component,
.wrapper .preview-links-list__component .preview-lock-link-item__component .shevron-icon__component,
.wrapper .preview-links-list__component .preview-link-item__component .preview-share-icon__component svg,
.wrapper .preview-links-list__component .preview-link-item__component .shevron-icon__component svg,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-share-icon__component svg,
.wrapper .preview-links-list__component .preview-lock-link-item__component .shevron-icon__component svg{
    fill:#dff5ff!important;
    color:#dff5ff!important;
}

/* Expanded block */
.wrapper .preview-links-list__component .preview-link-item__component .common-expanded-block,
.wrapper .preview-links-list__component .preview-link-item__component .common-expanded-locked-block__component,
.wrapper .preview-links-list__component .preview-lock-link-item__component .common-expanded-block,
.wrapper .preview-links-list__component .preview-lock-link-item__component .common-expanded-locked-block__component{
    background:
        linear-gradient(135deg, rgba(223,245,255,.22), rgba(42,163,244,.1))!important;
    color:#dff5ff!important;
    border-left:1px solid rgba(127,210,255,.34)!important;
    border-right:1px solid rgba(127,210,255,.34)!important;
    border-bottom:1px solid rgba(127,210,255,.34)!important;
}

/* Blok 8 - Gallery */
.wrapper .preview-image-sliders-list__component .youtube-gallery,
.wrapper .preview-image-sliders-list__component .slider-grid,
.wrapper .preview-image-sliders-list__component .instagram-gallery{
    color:#ffbf63!important;
}

/* Blok 9 - Social */
.wrapper .preview-social-links__component .social-link-item__component{
    color:#03243f!important;
    fill:#03243f!important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.64), rgba(127,210,255,.4))!important;
    border:1px solid rgba(3,36,63,.22)!important;
    box-shadow:0 14px 30px rgba(3,48,82,.24)!important;
}

.wrapper .preview-social-links__component .social-link-item__component:hover{
    color:#ffffff!important;
    fill:#ffffff!important;
    background:linear-gradient(135deg, #03243f, #087ac4)!important;
    box-shadow:0 22px 48px rgba(2,27,48,.38)!important;
}

/* Blok 10 - Footer */
.wrapper .footer-link,
.wrapper .cookies-wrapper #ot-sdk-btn.ot-sdk-show-settings,
.wrapper .report-abuse-button__component,
.wrapper .preview-heylinkme-logo__component{
    color:#03243f!important;
    text-shadow:0 1px 0 rgba(255,255,255,.54)!important;
}

.wrapper .report-abuse-button__component .heylinkme-logo,
.wrapper .preview-heylinkme-logo__component .heylinkme-logo{
    color:#03243f!important;
}

/* Focus */
.wrapper a:focus,
.wrapper button:focus,
.wrapper [role="button"]:focus{
    outline:2px solid rgba(3,36,63,.9)!important;
}