/* Tyler & Izzy Wedding Photos
   Copyparty wedding theme
*/

html,
body {
    background: #faf8f5 !important;
    color: #3b2923 !important;
}

body,
button,
input,
select,
textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Arial, sans-serif !important;
}

/* Links */
a {
    color: #6f1728 !important;
}

a:hover {
    color: #4f0f1c !important;
}

/* General buttons / controls */
button,
input[type="button"],
input[type="submit"],
input[type="file"]::file-selector-button {
    border-radius: 10px !important;
    border: 1px solid #6f1728 !important;
}

button,
input[type="submit"],
input[type="file"]::file-selector-button {
    background: #6f1728 !important;
    color: #ffffff !important;
}

button:hover,
input[type="submit"]:hover,
input[type="file"]::file-selector-button:hover {
    background: #581220 !important;
}

/* Inputs */
input,
select,
textarea {
    border-radius: 8px !important;
}

/* Main content */
#wrap,
#main,
main {
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Uploader drop-zone — harmless if a selector isn't present */
#u2drop,
.u2drop,
#dropzone,
.dropzone {
    background: #fffdfb !important;
    border: 2px dashed #6f1728 !important;
    border-radius: 18px !important;
    color: #3b2923 !important;
    box-shadow: 0 8px 24px rgba(59, 41, 35, 0.08) !important;
}

/* Tables / file lists */
table,
#files {
    border-radius: 12px !important;
}

th {
    color: #6f1728 !important;
}

/* Panels */
fieldset,
.panel,
.card {
    border-radius: 14px !important;
}

/* Slightly softer separators */
hr {
    border-color: rgba(111, 23, 40, 0.18) !important;
}

/* Mobile spacing */
@media (max-width: 700px) {
    body {
        font-size: 16px !important;
    }

    #wrap,
    #main,
    main {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    button,
    input[type="button"],
    input[type="submit"] {
        min-height: 44px;
    }
}

/* -------------------------------------------------
   Wedding guest uploader cleanup
   ------------------------------------------------- */

/* Hide the advanced Up2k configuration controls.
   Guests only need the main upload/select area. */
#u2conf tr:first-child > td[rowspan]:not(#u2btn_cw) {
    display: none !important;
}

/* Hide the extra uploader cards/options */
#u2cards {
    display: none !important;
}

/* Center the remaining upload control */
#u2conf {
    margin: 24px auto !important;
}

/* Make the main upload button larger and cleaner */
#u2btn {
    padding: 22px 34px !important;
    border-radius: 16px !important;
    min-width: 260px !important;
}

/* Give the upload/status area some breathing room */
#u2etaw {
    margin: 20px auto !important;
}

/* Mobile */
@media (max-width: 600px) {
    #u2conf {
        width: 96% !important;
    }

    #u2btn {
        min-width: 0 !important;
        width: 90% !important;
        max-width: 360px !important;
    }
}

/* Current Copyparty minimal uploader cleanup */
#u2conf td.c + .c,
#u2cards {
    display: none !important;
}

/* Keep the main upload button centered */
#u2conf {
    margin: 24px auto !important;
}

/* Hide the remaining parallel-upload controls */
#u2conf tr > td.c:first-child {
    display: none !important;
}

/* Collapse Copyparty's wide table and center the upload button */
#u2conf,
#u2conf.w,
#u2conf.ww {
    width: auto !important;
    margin: 24px auto !important;
}

#u2btn_cw {
    width: auto !important;
    text-align: center !important;
}

/* Wedding-style upload button */
#u2btn {
    background: linear-gradient(#8a2035, #6f1728) !important;
    border: 1px solid #57101e !important;
    color: #ffffff !important;
}

#u2btn:hover {
    background: linear-gradient(#9b2940, #7c1a2d) !important;
}

#u2btn:active {
    background: #5d1322 !important;
}

/* Replace Copyparty's rocket/upload label with our own */
#u2btn {
    font-size: 0 !important;
}

#u2btn::before {
    content: "UPLOAD PHOTOS & VIDEOS";
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 8px;
}

#u2btn::after {
    content: "drop files here or tap to choose";
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #ffffff;
}

/* Final wedding upload button sizing/text cleanup */
#u2btn {
    min-width: 420px !important;
    min-height: 105px !important;
    width: auto !important;
    height: auto !important;
    padding: 22px 40px !important;
    white-space: normal !important;
}

/* Hide Copyparty's original button contents */
#u2btn > * {
    display: none !important;
}

#u2btn::before {
    content: "UPLOAD PHOTOS & VIDEOS";
    display: block !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.5px !important;
    margin: 0 0 10px 0 !important;
    color: #ffffff !important;
}

#u2btn::after {
    content: "tap to choose photos or videos";
    display: block !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
}

/* Keep it sensible on phones */
@media (max-width: 600px) {
    #u2btn {
        min-width: 0 !important;
        width: 92% !important;
        max-width: 420px !important;
        padding: 20px 18px !important;
    }

    #u2btn::before {
        font-size: 18px !important;
    }

    #u2btn::after {
        font-size: 15px !important;
    }
}

/* Hide Copyparty's idle ETA/status box */
#u2etaw {
    display: none !important;
}

/* Final upload button size */
#u2btn {
    min-width: 360px !important;
    min-height: 90px !important;
    padding: 18px 30px !important;
}

#u2btn::before {
    content: "UPLOAD PHOTOS & VIDEOS";
    font-size: 18px !important;
    margin-bottom: 8px !important;
}

#u2btn::after {
    content: "Click to choose photos";
    font-size: 16px !important;
}

@media (max-width: 600px) {
    #u2btn {
        width: 88% !important;
        max-width: 360px !important;
        min-height: 86px !important;
        padding: 18px 16px !important;
    }
}

/* Wedding gallery cleanup */

/* Remove Copyparty gallery controls */
#ghead {
    display: none !important;
}

/* Remove filenames underneath thumbnails */
#ggrid a > span {
    display: none !important;
}