h1.entry-title{
  display: none !important;
}

.gb-portal-container {
    font-family: 'Poppins', sans-serif, Arial;
    background-color: #fff;
    padding: 20px;
    display: flex;
    gap: 30px;
    max-width: 1350px;
    margin: 0 auto;
    color: #333;
}


.gb-left-content { 
    flex: 65%;
}
.gb-right-sidebar { 
    flex: 35%; 
}

.gb-page-title {
    font-size: 24px; 
    color: #8B4513;
    margin: 0; font-weight: 500; 
}
.gb-order-num { 
    font-size: 16px; 
    color: #666;
    margin: 5px 0 25px 0; 
}

.gb-proof-frame {
    border: 6px solid #fdebc8;
    border-radius: 15px;
    padding: 12px;
    background: white;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.gb-proof-inner {
    border: 1px solid #f39233;
    background: white;
    position: relative;
}


.gb-header {
    display: grid;
    grid-template-columns: 160px 1fr 260px;
    margin-top: 10px;
    font-family: Arial, sans-serif;
}

/* LOGO */
.gb-header-logo {
    padding: 15px;
}

.gb-header-logo img {
   width: 130px;
}

.gb-header-logo span {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 5px;
    color: #8B4513;
}
.gb-company-table{
    height: 100%;
    border:1px groove #f39233;
    background-color: unset !important;
}
.gb-company-table td, .gb-company-table th{
   padding: 3px 5px;
    border:1px groove #f39233;
    font-size:12px;
}

/* COLOURS */
.gb-header-colors {
    padding: 5px;
    border: 3px solid #f39233;
    border-left: none;
    margin-right: 10px;
}

.gb-print-colour {
    font-weight: 600;
    font-size: 14px;
}

/* GRID */
.gb-colors-swatches {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 10px;
}

/* EACH SWATCH */
.gb-swatch {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    gap: 5px;
}

/* LABEL */
.gb-swatch span {
    font-size: 10px;
}

/* SQUARE */
.gb-swatch .sq {
    width: 30px;
    height: 30px;
    border: 1px solid #000;
}

/* COLORS */
.gb-swatch .white {
    background: #fff;
}

.gb-swatch .red {
    background: #e10600;
}

.gb-swatch.empty span {
  font-size:12px;
  font-weight:700;
  margin-right: 10px;
}



.gb-visuals-labels { 
    display: flex; 
    justify-content: space-around;
    font-weight: bold; 
    font-size: 18px; 
    margin-top: 15px;
}

.gb-visuals-main {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    position: relative;
    min-height: 450px;
}

.gb-glass-box { 
    width: 28%; 
    text-align: center;
}
.gb-glass-box img { 
    width: 100%;
    height: 460px;
    display: block; 
}
/* RIGHT GLASS MEASUREMENT SCALE */
.gb-mm-scale {
    position: absolute;
    top: 25px;
    right: 0px;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 9px;
    color: #e10600;
    font-weight: 600;
}

/* EACH NUMBER ROW */
.mm-row {
    position: relative;
    padding-right: 35px;
    line-height: 1;
    font-size:12px;
}

/* TICK MARK */
.mm-row .tick {
    position: absolute;
    right: 0;
    top: 50%;
    width: 25px;
    height: 1px;
    background: #e10600;
}

.gb-red-scale {
    position: absolute;
    left: 31%;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #e10600;
    font-weight: bold;
    font-size: 12px;
    bottom: 60px;
}
.gb-red-line {
    width: 1px; 
    background: #e10600;
    flex-grow: 1; margin: 5px 0; 
}

.gb-tick { 
    position: absolute;
    left: 0; width: 6px;
    border-top: 1px solid #ccc;
    font-size: 9px;
    color: #999;
    padding-left: 8px;
    line-height: 0; 
    
}
.gb-confirm-text{
    margin-top:5px;
}

.gb-status-bar {
    background: #fee2e2;
    color: #b91c1c;
    padding: 14px;
    border-radius: 40px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px;
    display:flex;
    justify-content: space-between;
}

.gb-action-card {
    background: #f8daa0;
    border-radius: 15px;
    padding: 30px; 
    height: 860px;
}
.status-card {
    display: none;
}

.status-card.active {
    display: block;
    text-align:center;
}

.gb-status-bar.awaiting{
    background: #fee2e2;
    color: #b91c1c;
}
.gb-status-bar.approved {
    background: #c8f0d2;   
    color: #1e6f3d;       
}

.gb-status-bar.modifications {
    background: #d9efff; 
    color: #1b4f72;        
}


.gb-btn {
    width: 100%; 
    padding: 16px; 
    border: none;
    border-radius: 10px;
    background: #f39233; 
    color: white; 
    font-weight: bold; 
    font-size: 18px; 
    cursor: pointer; 
    margin-bottom: 15px;
}

.gb-divider { 
    display: flex; 
    align-items: center;
    text-align: center; 
    margin: 30px 0; 
    color: #8B4513; 
    font-weight: bold;
}
.gb-divider::before, .gb-divider::after {
    content: '';
    flex: 1; 
    border-bottom: 1.5px solid #8B4513;
}
.gb-divider:not(:empty)::before { 
    margin-right: 15px;
}
.gb-divider:not(:empty)::after { 
    margin-left: 15px; 
}

.gb-textarea { 
    width: 100%; 
    height: 130px;
    border-radius: 10px; 
    border: 1px solid #ddd;
    padding: 15px; 
    margin-bottom: 20px; 
    font-family: inherit; 
}

/* APPROVED CARD */
.approved-card {
    background: #fde7b5;
}

/* GREEN CHECK ICON */
.approved-icon {
    width: 110px;
    height: 110px;
    background: #6fcf97;
    border-radius: 50%;
    margin: 40px auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 60px;
    font-weight: bold;
}

/* TITLE */
.approved-title {
    color: #8b2e1c;
    font-size: 28px;
    margin-bottom: 15px;
        font-weight: 700;
}

/* MAIN TEXT */
.approved-text,
.approved-footnote {
    color: #a9441c;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 35px;
}

/* CONTACT */
.approved-contact {
    color: #a9441c;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 40px;
    font-weight: 600;
}
/* CARD BASE */
.gb-action-card {
    border-radius: 20px;
    padding: 40px 30px;
    height: 860px;
    text-align: center;
}

/* CHANGES CARD */
.changes-card {
    background: #fde7b5;
}

/* TOP ICON */
.changes-icon {
    width: 110px;
    height: 110px;
    background: #7cc7d3;
    border-radius: 50%;
    margin: 40px auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 6px;
}
img.wp-smiley, img.emoji{
    height: 40px !important;
    width: 40px !important;
}
/* TITLE */
.changes-title {
    color: #8b2e1c;
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 600;
}

/* DESCRIPTION */
.changes-text {
    color: #a9441c;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 35px;
    font-weight: 400;
}

/* STEPS */
.changes-steps {
    text-align: left;
    max-width: 320px;
    margin: 0 auto 40px;
}

.changes-steps .step {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #a9441c;
    font-size: 16px;
    margin-bottom: 18px;
}
.changes-steps .step span{
    font-weight: 600;
}
/* DIVIDER */
.changes-divider {
    width: 100%;
    height: 6px;
    background: #a9441c;
    margin: 40px 0 30px;
    opacity: 0.6;
}

/* CONTACT */
.changes-contact {
    color: #a9441c;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
}

.gb-legal-footer { 
    padding: 15px; 
    font-size: 8.5px; 
    color: #444;
    line-height: 1.4;
}
@media (max-width: 1024px) {
    .gb-portal-container {
        flex-direction: column;
    }

    .gb-right-sidebar {
        max-width: 100%;
        width: 100%;
        margin-top: 30px;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .gb-header{
        grid-template-columns: 100px 1fr 179px;
    }
    /*.gb-header-logo img{*/
    /*    width:100%;*/
    /*}*/
    .gb-company-table td, .gb-company-table th{
        font-size:10px;
    }
    .gb-action-card {
        height: auto;
        width:100%;
    }
    .gb-status-bar{
        width: 80%;
    }
    .gb-swatch .sq{
        height:20px;
        width:20px;
    }
}
@media (max-width: 600px) {
    .gb-header{
        grid-template-columns:  1fr ;
        padding: 10px;
        gap: 10px;
    }
    .gb-header-colors{
        border-left: 2px solid #f39233;
        border: 2px solid #f39233;
        margin:0;
    }
    .gb-header-logo{
        display:flex;
        align-items:center;
        justify-content:center;
    }
}